You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
103 lines
2.4 KiB
103 lines
2.4 KiB
@import "../utilities/mixins" |
|
|
|
=typography-size($target:'') |
|
@each $size in $sizes |
|
$i: index($sizes, $size) |
|
.is-size-#{$i}#{if($target == '', '', '-' + $target)} |
|
font-size: $size !important |
|
|
|
+typography-size() |
|
|
|
+mobile |
|
+typography-size('mobile') |
|
|
|
+tablet |
|
+typography-size('tablet') |
|
|
|
+touch |
|
+typography-size('touch') |
|
|
|
+desktop |
|
+typography-size('desktop') |
|
|
|
+widescreen |
|
+typography-size('widescreen') |
|
|
|
+fullhd |
|
+typography-size('fullhd') |
|
|
|
$alignments: ('centered': 'center', 'justified': 'justify', 'left': 'left', 'right': 'right') |
|
|
|
@each $alignment, $text-align in $alignments |
|
.has-text-#{$alignment} |
|
text-align: #{$text-align} !important |
|
|
|
@each $alignment, $text-align in $alignments |
|
+mobile |
|
.has-text-#{$alignment}-mobile |
|
text-align: #{$text-align} !important |
|
+tablet |
|
.has-text-#{$alignment}-tablet |
|
text-align: #{$text-align} !important |
|
+tablet-only |
|
.has-text-#{$alignment}-tablet-only |
|
text-align: #{$text-align} !important |
|
+touch |
|
.has-text-#{$alignment}-touch |
|
text-align: #{$text-align} !important |
|
+desktop |
|
.has-text-#{$alignment}-desktop |
|
text-align: #{$text-align} !important |
|
+desktop-only |
|
.has-text-#{$alignment}-desktop-only |
|
text-align: #{$text-align} !important |
|
+widescreen |
|
.has-text-#{$alignment}-widescreen |
|
text-align: #{$text-align} !important |
|
+widescreen-only |
|
.has-text-#{$alignment}-widescreen-only |
|
text-align: #{$text-align} !important |
|
+fullhd |
|
.has-text-#{$alignment}-fullhd |
|
text-align: #{$text-align} !important |
|
|
|
.is-capitalized |
|
text-transform: capitalize !important |
|
|
|
.is-lowercase |
|
text-transform: lowercase !important |
|
|
|
.is-uppercase |
|
text-transform: uppercase !important |
|
|
|
.is-italic |
|
font-style: italic !important |
|
|
|
.is-underlined |
|
text-decoration: underline !important |
|
|
|
.has-text-weight-light |
|
font-weight: $weight-light !important |
|
.has-text-weight-normal |
|
font-weight: $weight-normal !important |
|
.has-text-weight-medium |
|
font-weight: $weight-medium !important |
|
.has-text-weight-semibold |
|
font-weight: $weight-semibold !important |
|
.has-text-weight-bold |
|
font-weight: $weight-bold !important |
|
|
|
.is-family-primary |
|
font-family: $family-primary !important |
|
|
|
.is-family-secondary |
|
font-family: $family-secondary !important |
|
|
|
.is-family-sans-serif |
|
font-family: $family-sans-serif !important |
|
|
|
.is-family-monospace |
|
font-family: $family-monospace !important |
|
|
|
.is-family-code |
|
font-family: $family-code !important
|
|
|