We hadn't added this rule before because there was no such rule in scss-lint. Instead, we were following it without a linter, and so we unintentionally broke it sometimes. But now we're using Stylelint, so we can add the rule and let the linter check we're still following it.
25 lines
543 B
SCSS
25 lines
543 B
SCSS
@mixin orbit-bullets {
|
|
@include disable-mouse-outline;
|
|
margin-bottom: $orbit-bullet-margin-bottom;
|
|
margin-top: $orbit-bullet-margin-top;
|
|
position: relative;
|
|
text-align: center;
|
|
|
|
button {
|
|
background-color: $orbit-bullet-background;
|
|
|
|
border-radius: 50%;
|
|
height: $orbit-bullet-diameter;
|
|
margin: $orbit-bullet-margin;
|
|
width: $orbit-bullet-diameter;
|
|
|
|
&:hover {
|
|
background-color: $orbit-bullet-background-active;
|
|
}
|
|
|
|
&.is-active {
|
|
background-color: $orbit-bullet-background-active;
|
|
}
|
|
}
|
|
}
|