Browse Source

Add `focus-visible` styles.

NaotoshiFujita 3 years ago
parent
commit
3687aaee10

File diff suppressed because it is too large
+ 0 - 0
dist/css/splide.min.css


File diff suppressed because it is too large
+ 0 - 0
dist/css/themes/splide-default.min.css


File diff suppressed because it is too large
+ 0 - 0
dist/css/themes/splide-sea-green.min.css


File diff suppressed because it is too large
+ 0 - 0
dist/css/themes/splide-skyblue.min.css


+ 4 - 0
src/css/template/default/object/objects/arrow.scss

@@ -80,6 +80,10 @@ $right: 1em !default;
       }
     }
 
+    &:focus-visible {
+      @include mixins.focus-outline;
+    }
+
     &--prev {
       left: $left;
 

+ 4 - 0
src/css/template/default/object/objects/pagination.scss

@@ -63,6 +63,10 @@ $dot-transform-active: scale( 1.4 ) !default;
           background: $dot-background-hover;
         }
       }
+
+      &:focus-visible {
+        @include mixins.focus-outline;
+      }
     }
   }
 

+ 4 - 0
src/css/template/default/object/objects/slide.scss

@@ -18,6 +18,10 @@ $outline-offset: -2px !default;
     &:focus {
       outline: 0;
     }
+
+    &:focus-visible {
+      @include mixins.focus-outline-inset;
+    }
   }
 
   &.is-focus-in {

+ 4 - 0
src/css/template/default/object/objects/toggle.scss

@@ -5,6 +5,10 @@
 
   &__toggle {
     cursor: pointer;
+
+    &:focus-visible {
+      @include mixins.focus-outline;
+    }
   }
 
   &.is-focus-in {

Some files were not shown because too many files changed in this diff