@mixin plain() {
&, &:link, &:visited { @content; }
}
@mixin hover() {
.root[data-is-touch="false"] &:hover { @content; }
}
@mixin active() {
.root[data-is-touch] &.active, .root[data-is-touch] &:active { @content; }
}
@mixin focus() {
.root[data-is-touch] &.focus { @content; }
}
@mixin disabled() {
&.disabled, &:disabled { @content; }
}