60 lines
1.3 KiB
SCSS
Executable File
60 lines
1.3 KiB
SCSS
Executable File
@font-face {
|
|
font-family: 'opensans';
|
|
src: url('../fonts/OpenSans-Light.ttf') format('truetype');
|
|
font-weight: 200;
|
|
font-style: normal;
|
|
}
|
|
@font-face {
|
|
font-family: 'opensans';
|
|
src: url('../fonts/OpenSans-Italic.ttf') format('truetype');
|
|
font-weight: 400;
|
|
font-style: italic;
|
|
}
|
|
@font-face {
|
|
font-family: 'opensans';
|
|
src: url('../fonts/OpenSans-Regular.ttf') format('truetype');
|
|
font-weight: 400;
|
|
font-style: normal;
|
|
}
|
|
@font-face {
|
|
font-family: 'opensans';
|
|
src: url('../fonts/OpenSans-Semibold.ttf') format('truetype');
|
|
font-weight: 600;
|
|
font-style: normal;
|
|
}
|
|
@font-face {
|
|
font-family: 'opensans';
|
|
src: url('../fonts/OpenSans-Bold.ttf') format('truetype');
|
|
font-weight: 800;
|
|
font-style: normal;
|
|
}
|
|
@font-face {
|
|
font-family: 'opensans';
|
|
src: url('../fonts/OpenSans-ExtraBold.ttf') format('truetype');
|
|
font-weight: 1000;
|
|
font-style: normal;
|
|
}
|
|
|
|
/*font size*/
|
|
// $body : 1rem;
|
|
$maxi:36px;
|
|
// $big:26px;
|
|
$big:1rem;
|
|
//$normal:18px;
|
|
$normal: .6rem ;
|
|
$small:12px;
|
|
|
|
@media (min-width: 48rem) {
|
|
:root {
|
|
font-size: calc(1rem + ((1vw - .48rem) * 1.389));
|
|
/* .48rem = viewportWidthMinimum /100 */
|
|
/* 1.389rem = 100 * fontSizeDifference / viewportWidthDifference */
|
|
}
|
|
}
|
|
|
|
@media (min-width: 120em) {
|
|
:root {
|
|
font-size: 2rem;
|
|
}
|
|
}
|