// Typography // ROBOTO FONT @font-face {
font-family: "Roboto"; src: local(Roboto Thin), url("#{$roboto-font-path}Roboto-Thin.eot"); src: url("#{$roboto-font-path}Roboto-Thin.eot?#iefix") format("embedded-opentype"), url("#{$roboto-font-path}Roboto-Thin.woff2") format("woff2"), url("#{$roboto-font-path}Roboto-Thin.woff") format("woff"), url("#{$roboto-font-path}Roboto-Thin.ttf") format("truetype"); font-weight: 200;
}
@font-face {
font-family: "Roboto"; src: local(Roboto Light), url("#{$roboto-font-path}Roboto-Light.eot"); src: url("#{$roboto-font-path}Roboto-Light.eot?#iefix") format("embedded-opentype"), url("#{$roboto-font-path}Roboto-Light.woff2") format("woff2"), url("#{$roboto-font-path}Roboto-Light.woff") format("woff"), url("#{$roboto-font-path}Roboto-Light.ttf") format("truetype"); font-weight: 300;
}
@font-face {
font-family: "Roboto"; src: local(Roboto Regular), url("#{$roboto-font-path}Roboto-Regular.eot"); src: url("#{$roboto-font-path}Roboto-Regular.eot?#iefix") format("embedded-opentype"), url("#{$roboto-font-path}Roboto-Regular.woff2") format("woff2"), url("#{$roboto-font-path}Roboto-Regular.woff") format("woff"), url("#{$roboto-font-path}Roboto-Regular.ttf") format("truetype"); font-weight: 400;
}
@font-face {
font-family: "Roboto"; src: url("#{$roboto-font-path}Roboto-Medium.eot"); src: url("#{$roboto-font-path}Roboto-Medium.eot?#iefix") format("embedded-opentype"), url("#{$roboto-font-path}Roboto-Medium.woff2") format("woff2"), url("#{$roboto-font-path}Roboto-Medium.woff") format("woff"), url("#{$roboto-font-path}Roboto-Medium.ttf") format("truetype"); font-weight: 500;
}
@font-face {
font-family: "Roboto"; src: url("#{$roboto-font-path}Roboto-Bold.eot"); src: url("#{$roboto-font-path}Roboto-Bold.eot?#iefix") format("embedded-opentype"), url("#{$roboto-font-path}Roboto-Bold.woff2") format("woff2"), url("#{$roboto-font-path}Roboto-Bold.woff") format("woff"), url("#{$roboto-font-path}Roboto-Bold.ttf") format("truetype"); font-weight: 700;
}
body {
font-family: $roboto-font-family; font-weight: 300;
}
h1, h2, h3, h4, h5, h6 {
font-weight: 300;
}
// Responsive headings @each $key, $val in $grid-breakpoints {
@include media-breakpoint-up($key) { $y: map-get($responsive-headings, $key); @each $name, $value in $y { .#{$name}-responsive { font-size: $value; } } }
}
// Divider .divider-new {
flex-direction: row; justify-content: center; align-items: center; display: flex; margin-top: $divider-margin-y; margin-bottom: $divider-margin-y; > h1, h2, h3, h4, h5, h6 { margin-bottom: 0; } &:before, &:after { content: ""; height: 1.5px; flex: 1; height: $divider-height; background: #c6c6c6; } &:before { margin: 0 $divider-margin-x 0 0; } &:after { margin: 0 0 0 $divider-margin-x; }
}
// Blockquote .blockquote {
padding: $blockquote-padding-y $blockquote-padding-x; border-left: .25rem solid #eceeef; &.text-right { border-left: none; border-right: .25rem solid #eceeef; } .bq-title { margin-bottom: 0; font-size: $font-size-large; font-weight: 400; } p { padding: $blockquote-p-padding-y 0; font-size: $blockquote-p-font-size; }
}
@each $name, $color in $basic {
.bq-#{$name} { border-left: 3px solid $color !important; .bq-title { color: $color !important; } }
}
@each $name, $color in $basic-mdb-colors {
@include text-emphasis-variant(".text-#{$name}", $color);
}
.font-small {
font-size: $font-small;
}