You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
//
// Reboot
// --------------------------------------------------
// Import Inter font
// inter-300 - latin
@font-face { font-family: "Inter"; font-style: normal; font-weight: 300; src: local(""), url("../fonts/inter/inter-v11-latin-300.woff2") format("woff2");}
// inter-regular - latin
@font-face { font-family: "Inter"; font-style: normal; font-weight: 400; src: local(""), url("../fonts/inter/inter-v11-latin-regular.woff2") format("woff2");}
// inter-500 - latin
@font-face { font-family: "Inter"; font-style: normal; font-weight: 500; src: local(""), url("../fonts/inter/inter-v11-latin-500.woff2") format("woff2");}
// inter-600 - latin
@font-face { font-family: "Inter"; font-style: normal; font-weight: 600; src: local(""), url("../fonts/inter/inter-v11-latin-600.woff2") format("woff2");}
// inter-700 - latin
@font-face { font-family: "Inter"; font-style: normal; font-weight: 700; src: local(""), url("../fonts/inter/inter-v11-latin-700.woff2") format("woff2");}
// Emphasis
b,strong { font-weight: $font-weight-bold;}
// Links
a { transition: color .12s ease-out;
@include media-breakpoint-up(sm) { &.link-fx { position: relative;
&::before { position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; content: ''; background-color: $link-color; visibility: hidden; transform: scaleX(0); transform-origin: 0 50%; transition: transform .2s ease-out; } } }
&.link-fx:hover::before, &.link-fx:focus::before { visibility: visible; transform: scaleX(1); }}
// Paragraphs
p { line-height: $paragraph-line-height;}
.story p,p.story { line-height: $paragraph-line-height; font-size: $font-size-lg; color: $gray-700;
@include media-breakpoint-up(sm) { line-height: $paragraph-line-height-lg; }}
.story { h2, h3, h4 { margin-top: 3rem; }}
|