diff options
| author | Jesús <heckyel@hyperbola.info> | 2020-05-26 12:33:54 -0500 |
|---|---|---|
| committer | Jesús <heckyel@hyperbola.info> | 2020-05-26 12:33:54 -0500 |
| commit | 582da8d9a515029f3d633d51197cc9eb16676845 (patch) | |
| tree | 92e42a87e9b3401c33f014b8449912c7366cdd4a | |
| parent | de057c1c450a3152e24106a8317bdac3db754e9e (diff) | |
| download | cl-theme-582da8d9a515029f3d633d51197cc9eb16676845.tar.lz cl-theme-582da8d9a515029f3d633d51197cc9eb16676845.tar.xz cl-theme-582da8d9a515029f3d633d51197cc9eb16676845.zip | |
Add support custom scrollbar
| -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"; |