2019-07-18 14:22:11 +00:00
|
|
|
//
|
|
|
|
// Component: Text
|
|
|
|
//
|
2019-06-28 08:02:07 +00:00
|
|
|
|
|
|
|
// text modification
|
2018-03-17 17:07:55 +00:00
|
|
|
.text-bold {
|
|
|
|
&, &.table td, &.table th {
|
|
|
|
font-weight: 700;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2019-09-16 10:11:14 +00:00
|
|
|
.text-xs {
|
|
|
|
font-size: $font-size-xs !important;
|
|
|
|
}
|
|
|
|
|
2018-03-17 17:07:55 +00:00
|
|
|
.text-sm {
|
2019-06-28 12:00:12 +00:00
|
|
|
font-size: $font-size-sm !important;
|
2018-03-17 17:07:55 +00:00
|
|
|
}
|
|
|
|
|
2019-09-16 10:11:14 +00:00
|
|
|
.text-md {
|
2019-06-28 12:00:12 +00:00
|
|
|
font-size: $font-size-base !important;
|
2018-03-17 17:07:55 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.text-lg {
|
2019-06-28 12:00:12 +00:00
|
|
|
font-size: $font-size-lg !important;
|
2018-03-17 17:07:55 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.text-xl {
|
2019-06-28 12:00:12 +00:00
|
|
|
font-size: $font-size-xl !important;
|
2018-03-17 17:07:55 +00:00
|
|
|
}
|
2019-06-27 12:18:58 +00:00
|
|
|
|
2019-06-28 08:02:07 +00:00
|
|
|
// text color variations
|
2019-06-27 12:18:58 +00:00
|
|
|
@each $name, $color in $colors {
|
|
|
|
.text-#{$name} {
|
|
|
|
color: #{$color};
|
|
|
|
}
|
|
|
|
}
|