diff options
| author | Sam Potts <sam@potts.es> | 2018-12-08 17:06:20 +1100 |
|---|---|---|
| committer | Sam Potts <sam@potts.es> | 2018-12-08 17:06:20 +1100 |
| commit | bdd513635fffa33f66735c80209e6ae77e0426b4 (patch) | |
| tree | f0614c3f28412ece15401ae7df8a42faa6d03f79 /src/sass/lib/mixins.scss | |
| parent | b7b2e3c0aa0749eed53ae91230082cb0482e1f28 (diff) | |
| download | plyr-bdd513635fffa33f66735c80209e6ae77e0426b4.tar.lz plyr-bdd513635fffa33f66735c80209e6ae77e0426b4.tar.xz plyr-bdd513635fffa33f66735c80209e6ae77e0426b4.zip | |
Work on outline/focus styles
Diffstat (limited to 'src/sass/lib/mixins.scss')
| -rw-r--r-- | src/sass/lib/mixins.scss | 10 |
1 files changed, 7 insertions, 3 deletions
diff --git a/src/sass/lib/mixins.scss b/src/sass/lib/mixins.scss index e015ffee..0a0f7dcb 100644 --- a/src/sass/lib/mixins.scss +++ b/src/sass/lib/mixins.scss @@ -4,9 +4,13 @@ // Nicer focus styles // --------------------------------------- -@mixin plyr-tab-focus($color: $plyr-tab-focus-default-color) { - box-shadow: 0 0 0 5px rgba($color, 0.5); - outline: 0; +@mixin plyr-tab-focus() { + // box-shadow: 0 0 0 5px rgba($color, 0.5); + // outline: 0; + outline-color: var(--plyr-color-main); + outline-offset: 2px; + outline-style: dotted; + outline-width: 3px; } // Font smoothing |