Proyectos de Subversion Moodle

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1 efrain 1
// stylelint-disable declaration-no-important
2
 
3
//
4
// Text
5
//
6
 
7
.text-monospace {
8
  font-family: $font-family-monospace !important;
9
}
10
 
11
// Alignment
12
 
13
.text-justify {
14
  text-align: justify !important;
15
}
16
 
17
.text-wrap {
18
  white-space: normal !important;
19
}
20
 
21
.text-nowrap {
22
  white-space: nowrap !important;
23
}
24
 
25
.text-truncate {
26
  @include text-truncate();
27
}
28
 
29
// Responsive alignment
30
 
31
@each $breakpoint in map-keys($grid-breakpoints) {
32
  @include media-breakpoint-up($breakpoint) {
33
    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
34
 
35
    .text#{$infix}-left {
36
      text-align: left !important;
37
    }
38
 
39
    .text#{$infix}-right {
40
      text-align: right !important;
41
    }
42
 
43
    .text#{$infix}-center {
44
      text-align: center !important;
45
    }
46
  }
47
}
48
 
49
// Transformation
50
 
51
.text-lowercase {
52
  text-transform: lowercase !important;
53
}
54
 
55
.text-uppercase {
56
  text-transform: uppercase !important;
57
}
58
 
59
.text-capitalize {
60
  text-transform: capitalize !important;
61
}
62
 
63
// Weight and italics
64
 
65
.font-weight-light {
66
  font-weight: $font-weight-light !important;
67
}
68
 
69
.font-weight-lighter {
70
  font-weight: $font-weight-lighter !important;
71
}
72
 
73
.font-weight-normal {
74
  font-weight: $font-weight-normal !important;
75
}
76
 
77
.font-weight-bold {
78
  font-weight: $font-weight-bold !important;
79
}
80
 
81
.font-weight-bolder {
82
  font-weight: $font-weight-bolder !important;
83
}
84
 
85
.font-italic {
86
  font-style: italic !important;
87
}
88
 
89
// Contextual colors
90
 
91
.text-white {
92
  color: $white !important;
93
}
94
 
95
@each $color,
96
$value in $theme-colors {
97
  @include text-emphasis-variant(".text-#{$color}", $value, true);
98
}
99
 
100
.text-body {
101
  color: $body-color !important;
102
 
103
  .theme-dark & {
104
    color: $dm-body-color!important;
105
  }
106
}
107
 
108
.text-muted {
109
  color: $text-muted !important;
110
 
111
  .theme-dark & {
112
    color: $dm-body-color-light!important;
113
  }
114
}
115
 
116
.text-black-50 {
117
  color: rgba($black, .5) !important;
118
}
119
 
120
.text-white-50 {
121
  color: rgba($white, .5) !important;
122
}
123
 
124
// Misc
125
 
126
.text-hide {
127
  @include text-hide($ignore-warning: true);
128
}
129
 
130
.text-decoration-none {
131
  text-decoration: none !important;
132
}
133
 
134
.text-break {
135
  word-break: break-word !important; // Deprecated, but avoids issues with flex containers
136
  word-wrap: break-word !important; // Used instead of `overflow-wrap` for IE & Edge Legacy
137
}
138
 
139
// Reset
140
 
141
.text-reset {
142
  color: inherit !important;
143
}