smedmunds/TriggerFrontend
1
0
Fork 0
Code Issues Pull Requests Actions Projects Releases Wiki Activity

CSS lint and style fix

Browse Source
This commit is contained in:
Sean Edmunds
2025-02-12 10:24:08 -06:00
parent bfd958d78f
commit c2158b177e
15 changed files with 431 additions and 432 deletions
Download Patch File Download Diff File Expand all files Collapse all files

69
src/styles/Select.module.css
View File

@@ -1,46 +1,45 @@
.label {
margin-bottom: 5px !important;
color: var(--color-text-pri) !important;
font-size: 14px !important;
margin-bottom: 5px !important;
color: var(--color-text-pri) !important;
font-size: 14px !important;
}
.input {
border-color: light-dark(var(--mantine-color-appGray-2), white) !important;
background-color: var(--color-background) !important;
color: var(--color-text-pri) !important;
&:focus {
border-color: var(--color-text-pri) !important;
}
display: flex !important;
overflow: clip !important;
height: 36px !important;
&::placeholder {
color: var(--color-text-acc) !important;
}
border-color: light-dark(var(--mantine-color-appGray-2), white) !important;
background-color: var(--color-background) !important;
color: var(--color-text-pri) !important;
&:focus {
border-color: var(--color-text-pri) !important;
}
display: flex !important;
overflow: clip !important;
height: 36px !important;
&::placeholder {
color: var(--color-text-acc) !important;
}
}
.options {
.option {
color: var(--color-text-pri) !important;
font-size: 14px !important;
/* applies styles to selected item */
&[data-checked] {
background-color: var(--color-text-acc) !important;
color: var(--color-text-pri) !important;
&:hover {
background-color: var(--color-text-acc) !important;
color: var(--color-background) !important;
}
}
.option {
color: var(--color-text-pri) !important;
font-size: 14px !important;
/* applies styles to selected item */
&[data-checked] {
background-color: var(--color-text-acc) !important;
color: var(--color-text-pri) !important;
&:hover {
background-color: var(--color-text-acc) !important;
color: var(--color-background) !important;
}
}
/* applies styles to hovered item (with mouse or keyboard) */
&:hover {
background-color: var(--color-text-acc) !important;
color: var(--color-text-pri) !important;
}
}
/* applies styles to hovered item (with mouse or keyboard) */
&:hover {
background-color: var(--color-text-acc) !important;
color: var(--color-text-pri) !important;
}
}
}
.dropdown {
background-color: var(--color-background);
background-color: var(--color-background);
}