diff options
| -rw-r--r-- | src/scss/custom/_scroll.scss | 15 | ||||
| -rw-r--r-- | src/scss/custom/_variables.scss | 3 | ||||
| -rw-r--r-- | src/scss/custom/style.scss | 3 |
3 files changed, 21 insertions, 0 deletions
diff --git a/src/scss/custom/_scroll.scss b/src/scss/custom/_scroll.scss new file mode 100644 index 0000000..fce4435 --- /dev/null +++ b/src/scss/custom/_scroll.scss @@ -0,0 +1,15 @@ +* { + scrollbar-width: thin; + scrollbar-color: $cscroll $bscrooll; +} +*::-webkit-scrollbar { + width: 12px; +} +*::-webkit-scrollbar-track { + background: $bscrooll; +} +*::-webkit-scrollbar-thumb { + background-color: $cscroll; + border-radius: 20px; + border: 3px solid $bscrooll; +} diff --git a/src/scss/custom/_variables.scss b/src/scss/custom/_variables.scss index be8442e..ae4986c 100644 --- a/src/scss/custom/_variables.scss +++ b/src/scss/custom/_variables.scss @@ -2,6 +2,9 @@ $secundario: hsl(217, 71%, 53%); +$cscroll: hsl(217, 71%, 53%); +$bscrooll: #9E9E9E; + /* main */ $fondo: hsl(0, 0%, 21%); $subtitle: #fff; diff --git a/src/scss/custom/style.scss b/src/scss/custom/style.scss index 0323dd3..5e67bf4 100644 --- a/src/scss/custom/style.scss +++ b/src/scss/custom/style.scss @@ -15,6 +15,9 @@ // variables @import "variables"; +// pseudo-scrool +@import "scroll"; + // Header @import "header"; |