10 float: right !important
15 overflow: hidden !important
24 =typography-size($target:'')
26 $i: index($sizes, $size)
27 .is-size-#{$i}#{if($target == '', '', '-' + $target)}
28 font-size: $size !important
33 +typography-size('mobile')
36 +typography-size('tablet')
39 +typography-size('touch')
42 +typography-size('desktop')
45 +typography-size('widescreen')
48 +typography-size('fullhd')
50 $alignments: ('centered': 'center', 'justified': 'justify', 'left': 'left', 'right': 'right')
52 @each $alignment, $text-align in $alignments
53 .has-text-#{$alignment}
54 text-align: #{$text-align} !important
56 @each $alignment, $text-align in $alignments
58 .has-text-#{$alignment}-mobile
59 text-align: #{$text-align} !important
61 .has-text-#{$alignment}-tablet
62 text-align: #{$text-align} !important
64 .has-text-#{$alignment}-tablet-only
65 text-align: #{$text-align} !important
67 .has-text-#{$alignment}-touch
68 text-align: #{$text-align} !important
70 .has-text-#{$alignment}-desktop
71 text-align: #{$text-align} !important
73 .has-text-#{$alignment}-desktop-only
74 text-align: #{$text-align} !important
76 .has-text-#{$alignment}-widescreen
77 text-align: #{$text-align} !important
79 .has-text-#{$alignment}-widescreen-only
80 text-align: #{$text-align} !important
82 .has-text-#{$alignment}-fullhd
83 text-align: #{$text-align} !important
86 text-transform: capitalize !important
89 text-transform: lowercase !important
92 text-transform: uppercase !important
95 font-style: italic !important
97 @each $name, $pair in $colors
100 color: $color !important
104 color: darken($color, 10%) !important
105 .has-background-#{$name}
106 background-color: $color !important
108 @each $name, $shade in $shades
110 color: $shade !important
111 .has-background-#{$name}
112 background-color: $shade !important
114 .has-text-weight-light
115 font-weight: $weight-light !important
116 .has-text-weight-normal
117 font-weight: $weight-normal !important
118 .has-text-weight-medium
119 font-weight: $weight-medium !important
120 .has-text-weight-semibold
121 font-weight: $weight-semibold !important
122 .has-text-weight-bold
123 font-weight: $weight-bold !important
126 font-family: $family-primary !important
129 font-family: $family-secondary !important
131 .is-family-sans-serif
132 font-family: $family-sans-serif !important
135 font-family: $family-monospace !important
138 font-family: $family-code !important
142 $displays: 'block' 'flex' 'inline' 'inline-block' 'inline-flex'
144 @each $display in $displays
146 display: #{$display} !important
148 .is-#{$display}-mobile
149 display: #{$display} !important
151 .is-#{$display}-tablet
152 display: #{$display} !important
154 .is-#{$display}-tablet-only
155 display: #{$display} !important
157 .is-#{$display}-touch
158 display: #{$display} !important
160 .is-#{$display}-desktop
161 display: #{$display} !important
163 .is-#{$display}-desktop-only
164 display: #{$display} !important
166 .is-#{$display}-widescreen
167 display: #{$display} !important
169 .is-#{$display}-widescreen-only
170 display: #{$display} !important
172 .is-#{$display}-fullhd
173 display: #{$display} !important
176 display: none !important
179 border: none !important
180 clip: rect(0, 0, 0, 0) !important
181 height: 0.01em !important
182 overflow: hidden !important
183 padding: 0 !important
184 position: absolute !important
185 white-space: nowrap !important
186 width: 0.01em !important
190 display: none !important
194 display: none !important
197 .is-hidden-tablet-only
198 display: none !important
202 display: none !important
206 display: none !important
209 .is-hidden-desktop-only
210 display: none !important
213 .is-hidden-widescreen
214 display: none !important
217 .is-hidden-widescreen-only
218 display: none !important
222 display: none !important
225 visibility: hidden !important
229 visibility: hidden !important
233 visibility: hidden !important
236 .is-invisible-tablet-only
237 visibility: hidden !important
241 visibility: hidden !important
244 .is-invisible-desktop
245 visibility: hidden !important
248 .is-invisible-desktop-only
249 visibility: hidden !important
252 .is-invisible-widescreen
253 visibility: hidden !important
256 .is-invisible-widescreen-only
257 visibility: hidden !important
261 visibility: hidden !important
269 padding: 0 !important
272 border-radius: 0 !important
275 box-shadow: none !important
278 @extend %unselectable
281 position: relative !important