&.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.
Context classes may be used on elements with only plain-text content with the mw-ui-text base. When the context classes
are used on interactive and block-level elements, the appropriate alternative base type classes should also be used. For
example, mw-ui-anchor with A, or mw-ui-button with buttons.
-'Constructive' is deprecated and merged with 'Progressive'.
Markup:
<span class="mw-ui-text mw-ui-progressive">Progressive</span>
.mw-ui-text {
// The selector order is like this on purpose; IE 6 ignores the second selector,
// so we don't want to accidentally apply this color on all mw-ui-CONTEXT classes
- .mw-ui-progressive&,
- .mw-ui-constructive& {
+ &.mw-ui-progressive {
color: @colorProgressive;
}
- .mw-ui-destructive& {
+ &.mw-ui-destructive {
color: @colorDestructive;
}
}
\ No newline at end of file