2160e067cf
# Conflicts: # .lintstagedrc # dist_scripts/src/model.js # src/animation.ts # src/components/Item/Item.tsx # src/components/ItemList/ItemList.tsx # src/components/PageItem/PageItem.tsx # src/index.scss # src/model.js # src/model.ts
60 lines
1.1 KiB
SCSS
60 lines
1.1 KiB
SCSS
@font-face {
|
|
font-family: "DIN";
|
|
src: url("./fonts/clanot-news.otf");
|
|
font-weight: normal;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "DIN";
|
|
src: url("./fonts/clanot-thin.otf");
|
|
font-weight: 300;
|
|
}
|
|
|
|
:root {
|
|
--color-gray-dark: #475157;
|
|
--color-gray-dark-alt: #4f585e;
|
|
--color-gray-dark-alt2: #434d53;
|
|
--color-gray-normal: #7f858a;
|
|
--color-gray-light: #7d878d;
|
|
--color-gray-light-alt: #adadad;
|
|
|
|
--color-white: #fff;
|
|
--color-green: #5cb449;
|
|
--color-orange: #faa03d;
|
|
--color-blue: #40a7d1;
|
|
--color-marine: #688190;
|
|
--color-red: #f1235a;
|
|
--color-brand: #f59134;
|
|
--until-sm: 30em;
|
|
--until-md: 48em;
|
|
--until-lg: 61.875em;
|
|
--until-xl: 75em;
|
|
}
|
|
|
|
// @custom-media --until-sm (max-width: 30em);
|
|
// @custom-media --until-md (max-width: 48em);
|
|
// @custom-media --until-lg (max-width: 61.875em);
|
|
// @custom-media --until-xl (max-width: 75em);
|
|
|
|
body {
|
|
background: var(--color-gray-dark);
|
|
box-sizing: border-box;
|
|
margin: 0;
|
|
padding: 0;
|
|
font-family: "DIN";
|
|
font-weight: normal;
|
|
font-size: 14px;
|
|
line-height: 1.5;
|
|
|
|
& h1 {
|
|
color: blue;
|
|
}
|
|
}
|
|
|
|
#root {
|
|
min-height: 100vh;
|
|
overflow: hidden;
|
|
}
|
|
|
|
@import "./styles/main.scss";
|