mirror of
https://github.com/hugo-fixit/FixIt.git
synced 2026-08-24 15:28:57 +00:00
Cell
dd6d320654
* BREAKING CHANGE: refactor with Dart Sass (supplement to #741) * chore: update .gitignore to include .vercel and .env*.local * CI: add build script for Hugo site deployment on Vercel * CI: update build script for Hugo site deployment on Vercel * refactor: update SCSS layout styles and introduce page-style mixin * refactor: reorganize SCSS files and improve layout structure * refactor: rename copy button classes and update related styles
48 lines
1.1 KiB
SCSS
48 lines
1.1 KiB
SCSS
@use "core/functions" as *;
|
|
@use "core/mixins" as *;
|
|
|
|
/* Modern browsers with `scrollbar-*` support (high priority) */
|
|
@supports (scrollbar-width: auto) {
|
|
* {
|
|
scrollbar-color: fi-var(scrollbar-thumb-color) fi-var(scrollbar-track-color);
|
|
scrollbar-width: fi-var(scrollbar-width);
|
|
|
|
@include media('print') {
|
|
scrollbar-width: none;
|
|
}
|
|
}
|
|
}
|
|
|
|
/* Legacy browsers with `::-webkit-scrollbar-*` support */
|
|
::-webkit-scrollbar {
|
|
height: fi-var(scrollbar-width-legacy);
|
|
width: fi-var(scrollbar-width-legacy);
|
|
overflow: visible;
|
|
|
|
@include media('print') {
|
|
display: none;
|
|
}
|
|
}
|
|
::-webkit-scrollbar-button {
|
|
height: 0;
|
|
width: 0;
|
|
}
|
|
::-webkit-scrollbar-corner {
|
|
background-color: fi-var(scrollbar-track-color);
|
|
}
|
|
::-webkit-scrollbar-thumb {
|
|
background-color: fi-var(scrollbar-thumb-color);
|
|
&:hover {
|
|
background-color: fi-var(scrollbar-thumb-hover-color);
|
|
}
|
|
}
|
|
::-webkit-scrollbar-track {
|
|
background-color: fi-var(scrollbar-track-color);
|
|
}
|
|
::-webkit-scrollbar-thumb,
|
|
::-webkit-scrollbar-track {
|
|
background-clip: padding-box;
|
|
border: 3px solid transparent;
|
|
@include border-radius(full);
|
|
}
|