aboutsummaryrefslogtreecommitdiff
path: root/semantic/src/definitions/elements/text.less
blob: f2256c5bfbdef1fc04b257e7533ac475042c1f7e (plain) (blame)
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
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
/*!
 * # Fomantic-UI - Text
 * http://github.com/fomantic/Fomantic-UI/
 *
 *
 * Released under the MIT license
 * https://github.com/fomantic/Fomantic-UI/blob/master/LICENSE.md
 *
 */


/*******************************
            Theme
*******************************/

@type    : 'element';
@element : 'text';

@import (multiple) '../../theme.config';


/*******************************
             Text
*******************************/
span.ui.text {
  line-height: @lineHeight;
}

each(@colors, {
  @color: replace(@key, '@', '');
  @c: @colors[@@color][color];
  @l: @colors[@@color][light];

  span.ui.@{color}.text {
    color: @c;
  }
  & when (@variationTextInverted) {
    span.ui.inverted.@{color}.text {
      color: @l;
    }
  }
})

& when (@variationTextStates) {
  each(@textStates, {
    @state: replace(@key, '@', '');
    @c: @textStates[@@state][color];

    span.ui.@{state}.text {
      color: @c;
    }
  })
}

& when (@variationTextDisabled) {
  span.ui.disabled.text {
    opacity: @disabledOpacity;
  }
}

/* Sizes */
span.ui.medium.text {
  font-size: @medium;
}
& when not (@variationTextSizes = false) {
  each(@variationTextSizes, {
    @s: @@value;
    span.ui.@{value}.text {
      font-size: @s;
    }
  })
}

.loadUIOverrides();