Chneemann/videoflix
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

design scrollbar

Browse source
This commit is contained in:
Chneemann 2024-08-10 16:44:15 +02:00
parent 3f8bc3ab0e
commit c4b9818e65
1 changed files with 24 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
frontend/src/styles.scss
View file

@ -1,3 +1,5 @@
@import "./assets/style/colors.scss";
* { * {
margin: 0; margin: 0;
scroll-behavior: smooth; scroll-behavior: smooth;
@ -5,7 +7,28 @@
color: #fff; color: #fff;
} }
// Fonts /*------------- 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 */ /* dm-sans-100 - latin */
@font-face { @font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */