Ümit Tunç
59 lines
2.7 KiB
SCSS
59 lines
2.7 KiB
SCSS
//
|
|
// Text
|
|
// --------------------------------------------------
|
|
|
|
// Font weight
|
|
.font-w300 { font-weight: 300 !important; }
|
|
.font-w400 { font-weight: 400 !important; }
|
|
.font-w600 { font-weight: 600 !important; }
|
|
.font-w700 { font-weight: 700 !important; }
|
|
|
|
// Font sizes
|
|
.font-size-default { font-size: $font-size-base !important; }
|
|
.font-size-xl { font-size: $font-size-xl !important; }
|
|
.font-size-lg { font-size: $font-size-lg !important; }
|
|
.font-size-md { font-size: $font-size-md !important; }
|
|
.font-size-sm { font-size: $font-size-sm !important; }
|
|
.font-size-xs { font-size: $font-size-xs !important; }
|
|
|
|
// Line height
|
|
.line-height-base { line-height: $line-height-base !important; }
|
|
|
|
// Helpers
|
|
.text-wrap-break-word { word-wrap: break-word; }
|
|
.text-uppercase { letter-spacing: .0625rem; }
|
|
|
|
// Contextual colors
|
|
@include text-emphasis-variant('.text-primary-dark', $brand-dark);
|
|
@include text-emphasis-variant('.text-primary-darker', $brand-darker);
|
|
@include text-emphasis-variant('.text-primary-light', $brand-light);
|
|
@include text-emphasis-variant('.text-primary-lighter', $brand-lighter);
|
|
@include text-emphasis-variant('.text-body-bg', $body-bg);
|
|
@include text-emphasis-variant('.text-body-bg-dark', $body-bg-dark);
|
|
@include text-emphasis-variant('.text-body-bg-light', $body-bg-light);
|
|
@include text-emphasis-variant('.text-body-color', $body-color);
|
|
@include text-emphasis-variant('.text-body-color-dark', $body-color-dark);
|
|
@include text-emphasis-variant('.text-body-color-light', $body-color-light);
|
|
@include text-emphasis-variant('.text-muted', $gray-dark);
|
|
@include text-emphasis-variant('.text-success-light', $brand-success-light);
|
|
@include text-emphasis-variant('.text-warning-light', $brand-warning-light);
|
|
@include text-emphasis-variant('.text-info-light', $brand-info-light);
|
|
@include text-emphasis-variant('.text-danger-light', $brand-danger-light);
|
|
@include text-emphasis-variant('.text-white', $white);
|
|
@include text-emphasis-variant('.text-white-op', rgba(255,255,255,.8));
|
|
@include text-emphasis-variant('.text-black', $black);
|
|
@include text-emphasis-variant('.text-black-op', rgba(0,0,0,.5));
|
|
@include text-emphasis-variant('.text-gray', $gray);
|
|
@include text-emphasis-variant('.text-gray-dark', $gray-dark);
|
|
@include text-emphasis-variant('.text-gray-darker', $gray-darker);
|
|
@include text-emphasis-variant('.text-gray-light', $gray-light);
|
|
@include text-emphasis-variant('.text-gray-lighter', $gray-lighter);
|
|
|
|
// Contextual dual text colors (for inverse header/sidebar)
|
|
@include text-emphasis-variant('.text-dual-primary-dark', $brand-dark);
|
|
|
|
.page-header-inverse #page-header,
|
|
.sidebar-inverse #sidebar {
|
|
@include text-emphasis-variant('.text-dual-primary-dark', $body-color-light);
|
|
}
|