dabubble/src/styles.scss
2024-06-01 13:35:29 +02:00

68 lines
1.8 KiB
SCSS

* {
margin: 0;
scroll-behavior: smooth;
font-family: "Nunito", sans-serif;
}
body {
overflow-x: hidden;
background-color: #eceefe;
}
@mixin displayFlex($d: flex, $j: center, $a: center, $g: 0) {
display: $d;
justify-content: $j;
align-items: $a;
gap: $g;
}
.dBlock {
display: block;
}
.dNone {
display: none;
}
/* nunito-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: "Nunito";
font-style: normal;
font-weight: 400;
src: url("./assets/fonts/nunito-v26-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-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: "Nunito";
font-style: normal;
font-weight: 500;
src: url("./assets/fonts/nunito-v26-latin-500.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-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: "Nunito";
font-style: normal;
font-weight: 700;
src: url("./assets/fonts/nunito-v26-latin-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
border-radius: 10px;
background-color: #f5f5f5;
}
::-webkit-scrollbar {
width: 6px;
height: 6px;
background-color: #f5f5f5;
}
::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
background-color: #797ef3;
}