/
_trumps.text-align.scss
56 lines (39 loc) · 1.35 KB
/
_trumps.text-align.scss
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
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
///*------------------------------------*\
// #TEXT ALIGN
//\*------------------------------------*/
// Text align helper classes. Use these to align text on a micro level.
// Classes can take a symbol format (e.g. `.ta>) or an abbreviated
// format (e.g. `.tal`). Toggle formats by overriding the
// `$plump-enable-text-align--symbol` variable defined below, in the
// project's `style.scss`.
// Predefine the variables below in order to alter and enable specific features.
$plump-text-align-namespace: $plump-namespace !default;
$plump-enable-text-align--symbol: false !default;
@if ($plump-enable-text-align--symbol == true) {
.#{$plump-text-align-namespace}u-ta\<,
%#{$plump-text-align-namespace}u-ta\< {
text-align: left !important;
}
.#{$plump-text-align-namespace}u-ta\>,
%#{$plump-text-align-namespace}u-ta\> {
text-align: right !important;
}
.#{$plump-text-align-namespace}u-ta\<\>,
%#{$plump-text-align-namespace}u-ta\<\> {
text-align: center !important;
}
}
@else {
.#{$plump-text-align-namespace}u-tal,
%#{$plump-text-align-namespace}u-tal {
text-align: left !important;
}
.#{$plump-text-align-namespace}u-tar,
%#{$plump-text-align-namespace}u-tar {
text-align: right !important;
}
.#{$plump-text-align-namespace}u-tac,
%#{$plump-text-align-namespace}u-tac {
text-align: center !important;
}
}