2022-04-09 19:09:45 +00:00
|
|
|
// UI element changes
|
|
|
|
|
2022-04-10 11:14:51 +00:00
|
|
|
// slider
|
2022-04-09 19:09:45 +00:00
|
|
|
div[class^="slider-"] {
|
|
|
|
div[class^="track-"] {
|
|
|
|
div[class^="grabber-"] {
|
|
|
|
@half: (@rounder / 2);
|
|
|
|
width: @rounder;
|
|
|
|
height: @rounder;
|
|
|
|
border: none;
|
|
|
|
border-radius: @half;
|
|
|
|
margin-top: -@half;
|
|
|
|
margin-left: -@half;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
2022-04-10 11:14:51 +00:00
|
|
|
|
|
|
|
// tabs
|
|
|
|
div[role="tab"],
|
|
|
|
div[class^="tabBarItem-"] {
|
|
|
|
.bottom-border();
|
|
|
|
margin: 0;
|
|
|
|
margin-top: 8px;
|
|
|
|
margin-right: 16px;
|
|
|
|
padding: 4px 8px;
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
background-color: var(--interactive-hover);
|
|
|
|
color: var(--text-muted) !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
div[class^="radioBar-"] {
|
|
|
|
border: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
// Round
|
|
|
|
div[class^="tabBarItem-"],
|
|
|
|
div[class^="checkbox"],
|
|
|
|
button[class*="button"],
|
|
|
|
{ &:extend(.round); }
|
|
|
|
|
|
|
|
// Rounder
|
|
|
|
div[class^="markup-"] pre code, // ```code```
|
|
|
|
span[class^="spoiler"],
|
|
|
|
span.mention,
|
|
|
|
code.inline,
|
|
|
|
[class^="item-"], // in settings
|
|
|
|
div[class^="group-"], // radiogroup
|
|
|
|
div[class*="card"],
|
|
|
|
div[class^="categoryItem-"] > *, // in Discovery
|
|
|
|
div[class^="content-"] img[class^="image-"],
|
|
|
|
{ &:extend(.rounder); }
|