diff options
author | Sam Potts <me@sampotts.me> | 2016-05-10 09:35:19 +1000 |
---|---|---|
committer | Sam Potts <me@sampotts.me> | 2016-05-10 09:35:19 +1000 |
commit | 3f20462943b44850473a9bbad820a550e79665d0 (patch) | |
tree | fbfa5e83741dd96b3c336537d1b11136340f3341 /src/less/components/tooltips.less | |
parent | 3470d5f5e69bcb7efc1ad60ea5b57ae1403d58eb (diff) | |
download | plyr-3f20462943b44850473a9bbad820a550e79665d0.tar.lz plyr-3f20462943b44850473a9bbad820a550e79665d0.tar.xz plyr-3f20462943b44850473a9bbad820a550e79665d0.zip |
Restore simplicity to LESS file structure
Diffstat (limited to 'src/less/components/tooltips.less')
-rw-r--r-- | src/less/components/tooltips.less | 51 |
1 files changed, 0 insertions, 51 deletions
diff --git a/src/less/components/tooltips.less b/src/less/components/tooltips.less deleted file mode 100644 index 6a3b0488..00000000 --- a/src/less/components/tooltips.less +++ /dev/null @@ -1,51 +0,0 @@ -// Tooltips -// -------------------------------------------------------------- - -.plyr__tooltip { - position: absolute; - z-index: 2; - bottom: 100%; - margin-bottom: (@plyr-tooltip-padding * 2); - padding: @plyr-tooltip-padding (@plyr-tooltip-padding * 1.5); - pointer-events: none; - - opacity: 0; - background: @plyr-tooltip-bg; - box-shadow: @plyr-tooltip-shadow; - border-radius: @plyr-tooltip-radius; - - color: @plyr-tooltip-color; - font-size: @plyr-font-size-small; - line-height: 1.3; - - transform: translate(-50%, 10px) scale(.8); - transform-origin: 50% 100%; - transition: transform .2s .1s ease, opacity .2s .1s ease; - - // Arrows - &::before { - content: ''; - position: absolute; - width: 0; - height: 0; - left: 50%; - transform: translateX(-50%); - } - // The background triangle - &::before { - bottom: -@plyr-tooltip-arrow-size; - border-right: @plyr-tooltip-arrow-size solid transparent; - border-top: @plyr-tooltip-arrow-size solid @plyr-tooltip-bg; - border-left: @plyr-tooltip-arrow-size solid transparent; - z-index: 2; - } -} -.plyr button:hover .plyr__tooltip, -.plyr button.tab-focus:focus .plyr__tooltip, -.plyr__tooltip--visible { - opacity: 1; - transform: translate(-50%, 0) scale(1); -} -.plyr button:hover .plyr__tooltip { - z-index: 3; -}
\ No newline at end of file |