join/src/styles.scss
2024-03-24 13:58:29 +01:00

80 lines
2.2 KiB
SCSS

* {
margin: 0;
scroll-behavior: smooth;
font-family: "Inter", sans-serif;
}
:root {
--bgSidebar: #2b3647;
--bgContent: #f6f7f8;
--white: #fff;
--black: #000;
--gray: #a8a8a8;
--light-gray: #cdcdcd;
--light-blue: #29abe2;
--dark-blue: #2b3647;
--very-dark-blue: #091931;
--very-light-gray: #f6f7f8;
}
.wrapping-wort {
overflow: auto;
word-wrap: break-word;
overflow-wrap: break-word;
white-space: normal;
}
.d-none {
display: none;
}
/*------------- SCROLLBAR -------------*/
*::-webkit-scrollbar {
width: 16px;
}
*::-webkit-scrollbar-track {
background: var(--white);
}
*::-webkit-scrollbar-thumb {
background-color: var(--light-gray);
border-radius: 10px;
border: 3px solid var(--white);
}
/*------------- FONTS -------------*/
/* inter-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: "Inter";
font-style: normal;
font-weight: 400;
src: url("./assets/fonts/inter/inter-v13-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-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: "Inter";
font-style: normal;
font-weight: 600;
src: url("./assets/fonts/inter/inter-v13-latin-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-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: "Inter";
font-style: normal;
font-weight: 700;
src: url("./assets/fonts/inter/inter-v13-latin-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-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: "Inter";
font-style: normal;
font-weight: 800;
src: url("./assets/fonts/inter/inter-v13-latin-800.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}