diff options
| author | Sam Potts <sam@potts.es> | 2020-04-24 00:22:39 +1000 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2020-04-24 00:22:39 +1000 |
| commit | 68137aa789b195b26d4306eaebc7fee2f8eb3374 (patch) | |
| tree | 8c38683d043fdfbe8b1dcb385a446de4df7396a1 /demo/src/sass/lib/mixins.scss | |
| parent | dbe618c644a525b196466b7254274cc9bde76275 (diff) | |
| parent | 2458eaa11b5c2805bcf1e5349ab900485bac325f (diff) | |
| download | plyr-68137aa789b195b26d4306eaebc7fee2f8eb3374.tar.lz plyr-68137aa789b195b26d4306eaebc7fee2f8eb3374.tar.xz plyr-68137aa789b195b26d4306eaebc7fee2f8eb3374.zip | |
Merge pull request #1770 from sampotts/css-variables
Allow customization via CSS Custom Properties
Diffstat (limited to 'demo/src/sass/lib/mixins.scss')
| -rw-r--r-- | demo/src/sass/lib/mixins.scss | 54 |
1 files changed, 27 insertions, 27 deletions
diff --git a/demo/src/sass/lib/mixins.scss b/demo/src/sass/lib/mixins.scss index 268157ae..2744bfb5 100644 --- a/demo/src/sass/lib/mixins.scss +++ b/demo/src/sass/lib/mixins.scss @@ -5,50 +5,50 @@ // 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; + 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; + 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; + $rem: $size / 16; + @return #{$rem}rem; } @mixin font-size($size: $font-size-base) { - font-size: $size * 1px; // Fallback in px - font-size: calculate-rem($size); + 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; - } + @if $enabled { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + } @else { + -moz-osx-font-smoothing: auto; + -webkit-font-smoothing: subpixel-antialiased; + } } |