Mirrors/tabler
1
0
Fork 0
mirror of https://github.com/tabler/tabler.git synced 2025-12-26 11:16:12 +04:00
Code Issues Projects Releases Wiki Activity

scrollbars fixes

Browse Source
This commit is contained in:
codecalm
2020-01-13 02:01:42 +01:00
parent 2d62e3c0b1
commit 5bed509448
3 changed files with 30 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
scss/layout/_core.scss
View File

@@ -12,6 +12,10 @@ body {
text-rendering: optimizeLegibility;
font-feature-settings: "liga" 0;
* {
@include scrollbar;
}
@media print {
background: transparent;
}

2
scss/layout/_layout.scss
View File

@@ -128,8 +128,8 @@ Top nav
border-color: $navbar-border-color;
position: absolute;
top: 0;
right: 0;
left: 0;
width: 100vw;
padding: 0 .5rem;
z-index: $zindex-sticky;
min-height: $navbar-height;

50
scss/mixins/_mixins.scss
View File

@@ -10,31 +10,31 @@
}
@mixin scrollbar($is-dark: false) {
//&::-webkit-scrollbar {
// width: 6px;
// height: 6px;
// transition: .3s background;
//}
//
//&::-webkit-scrollbar-thumb {
// border-radius: 5px;
//
// @if ($is-dark) {
// background: transparent;
// } @else {
// background: $gray-400;
// }
//}
//
//&:hover::-webkit-scrollbar-thumb {
// background: $gray-500;
//
// @if ($is-dark) {
// background: mix(#fff, $dark, 20%);
// } @else {
// background: $gray-500;
// }
//}
&::-webkit-scrollbar {
width: 6px;
height: 6px;
transition: .3s background;
}
&::-webkit-scrollbar-thumb {
border-radius: 5px;
@if ($is-dark) {
background: transparent;
} @else {
background: $gray-400;
}
}
&:hover::-webkit-scrollbar-thumb {
background: $gray-500;
@if ($is-dark) {
background: mix(#fff, $dark, 20%);
} @else {
background: $gray-500;
}
}
}
@mixin dark {