103 lines
3.8 KiB
SCSS
103 lines
3.8 KiB
SCSS
@use "./assets/style/colors.scss" as *;
|
|
|
|
* {
|
|
margin: 0;
|
|
scroll-behavior: smooth;
|
|
font-family: "DM Sans", sans-serif;
|
|
color: #fff;
|
|
}
|
|
|
|
/*------------- SCROLLBAR -------------*/
|
|
|
|
::-webkit-scrollbar-track {
|
|
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
|
|
border-radius: 10px;
|
|
background-color: $white;
|
|
}
|
|
|
|
::-webkit-scrollbar {
|
|
width: 6px;
|
|
height: 6px;
|
|
background-color: $white;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
border-radius: 10px;
|
|
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
|
|
background-color: $gray;
|
|
}
|
|
|
|
/*------------- FONTS -------------*/
|
|
|
|
/* dm-sans-100 - latin */
|
|
@font-face {
|
|
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
|
|
font-family: "DM Sans";
|
|
font-style: normal;
|
|
font-weight: 100;
|
|
src: url("./assets/fonts/dm-sans-v15-latin-100.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
|
|
}
|
|
/* dm-sans-200 - latin */
|
|
@font-face {
|
|
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
|
|
font-family: "DM Sans";
|
|
font-style: normal;
|
|
font-weight: 200;
|
|
src: url("./assets/fonts/dm-sans-v15-latin-200.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
|
|
}
|
|
/* dm-sans-300 - latin */
|
|
@font-face {
|
|
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
|
|
font-family: "DM Sans";
|
|
font-style: normal;
|
|
font-weight: 300;
|
|
src: url("./assets/fonts/dm-sans-v15-latin-300.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
|
|
}
|
|
/* dm-sans-regular - latin */
|
|
@font-face {
|
|
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
|
|
font-family: "DM Sans";
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
src: url("./assets/fonts/dm-sans-v15-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
|
|
}
|
|
/* dm-sans-500 - latin */
|
|
@font-face {
|
|
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
|
|
font-family: "DM Sans";
|
|
font-style: normal;
|
|
font-weight: 500;
|
|
src: url("./assets/fonts/dm-sans-v15-latin-500.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
|
|
}
|
|
/* dm-sans-600 - latin */
|
|
@font-face {
|
|
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
|
|
font-family: "DM Sans";
|
|
font-style: normal;
|
|
font-weight: 600;
|
|
src: url("./assets/fonts/dm-sans-v15-latin-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
|
|
}
|
|
/* dm-sans-700 - latin */
|
|
@font-face {
|
|
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
|
|
font-family: "DM Sans";
|
|
font-style: normal;
|
|
font-weight: 700;
|
|
src: url("./assets/fonts/dm-sans-v15-latin-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
|
|
}
|
|
/* dm-sans-800 - latin */
|
|
@font-face {
|
|
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
|
|
font-family: "DM Sans";
|
|
font-style: normal;
|
|
font-weight: 800;
|
|
src: url("./assets/fonts/dm-sans-v15-latin-800.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
|
|
}
|
|
/* dm-sans-900 - latin */
|
|
@font-face {
|
|
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
|
|
font-family: "DM Sans";
|
|
font-style: normal;
|
|
font-weight: 900;
|
|
src: url("./assets/fonts/dm-sans-v15-latin-900.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
|
|
}
|