1 @import "mediawiki.mixins";
2 @import "mediawiki.ui/variables";
3 @import "mediawiki.ui/mixins";
6 .mw-ui-anchor( @mainColor ) {
7 // Make all context classes take the main color in IE6
9 &:link, &:visited, &:hover, &:focus, &:active {
16 color: lighten( @mainColor, @colorLightenPercentage );
18 // Focus and active states
20 color: darken( @mainColor, @colorDarkenPercentage );
21 outline: none; // outline fix
26 // Quiet mode is gray at first
28 .mw-ui-anchor-quiet( @mainColor );
32 .mw-ui-anchor-quiet( @mainColor ) {
33 color: @colorTextLight;
34 text-decoration: none;
40 color: darken( @mainColor, @colorDarkenPercentage );
47 Allows you to give text a context as to the type of action it is indicating.
55 This context should only applied on elements without special behavior (DIV, SPAN, etc.), including A elements. These classes cannot be applied for styling purposes on other elements (such as form elements), except when used in combination with .mw-ui-button to alter a button context.
58 <a href=# class="mw-ui-progressive {$modifiers}">Progressive</a>
59 <a href=# class="mw-ui-constructive {$modifiers}">Constructive</a>
60 <a href=# class="mw-ui-destructive {$modifiers}">Destructive</a>
62 .mw-ui-quiet - Quiet until interaction.
67 .mw-ui-anchor( @colorProgressive );
70 .mw-ui-anchor( @colorConstructive );
73 .mw-ui-anchor( @colorDestructive );
76 .mw-ui-anchor-quiet( @colorTextLight );