first commit
This commit is contained in:
@@ -0,0 +1,42 @@
|
||||
@use '../../foundation/colors';
|
||||
@use '../../foundation/mixins';
|
||||
|
||||
$border-radius: false !default;
|
||||
$outline-offset: -2px !default;
|
||||
|
||||
.splide {
|
||||
$root: &;
|
||||
|
||||
&__slide {
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
|
||||
@if $border-radius {
|
||||
border-radius: $border-radius;
|
||||
}
|
||||
|
||||
// Gets rid of a focus ring in IE and Safari
|
||||
&:focus {
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
&:focus-visible {
|
||||
@include mixins.focus-outline-inset;
|
||||
}
|
||||
}
|
||||
|
||||
&.is-focus-in {
|
||||
#{ $root }__slide:focus {
|
||||
@include mixins.focus-outline-inset;
|
||||
}
|
||||
|
||||
#{ $root }__track {
|
||||
> #{ $root }__list {
|
||||
> #{ $root }__slide:focus {
|
||||
@include mixins.ie-only {
|
||||
border-color: colors.$focus;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user