61 lines
1.2 KiB
SCSS
61 lines
1.2 KiB
SCSS
@mixin dg-window-content {
|
|
scrollbar-color: #215112 #111 !important;
|
|
padding: 0.5rem;
|
|
color: var(--dg-ink);
|
|
}
|
|
|
|
@mixin dg-window-form-inputs {
|
|
input[type="checkbox"]:checked::before {
|
|
color: var(--dg-ink);
|
|
}
|
|
|
|
input[type="text"],
|
|
input[type="number"],
|
|
input[type="password"] {
|
|
height: unset;
|
|
line-height: 1.5rem;
|
|
}
|
|
}
|
|
|
|
@mixin dg-window-form-inputs-with-select {
|
|
@include dg-window-form-inputs;
|
|
|
|
select {
|
|
height: unset;
|
|
line-height: 1.5rem;
|
|
}
|
|
}
|
|
|
|
@mixin item-sheet-grid-2col {
|
|
display: grid;
|
|
grid-template-columns: 25% 75%;
|
|
align-items: center;
|
|
justify-content: center;
|
|
text-align: center;
|
|
grid-gap: 5px;
|
|
}
|
|
|
|
@mixin item-sheet-horizontal-grid($label-width: 100px) {
|
|
display: grid;
|
|
grid-template-columns: $label-width auto;
|
|
align-items: center;
|
|
text-align: left;
|
|
column-gap: 10px;
|
|
row-gap: 10px;
|
|
padding-bottom: 10px;
|
|
padding-right: 5px;
|
|
}
|
|
|
|
@mixin dg-dark-button {
|
|
background-color: var(--dg-surface-dark);
|
|
color: var(--dg-on-dark);
|
|
border: 1px solid var(--dg-surface-dark);
|
|
font-weight: bold;
|
|
|
|
&:hover:not(:disabled) {
|
|
background-color: var(--dg-surface-dark-hover);
|
|
color: var(--dg-on-dark);
|
|
border-color: var(--dg-surface-dark-hover);
|
|
}
|
|
}
|