diff options
| author | Sam Potts <sam@potts.es> | 2018-03-17 23:30:16 +1100 |
|---|---|---|
| committer | Sam Potts <sam@potts.es> | 2018-03-17 23:30:16 +1100 |
| commit | 600f0eb8a3cf49f5268e5c15487797d496bc19b6 (patch) | |
| tree | ae7d43ee753035458e5927b66eb588ff26d58afd /demo/src/sass/lib/mixins.scss | |
| parent | e0562752eaa4553466b78fb6828d05147a0891d1 (diff) | |
| parent | 5db73b13276bf50357cc98896421318de66ab042 (diff) | |
| download | plyr-600f0eb8a3cf49f5268e5c15487797d496bc19b6.tar.lz plyr-600f0eb8a3cf49f5268e5c15487797d496bc19b6.tar.xz plyr-600f0eb8a3cf49f5268e5c15487797d496bc19b6.zip | |
Merge branch 'beta'
# Conflicts:
# readme.md
Diffstat (limited to 'demo/src/sass/lib/mixins.scss')
| -rw-r--r-- | demo/src/sass/lib/mixins.scss | 54 |
1 files changed, 54 insertions, 0 deletions
diff --git a/demo/src/sass/lib/mixins.scss b/demo/src/sass/lib/mixins.scss new file mode 100644 index 00000000..cdfcb87d --- /dev/null +++ b/demo/src/sass/lib/mixins.scss @@ -0,0 +1,54 @@ +// ========================================================================== +// Mixins +// ========================================================================== + +// Convert a <button> into an <a> +// --------------------------------------- +@mixin cancel-button-styles() { + background: transparent; + border: 0; + border-radius: 0; + cursor: pointer; + font: inherit; + line-height: $line-height-base; + margin: 0; + padding: 0; + position: relative; + text-align: inherit; + text-shadow: inherit; + -moz-user-select: text; // stylelint-disable-line + vertical-align: baseline; + width: auto; +} + +// Nicer focus styles +// --------------------------------------- +@mixin tab-focus($color: $tab-focus-default-color) { + box-shadow: 0 0 0 3px rgba($color, 0.35); + outline: 0; +} + +// Use rems for font sizing +// Leave <body> at 100%/16px +// --------------------------------------- +@function calculate-rem($size) { + $rem: $size / 16; + @return #{$rem}rem; +} + +@mixin font-size($size: 16) { + font-size: $size * 1px; // Fallback in px + font-size: calculate-rem($size); +} + +// Font smoothing +// --------------------------------------- +@mixin font-smoothing($enabled: true) { + @if $enabled { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + } @else { + -moz-osx-font-smoothing: auto; + -webkit-font-smoothing: subpixel-antialiased; + } +} |