diff options
Diffstat (limited to 'src/sass/docs/mixins.scss')
-rw-r--r-- | src/sass/docs/mixins.scss | 47 |
1 files changed, 47 insertions, 0 deletions
diff --git a/src/sass/docs/mixins.scss b/src/sass/docs/mixins.scss new file mode 100644 index 00000000..24412575 --- /dev/null +++ b/src/sass/docs/mixins.scss @@ -0,0 +1,47 @@ +// ========================================================================== +// Mixins +// ========================================================================== + +// Contain floats: nicolasgallagher.com/micro-clearfix-hack/ +// --------------------------------------- +@mixin clearfix() +{ + zoom: 1; + &:before, + &:after { content: ""; display: table; } + &:after { clear: both; } +} + +// Webkit-style focus +// --------------------------------------- +@mixin tab-focus() +{ + // Default + outline: thin dotted $gray-dark; + // Webkit + //outline: 5px auto -webkit-focus-ring-color; + outline-offset: 1px; +} + +// Use rems for font sizing +// Leave <body> at 100%/16px +// --------------------------------------- +@mixin font-size($font-size: 16) +{ + $rem: round(($font-size / 16), 1); + font-size: ($font-size * 1px); + font-size: #{"${rem}rem"}; +} + +// Font smoothing +// --------------------------------------- +@mixin font-smoothing($mode: on) when ($mode = on) +{ + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; +} +@mixin font-smoothing($mode: on) when ($mode = off) +{ + -moz-osx-font-smoothing: auto; + -webkit-font-smoothing: subpixel-antialiased; +}
\ No newline at end of file |