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.
89 lines
3.2 KiB
89 lines
3.2 KiB
/* Переменные, шрифты, UI kit */
|
|
|
|
/*
|
|
700 - Bold
|
|
600 - SemiBold / Demi
|
|
500 - Medium
|
|
400 - Regular
|
|
*/
|
|
|
|
/* Craftwork Grotesk */
|
|
@font-face {
|
|
font-family: "Craftwork Grotesk";
|
|
src: local("Craftwork Grotesk Bold"),
|
|
url("/assets/fonts/craftwork/CraftworkGrotesk-SemiBold.woff2") format("woff2"),
|
|
url("/assets/fonts/craftwork/CraftworkGrotesk-Bold.woff") format("woff"),
|
|
url("/assets/fonts/craftwork/craftwork-grotesk-bold.ttf") format("ttf");
|
|
font-weight: 700;
|
|
}
|
|
@font-face {
|
|
font-family: "Craftwork Grotesk";
|
|
src: local("Craftwork Grotesk SemiBold"),
|
|
url("/assets/fonts/craftwork/CraftworkGrotesk-SemiBold.woff2") format("woff2"),
|
|
url("/assets/fonts/craftwork/CraftworkGrotesk-SemiBold.woff") format("woff"),
|
|
url("/assets/fonts/craftwork/craftwork-grotesk-semi-bold.ttf") format("ttf");
|
|
font-weight: 600;
|
|
}
|
|
@font-face {
|
|
font-family: "Craftwork Grotesk";
|
|
src: local("Craftwork Grotesk Medium"),
|
|
url("/assets/fonts/craftwork/CraftworkGrotesk-Medium.woff2") format("woff2"),
|
|
url("/assets/fonts/craftwork/CraftworkGrotesk-Medium.woff") format("woff"),
|
|
url("/assets/fonts/craftwork/craftwork-grotesk-medium.ttf") format("ttf");
|
|
font-weight: 500;
|
|
}
|
|
@font-face {
|
|
font-family: "Craftwork Grotesk";
|
|
src: local("Craftwork Grotesk Regular"),
|
|
url("/assets/fonts/craftwork/CraftworkGrotesk-Regular.woff2") format("woff2"),
|
|
url("/assets/fonts/craftwork/CraftworkGrotesk-Regular.woff") format("woff"),
|
|
url("/assets/fonts/craftwork/craftwork-grotesk-regular.ttf") format("ttf");
|
|
font-weight: 400;
|
|
}
|
|
/* Craftwork Grotesk */
|
|
|
|
/* din 2014 */
|
|
@font-face {
|
|
font-family: "DIN 2014 Rounded";
|
|
src: local("DIN 2014 Rounded Demi"),
|
|
url("/assets/fonts/din-2014/din-2014-rounded-demi.woff2") format("woff2"),
|
|
url("/assets/fonts/din-2014/din-2014-rounded-demi.woff") format("woff"),
|
|
url("/assets/fonts/din-2014/din-2014-rounded-demi.ttf") format("ttf");
|
|
font-weight: 600;
|
|
}
|
|
@font-face {
|
|
font-family: "DIN 2014 Rounded";
|
|
src: local("DIN 2014 Rounded Regular"),
|
|
url("/assets/fonts/din-2014/din-2014-rounded-regular.woff2") format("woff2"),
|
|
url("/assets/fonts/din-2014/din-2014-rounded-regular.woff") format("woff"),
|
|
url("/assets/fonts/din-2014/din-2014-rounded-regular.ttf") format("ttf");
|
|
font-weight: 400;
|
|
}
|
|
/* din 2014 */
|
|
|
|
/* roboto */
|
|
@font-face {
|
|
font-family: "Roboto";
|
|
src: local("Roboto Medium"),
|
|
url("/assets/fonts/roboto/Roboto-Medium.woff2") format("woff2"),
|
|
url("/assets/fonts/roboto/Roboto-Medium.woff") format("woff"),
|
|
url("/assets/fonts/roboto/roboto-medium.ttf") format("ttf");
|
|
font-weight: 500;
|
|
}
|
|
@font-face {
|
|
font-family: "Roboto";
|
|
src: local("Roboto Regular"),
|
|
url("/assets/fonts/roboto/Roboto-Regular.woff2") format("woff2"),
|
|
url("/assets/fonts/roboto/Roboto-Regular.woff") format("woff"),
|
|
url("/assets/fonts/roboto/roboto-medium.ttf") format("ttf");
|
|
font-weight: 400;
|
|
}
|
|
/* roboto */
|
|
|
|
/* Глобальные переменные: */
|
|
|
|
:root {
|
|
--font-family: "Craftwork Grotesk", sans-serif;
|
|
--second-family: "DIN 2014 Rounded", sans-serif;
|
|
--third-family: "Roboto", sans-serif
|
|
} |