join/src/styles.scss

93 lines
2.5 KiB
SCSS

@import "ngx-toastr/toastr";
* {
margin: 0;
scroll-behavior: smooth;
font-family: "Inter", sans-serif;
}
body {
background-color: var(--bgContent);
}
:root {
--bgSidebar: #2b3647;
--bgContent: #f6f7f8;
--white: #fff;
--black: #000;
--gray: #a8a8a8;
--red: #ff3d00;
--light-gray: #cdcdcd;
--light-blue: #29abe2;
--dark-blue: #2b3647;
--very-dark-blue: #091931;
--very-dark-gray: #42526e;
--very-light-gray: #f6f7f8;
--light-red: #ff8190;
}
.wrapping-wort {
overflow: auto;
word-wrap: break-word;
overflow-wrap: break-word;
white-space: normal;
}
.d-none {
display: none;
}
/*------------- SCROLLBAR -------------*/
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
border-radius: 10px;
background-color: var(--white);
}
::-webkit-scrollbar {
width: 6px;
height: 6px;
background-color: var(--white);
}
::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
background-color: var(--light-gray);
}
/*------------- 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+ */
}