diff options
author | Sam Potts <sam@potts.es> | 2020-04-24 00:32:16 +1000 |
---|---|---|
committer | Sam Potts <sam@potts.es> | 2020-04-24 00:32:16 +1000 |
commit | 3b521f73bd773dcb530746db47c90dbb1349b70b (patch) | |
tree | 371bb120c654d55d0016792b9412fc122735c1b8 /src/sass/base.scss | |
parent | 27126b20bc5d2a3a8947c363d1f1887533f69688 (diff) | |
parent | 68137aa789b195b26d4306eaebc7fee2f8eb3374 (diff) | |
download | plyr-3b521f73bd773dcb530746db47c90dbb1349b70b.tar.lz plyr-3b521f73bd773dcb530746db47c90dbb1349b70b.tar.xz plyr-3b521f73bd773dcb530746db47c90dbb1349b70b.zip |
Merge branch 'develop' of github.com:sampotts/plyr into develop
# Conflicts:
# package.json
# yarn.lock
Diffstat (limited to 'src/sass/base.scss')
-rw-r--r-- | src/sass/base.scss | 94 |
1 files changed, 47 insertions, 47 deletions
diff --git a/src/sass/base.scss b/src/sass/base.scss index 05e77bb1..8ab3e1a8 100644 --- a/src/sass/base.scss +++ b/src/sass/base.scss @@ -4,66 +4,66 @@ // Base .plyr { - @include plyr-font-smoothing($plyr-font-smoothing); - align-items: center; - direction: ltr; - display: flex; - flex-direction: column; - font-family: $plyr-font-family; - font-variant-numeric: tabular-nums; // Force monosace-esque number widths - font-weight: $plyr-font-weight-regular; + @include plyr-font-smoothing($plyr-font-smoothing); + align-items: center; + direction: ltr; + display: flex; + flex-direction: column; + font-family: $plyr-font-family; + font-variant-numeric: tabular-nums; // Force monosace-esque number widths + font-weight: $plyr-font-weight-regular; + height: 100%; + line-height: $plyr-line-height; + max-width: 100%; + min-width: 200px; + position: relative; + text-shadow: none; + transition: box-shadow 0.3s ease; + z-index: 0; // Force any border radius + + // Media elements + video, + audio, + iframe { + display: block; height: 100%; - line-height: $plyr-line-height; - max-width: 100%; - min-width: 200px; - position: relative; - text-shadow: none; - transition: box-shadow 0.3s ease; - z-index: 0; // Force any border radius + width: 100%; + } - // Media elements - video, - audio, - iframe { - display: block; - height: 100%; - width: 100%; - } + button { + font: inherit; + line-height: inherit; + width: auto; + } - button { - font: inherit; - line-height: inherit; - width: auto; - } - - // Ignore focus - &:focus { - outline: 0; - } + // Ignore focus + &:focus { + outline: 0; + } } // border-box everything // http://paulirish.com/2012/box-sizing-border-box-ftw/ @if $plyr-border-box { - .plyr--full-ui { - box-sizing: border-box; + .plyr--full-ui { + box-sizing: border-box; - *, - *::after, - *::before { - box-sizing: inherit; - } + *, + *::after, + *::before { + box-sizing: inherit; } + } } // Fix 300ms delay @if $plyr-touch-action { - .plyr--full-ui { - a, - button, - input, - label { - touch-action: manipulation; - } + .plyr--full-ui { + a, + button, + input, + label { + touch-action: manipulation; } + } } |