43 lines
750 B
SCSS
43 lines
750 B
SCSS
@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;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|