Leahnaya/sendou.ink
1
0
Fork 0
mirror of https://github.com/Sendouc/sendou.ink.git synced 2026-09-08 04:05:54 -05:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

Migrate to nested CSS

Browse Source
This commit is contained in:
Kalle
2026-03-28 16:30:28 +02:00
parent 0df6002c9a
commit dfa95bd92d
93 changed files with 1405 additions and 1337 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
app/components/elements/Select.module.css
View File

@@ -34,10 +34,10 @@
white-space: nowrap;
min-width: 0;
color: var(--color-text);
}
.selectValue[data-placeholder] {
color: var(--color-text-high);
&[data-placeholder] {
color: var(--color-text-high);
}
}
.icon {
@@ -71,10 +71,10 @@
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.item[data-disabled] {
color: var(--color-text-high);
&[data-disabled] {
color: var(--color-text-high);
}
}
.itemFocused {
@@ -108,14 +108,14 @@
font-weight: var(--weight-semi);
letter-spacing: 0.5px;
flex: 1;
}
.searchInput::-webkit-search-cancel-button {
display: none;
}
&::-webkit-search-cancel-button {
display: none;
}
.searchInput::placeholder {
color: var(--color-text-high);
&::placeholder {
color: var(--color-text-high);
}
}
.searchClearButton {
@@ -171,6 +171,13 @@
padding-block-end: var(--s-1);
padding-inline: var(--s-1-5);
white-space: nowrap;
& img {
border-radius: 100%;
background-color: var(--color-bg-higher);
padding: var(--s-1);
min-width: 28px;
}
}
.categoryDivider {
@@ -179,10 +186,3 @@
height: 2px;
margin-block: var(--s-2);
}
.categoryHeading img {
border-radius: 100%;
background-color: var(--color-bg-higher);
padding: var(--s-1);
min-width: 28px;
}