diff options
| author | Sam Potts <me@sampotts.me> | 2016-06-25 22:35:04 +1000 |
|---|---|---|
| committer | Sam Potts <me@sampotts.me> | 2016-06-25 22:35:04 +1000 |
| commit | be19b7271980db0df00fdc840150645c60457459 (patch) | |
| tree | d7f1d0a2e2e47df17494d29fc2ed00704b34e72d /demo/src/less/lib/mixins.less | |
| parent | 2fdcc18356510ab22998052eb9258238cd0de022 (diff) | |
| parent | 4c1cdea56e2ed641642f2436673c21debc0022d0 (diff) | |
| download | plyr-be19b7271980db0df00fdc840150645c60457459.tar.lz plyr-be19b7271980db0df00fdc840150645c60457459.tar.xz plyr-be19b7271980db0df00fdc840150645c60457459.zip | |
Merge branch 'master' of https://github.com/Selz/plyr
# Conflicts:
# dist/plyr.css
# src/less/plyr.less
# src/scss/plyr.scss
Diffstat (limited to 'demo/src/less/lib/mixins.less')
| -rw-r--r-- | demo/src/less/lib/mixins.less | 41 |
1 files changed, 41 insertions, 0 deletions
diff --git a/demo/src/less/lib/mixins.less b/demo/src/less/lib/mixins.less new file mode 100644 index 00000000..923df1ea --- /dev/null +++ b/demo/src/less/lib/mixins.less @@ -0,0 +1,41 @@ +// ========================================================================== +// Mixins +// ========================================================================== + +// Contain floats: nicolasgallagher.com/micro-clearfix-hack/ +// --------------------------------------- +.clearfix() { + zoom: 1; + &:before, + &:after { content: ""; display: table; } + &:after { clear: both; } +} + +// Webkit-style focus +// --------------------------------------- +.tab-focus() { + // Default + outline: thin dotted @gray-dark; + // Webkit + outline-offset: 1px; +} + +// Use rems for font sizing +// Leave <body> at 100%/16px +// --------------------------------------- +.font-size(@font-size: 16){ + @rem: round((@font-size / 16), 3); + font-size: (@font-size * 1px); + font-size: ~"@{rem}rem"; +} + +// Font smoothing +// --------------------------------------- +.font-smoothing(@mode: on) when (@mode = on) { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; +} +.font-smoothing(@mode: on) when (@mode = off) { + -moz-osx-font-smoothing: auto; + -webkit-font-smoothing: subpixel-antialiased; +}
\ No newline at end of file |