aziascreations/Web-NibblePoker
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Updated a couple pages, Finished new basic style, Removed tools from menu, Updated formula wizard, Other minor changes

Browse Source 
Update .gitignore, .htaccess, and 32 more files...
This commit is contained in:
Herwin Bozet (NibblePoker)
2023-11-07 23:23:42 +01:00
parent 3891f5ce98
commit f14b8d33a6
34 changed files with 545 additions and 268 deletions
Download Patch File Download Diff File Expand all files Collapse all files

78
resources/NibblePoker/scss/site/scrollbar.scss Normal file
View File

@@ -0,0 +1,78 @@
// NibblePoker.lu CSS - (C) 2023 Bozet Herwin
//@mixin overflow-maker($size-key, $value) {
// .overflow-#{$size-key}-#{$value} {
// overflow: auto;
// }
// .overflow-x-#{$size-key}-#{$value} {
// border-top-left-radius: #{$value};
// }
// .overflow-y-#{$size-key}-#{$value} {
// border-top-left-radius: #{$value};
// }
//}
//
//@include overflow-maker("0", auto);
/* Site > Elements > Scrollbars */
.overflow-x-auto {
overflow-x: auto;
}
.overflow-x-scroll {
overflow-x: scroll;
}
@media (min-width: 769px) {
*::-webkit-scrollbar {
width: #{$scrollbar-size};
height: #{$scrollbar-size};
background-color: transparent;
}
*::-webkit-scrollbar-track:vertical {
border-left: 1px solid #{$color-scrollbar-border};
}
*::-webkit-scrollbar-track:horizontal {
border-top: 1px solid #{$color-scrollbar-border};
}
*::-webkit-scrollbar-thumb {
background-color: rgba(255, 255, 255, 0.25);
border: 0.4rem solid transparent;
background-clip: content-box;
border-radius: 1em;
}
*::-webkit-scrollbar-thumb:hover {
background-color: rgba(255, 255, 255, 0.4);
border-color: transparent;
}
*::-webkit-scrollbar-corner {
background-color: transparent;
border-left: 1px solid rgba(0, 0, 0, 0.1);
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
//* {
// scrollbar-width: thin;
// scrollbar-color: rgba(0, 0, 0, 0.25) #ffffff;
//}
//*::-webkit-scrollbar-track {
// border-color: rgba(255, 255, 255, 0.05);
//}
//*::-webkit-scrollbar-corner {
// background-color: transparent;
// border-color: rgba(255, 255, 255, 0.05);
//}
//* {
// scrollbar-color: rgba(255, 255, 255, 0.25) #25282c;
//}
}
/*
.hide-scrollbar {
scrollbar-width: none !important;
-ms-overflow-style: none;
&::-webkit-scrollbar {
background: transparent;
width: 0px;
}
}*/