PHP Classes

File: assets/vendor/bootstrap-md/scss/core/_typography.scss

Recommend this page to a friend!
  Classes of akeel   F3A   assets/vendor/bootstrap-md/scss/core/_typography.scss   Download  
File: assets/vendor/bootstrap-md/scss/core/_typography.scss
Role: Auxiliary data
Content type: text/plain
Description: Auxiliary data
Class: F3A
PHP Web development framework like Laravel lite
Author: By
Last change:
Date: 2 years ago
Size: 3,150 bytes
 

Contents

Class file image Download
// 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; }