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/components/links.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/components/links.scss')
-rw-r--r-- | demo/src/sass/components/links.scss | 62 |
1 files changed, 31 insertions, 31 deletions
diff --git a/demo/src/sass/components/links.scss b/demo/src/sass/components/links.scss index 1d49be3a..92e71931 100644 --- a/demo/src/sass/components/links.scss +++ b/demo/src/sass/components/links.scss @@ -4,45 +4,45 @@ // Make a <button> look like an <a> button.faux-link { - @extend a; // stylelint-disable-line - @include cancel-button-styles(); + @extend a; // stylelint-disable-line + @include cancel-button-styles(); } // Links a { - border-bottom: 1px dotted currentColor; - color: $color-link; - position: relative; - text-decoration: none; - transition: all 0.2s ease; + border-bottom: 1px dotted currentColor; + color: $color-link; + position: relative; + text-decoration: none; + transition: all 0.2s ease; - &::after { - background: currentColor; - content: ''; - height: 1px; - left: 50%; - position: absolute; - top: 100%; - transform: translateX(-50%); - transition: width 0.2s ease; - width: 0; - } + &::after { + background: currentColor; + content: ''; + height: 1px; + left: 50%; + position: absolute; + top: 100%; + transform: translateX(-50%); + transition: width 0.2s ease; + width: 0; + } - &:hover, - &:focus { - border-bottom-color: transparent; - outline: 0; + &:hover, + &:focus { + border-bottom-color: transparent; + outline: 0; - &::after { - width: 100%; - } + &::after { + width: 100%; } + } - &.tab-focus { - @include tab-focus(); - } + &.tab-focus { + @include tab-focus(); + } - &.no-border::after { - display: none; - } + &.no-border::after { + display: none; + } } |