revite/src/styles/_elements.scss

78 lines
1.3 KiB
SCSS
Raw Normal View History

2021-06-19 15:00:30 -04:00
:disabled {
opacity: 0.5;
pointer-events: none;
}
2021-06-18 10:35:35 -04:00
::-webkit-scrollbar {
width: var(--scrollbar-thickness);
height: var(--scrollbar-thickness);
2021-06-18 10:35:35 -04:00
}
::-webkit-scrollbar-track {
background: var(--scrollbar-track);
}
::-webkit-scrollbar-thumb {
min-height: 30px;
min-width: 30px;
background-clip: content-box;
2021-06-18 10:35:35 -04:00
background: var(--scrollbar-thumb);
}
[data-scroll-offset] {
overflow-y: scroll;
}
[data-scroll-offset="with-padding"],
[data-scroll-offset] .with-padding {
padding-top: var(--header-height);
}
[data-scroll-offset]::-webkit-scrollbar-thumb {
background-clip: content-box;
border-top: var(--header-height) solid transparent;
}
[data-avoids-navigation]::-webkit-scrollbar-thumb {
background-clip: content-box;
border-bottom: var(--effective-bottom-offset) solid transparent;
}
::-webkit-scrollbar-corner {
background: transparent;
}
2021-06-18 10:35:35 -04:00
::selection {
background: var(--foreground);
color: var(--background);
2021-06-18 10:35:35 -04:00
}
::-moz-selection {
background: var(--foreground);
color: var(--background);
2021-06-18 10:35:35 -04:00
}
::-webkit-selection {
background: var(--foreground);
color: var(--background);
2021-06-18 10:35:35 -04:00
}
a,
a:link,
a:visited,
a:hover {
text-decoration: none;
color: var(--accent);
}
hr {
border: 0;
height: 1px;
flex-grow: 1;
}
foreignObject > svg {
vertical-align: top !important;
}