| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118 |
- /* Typography */
- body {
- font-size: 1rem;
- font-family: $type1-regular;
- font-weight: initial;
- line-height: normal;
- -webkit-font-smoothing: antialiased;
- }
- h1,
- h2,
- h3,
- h4,
- h5,
- h6,
- .h1,
- .h2,
- .h3,
- .h4,
- .h5,
- .h6 {
- font-family: $type1-medium;
- }
- p {
- font-size: $default-font-size;
- }
- h1,
- .h1 {
- font-size: 2.19rem;
- }
- h2,
- .h2 {
- font-size: 1.88rem;
- }
- h3,
- .h3 {
- font-size: 1.56rem;
- }
- h4,
- .h4 {
- font-size: 1.13rem;
- }
- h5,
- .h5 {
- font-size: 1rem;
- }
- h6,
- .h6 {
- font-size: .9375rem;
- }
- p {
- font-size: .9375rem;
- line-height: 1.5;
- }
- .display-1 {
- font-size: 3.75rem;
- @media (max-width: 991px) {
- font-size: 3rem;
- }
- }
- .display-2 {
- font-size: 3.125rem;
- @media (max-width: 991px) {
- font-size: 2.5rem;
- }
- }
- .display-3 {
- font-size: 2.5rem;
- @media (max-width: 991px) {
- font-size: 2rem;
- }
- }
- .display-4 {
- font-size: 1.875rem;
- @media (max-width: 991px) {
- font-size: 1.5rem;
- }
- }
- .display-5 {
- font-size: 1.25rem;
- @media (max-width: 991px) {
- font-size: 1rem;
- }
- }
- .blockquote {
- padding: 1.25rem;
- border: 1px solid $border-color;
- }
- address {
- p {
- margin-bottom: 0;
- }
- }
- //blockqoute color variations
- @each $color, $value in $theme-colors {
- .blockquote-#{$color} {
- @include blockquote($value);
- }
- }
- .error-page {
- h1 {
- font-size: 12rem;
- @media (max-width: 991px) {
- font-size: 8rem;
- }
- }
- }
- .icon-lg {
- font-size: 3.438rem;
- }
- .icon-md {
- font-size: 1.875rem;
- }
- .icon-sm {
- font-size: 1rem;
- }
|