diff options
Diffstat (limited to 'demo/src/less/lib/mixins.less')
| -rw-r--r-- | demo/src/less/lib/mixins.less | 38 |
1 files changed, 23 insertions, 15 deletions
diff --git a/demo/src/less/lib/mixins.less b/demo/src/less/lib/mixins.less index 923df1ea..fbf36546 100644 --- a/demo/src/less/lib/mixins.less +++ b/demo/src/less/lib/mixins.less @@ -2,31 +2,39 @@ // Mixins // ========================================================================== -// Contain floats: nicolasgallagher.com/micro-clearfix-hack/ +// Convert a <button> into an <a> // --------------------------------------- -.clearfix() { - zoom: 1; - &:before, - &:after { content: ""; display: table; } - &:after { clear: both; } +.cancel-button-styles() { + position: relative; + margin: 0; + padding: 0; + width: auto; + border: 0; + background: transparent; + vertical-align: baseline; + text-align: inherit; + font: inherit; + line-height: @line-height-base; + cursor: pointer; + -moz-user-select: text; + text-shadow: inherit; + border-radius: 0; } -// Webkit-style focus +// Nicer focus styles // --------------------------------------- -.tab-focus() { - // Default - outline: thin dotted @gray-dark; - // Webkit - outline-offset: 1px; +.tab-focus(@color: @tab-focus-default-color) { + outline: 0; + box-shadow: 0 0 0 3px fade(@color, 35%); } // Use rems for font sizing // Leave <body> at 100%/16px // --------------------------------------- -.font-size(@font-size: 16){ +.font-size(@font-size: 16) { @rem: round((@font-size / 16), 3); font-size: (@font-size * 1px); - font-size: ~"@{rem}rem"; + font-size: ~'@{rem}rem'; } // Font smoothing @@ -38,4 +46,4 @@ .font-smoothing(@mode: on) when (@mode = off) { -moz-osx-font-smoothing: auto; -webkit-font-smoothing: subpixel-antialiased; -}
\ No newline at end of file +} |