having to assign it as a button type. `.mw-ui-anchor` only changes the text color, and should not be used in combination
with other base classes, such as `.mw-ui-button`.
-
Markup:
<a href="#" class="mw-ui-anchor mw-ui-progressive">Progressive</a>
<a href="#" class="mw-ui-anchor mw-ui-destructive">Destructive</a>
&.mw-ui-destructive {
.mixin-mw-ui-anchor-styles( @colorDestructive );
}
-
- //`.mw-ui-constructive` is deprecated; consolidated with `progressive`, see T110555
- &.mw-ui-constructive {
- .mixin-mw-ui-anchor-styles( @colorConstructive );
- }
}
/*
Quiet anchors
-Use quiet anchors when they are less important and alongside other progressive/destructive/progressive
+Use quiet anchors when they are less important and alongside other progressive/destructive
anchors. Use of quiet anchors is not recommended on mobile/tablet due to lack of hover state.
Markup:
<a href="#" class="mw-ui-anchor mw-ui-progressive mw-ui-quiet">Progressive</a>
-<a href="#" class="mw-ui-anchor mw-ui-constructive mw-ui-quiet">Constructive</a>
<a href="#" class="mw-ui-anchor mw-ui-destructive mw-ui-quiet">Destructive</a>
Styleguide 6.2.1.