library-mirrors/pure
1
0
Fork 0
mirror of https://github.com/pure-css/pure.git synced 2024-11-24 10:44:21 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

pure buttons with custom fonts

Browse Source
This commit is contained in:
Narcis Radu 2013-10-26 09:33:57 +03:00
parent 0f8f2966fa
commit ba5d3a7a4e
2 changed files with 15 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/buttons/css/buttons.css
View File

@ -1,6 +1,7 @@
/*csslint unqualified-attributes:false, outline-none:false*/
.pure-button {
font-family: inherit;
font-size: 100%;
*font-size: 90%; /*IE 6/7 - To reduce IE's oversized button text*/
*overflow: visible; /*IE 6/7 - Because of IE's overly large left/right padding on buttons */

14
src/buttons/tests/manual/button.html
View File

@ -8,6 +8,7 @@
<link rel="stylesheet" href="../../../../build/buttons.css">
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/3.0.2/css/font-awesome.css">
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/3.0.2/css/font-awesome-ie7.css">
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
<style>
.pure-button-green {
@ -47,6 +48,10 @@
color: #fff;
box-shadow: none;
}
.custom-fonts {
font-family: 'Open Sans', sans-serif;
}
</style>
</head>
@ -111,5 +116,14 @@
<input type="button" class="pure-button pure-button-primary" value="Input Button">
<input type="reset" class="pure-button pure-button-primary" value="Reset">
</p>
<h2>Primary Form Buttons (Custom Fonts)</h2>
<p class="custom-fonts">
<a class="pure-button pure-button-primary" href="#">Anchor</a>
<button class="pure-button pure-button-primary">Button</button>
<input type="submit" class="pure-button pure-button-primary" value="Submit">
<input type="button" class="pure-button pure-button-primary" value="Input Button">
<input type="reset" class="pure-button pure-button-primary" value="Reset">
</p>
</body>
</html>