diff --git a/_data/fingerprints.yml b/_data/fingerprints.yml index ffacd565..61d26ba9 100644 --- a/_data/fingerprints.yml +++ b/_data/fingerprints.yml @@ -2,4 +2,4 @@ lunr: 2.3.6 icons: 715715b9 scripts: 0f5409e4 search: b74b56ab -style: 3053b10f +style: 8039313c diff --git a/_includes/v.html b/_includes/v.html index 937a802f..1896ef77 100644 --- a/_includes/v.html +++ b/_includes/v.html @@ -1,7 +1,7 @@ {%- unless site.suppress_fingerprints -%} ?v= - {%- assign fingerprints = 'icons: 715715b9,scripts: 0f5409e4,search: b74b56ab,style: 3053b10f' | split: ',' -%} + {%- assign fingerprints = 'icons: 715715b9,scripts: 0f5409e4,search: b74b56ab,style: 8039313c' | split: ',' -%} {%- assign found = false -%} {%- if jekyll.environment == 'production' -%} diff --git a/_sass/breakpoints/_mobileup.scss b/_sass/breakpoints/_mobileup.scss index e9df12d8..2220100f 100755 --- a/_sass/breakpoints/_mobileup.scss +++ b/_sass/breakpoints/_mobileup.scss @@ -3,11 +3,53 @@ GLOBAL STYLES ***************/ html { - box-sizing: border-box; + box-sizing: border-box; } *, *:before, *:after { - box-sizing: inherit; + box-sizing: inherit; +} + +// workaround Sass handling of @supports +@supports #{'\not selector(*::-webkit-scrollbar)'} { + html { + scrollbar-width: thin; + scrollbar-color: rgba(0, 0, 0, 0.3) transparent; + } +} + +::-webkit-scrollbar { + height: 16px; + width: 16px; +} + +::-webkit-scrollbar-button { + display: none; +} + +::-webkit-scrollbar-corner, +::-webkit-scrollbar-track { + background-color: rgba(175,175,175,0.1); + + &:hover { + background-color: rgba(175,175,175,0.2); + } +} + +::-webkit-scrollbar-thumb { + background-color: rgba(0,0,0,0); + border-radius: 16px; + border: 5px solid transparent; + background-clip: padding-box; +} + +:hover::-webkit-scrollbar-thumb { + background-color: rgba(175,175,175,0.6); +} + +::-webkit-scrollbar-thumb:hover { + background-color: rgba(175,175,175,0.8); + border-width: 4px; } body {