summaryrefslogtreecommitdiff
path: root/resources/src/mediawiki.ui/components/text.less
blob: 500d42c4a43adb71288847777b8c836862e11c34 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
@import "mediawiki.mixins";
@import "mediawiki.ui/variables";
@import "mediawiki.ui/mixins";

/*
Text & Anchors

Allows you to give text a context as to the type of action it is indicating.

Styleguide 6.
*/

/*
Text

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.

Markup:
<span class="mw-ui-text mw-ui-progressive">Progressive</span>
<span class="mw-ui-text mw-ui-constructive">Constructive</span>
<span class="mw-ui-text mw-ui-destructive">Destructive</span>

Styleguide 6.1.
*/

.mw-ui-text {
	// The selector order is like this on purpose; IE6 ignores the second selector,
	// so we don't want to accidentally apply this color on all mw-ui-CONTEXT classes
	.mw-ui-progressive& {
		color: @colorProgressive;
	}
	.mw-ui-constructive& {
		color: @colorConstructive;
	}
	.mw-ui-destructive& {
		color: @colorDestructive;
	}
}