소스 검색

Add `focus-visible` styles.

NaotoshiFujita 3 년 전
부모
커밋
3687aaee10

파일 크기가 너무 크기때문에 변경 상태를 표시하지 않습니다.
+ 0 - 0
dist/css/splide.min.css


파일 크기가 너무 크기때문에 변경 상태를 표시하지 않습니다.
+ 0 - 0
dist/css/themes/splide-default.min.css


파일 크기가 너무 크기때문에 변경 상태를 표시하지 않습니다.
+ 0 - 0
dist/css/themes/splide-sea-green.min.css


파일 크기가 너무 크기때문에 변경 상태를 표시하지 않습니다.
+ 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 {

이 변경점에서 너무 많은 파일들이 변경되어 몇몇 파일들은 표시되지 않았습니다.