mirror of
https://github.com/dzeiocom/components.git
synced 2025-06-17 04:59:20 +00:00
60
src/general.styl
Normal file
60
src/general.styl
Normal file
@ -0,0 +1,60 @@
|
||||
//@import "_aileron"
|
||||
@import "config"
|
||||
|
||||
*
|
||||
*::before
|
||||
*::after
|
||||
box-sizing border-box
|
||||
|
||||
scrollbar-width 16px
|
||||
scrollbar-color darken($foregroundLight, 16%) $foregroundLight
|
||||
@media (prefers-color-scheme dark)
|
||||
scrollbar-color lighten($foregroundDark, 16%) $foregroundDark
|
||||
font-family: ui-system, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', Helvetica, Arial, sans-serif
|
||||
|
||||
// Georgia,Cambria,"Times New Roman",Times,serif
|
||||
|
||||
code, pre
|
||||
font-family ui-monospace, "Cascadia Mono", "Segoe UI Mono", "Liberation Mono", Menlo, Monaco, Consolas, monospace;
|
||||
|
||||
html
|
||||
body
|
||||
body > div[id="__next"]
|
||||
margin 0
|
||||
min-height 100vh
|
||||
background $backgroundLight
|
||||
|
||||
@media (prefers-color-scheme dark)
|
||||
background $backgroundDark
|
||||
|
||||
a
|
||||
color inherit
|
||||
text-decoration none
|
||||
|
||||
/* width */
|
||||
::-webkit-scrollbar
|
||||
width 16px
|
||||
|
||||
|
||||
/* Track */
|
||||
::-webkit-scrollbar-corner
|
||||
::-webkit-scrollbar-track
|
||||
background $foregroundLight
|
||||
transition $transition
|
||||
@media (prefers-color-scheme dark)
|
||||
background $foregroundDark
|
||||
|
||||
::-webkit-scrollbar-thumb
|
||||
background: darken($foregroundLight, 16%)
|
||||
transition $transition
|
||||
@media (prefers-color-scheme dark)
|
||||
background lighten($foregroundDark, 16%)
|
||||
&:hover
|
||||
background: darken($foregroundLight, 24%)
|
||||
@media (prefers-color-scheme dark)
|
||||
background: lighten($foregroundDark, 24%)
|
||||
|
||||
&:active
|
||||
background: darken($foregroundLight, 32%)
|
||||
@media (prefers-color-scheme dark)
|
||||
background: lighten($foregroundDark, 32%)
|
Reference in New Issue
Block a user