// Typography
// Roboto font
@font-face {
font-family: Roboto;
font-weight: 200;
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-face {
font-family: Roboto;
font-weight: 300;
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-face {
font-family: Roboto;
font-weight: 400;
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-face {
font-family: Roboto;
font-weight: 500;
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-face {
font-family: Roboto;
font-weight: 700;
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");
}
// General properties
body {
font-family: $mdb-font-family;
font-weight: $font-weight-light;
}
h1, h2, h3, h4, h5, h6 {
font-weight: $font-weight-light;
}
// Blockquote
.blockquote {
padding: $blockquote-padding-y $blockquote-padding-x;
border-left: .25rem solid #eceeef;
&.text-right {
border-right: .25rem solid #eceeef;
border-left: none;
}
.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;
}
}
}
// 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;
}
}
}
}
@each $name, $color in $basic-mdb-colors {
@include text-emphasis-variant(".text-#{$name}", $color);
}
.font-small {
font-size: $font-size-small;
}
|