Begin working on a scoped CSS solution that uses a common design language across all sheets, and *just* does sheet-specific layout tasks

This commit is contained in:
Oliver-Akins 2024-03-26 22:36:40 -06:00
parent 5c5a1a8b56
commit eadaa53c75
32 changed files with 314 additions and 35 deletions

33
styles/v3/index.scss Normal file
View file

@ -0,0 +1,33 @@
/* Element-Styling */
@use "./elements/button.scss";
@use "./elements/headers.scss";
@use "./elements/hr.scss";
@use "./elements/icons.scss";
/* Sheet Options */
.dotdungeon.style-v3 {
--scrollbar-width: 5px;
--scrollbar-handle-color: #782e22;
--scrollbar-handle-border-color: var(--color-border-highlight);
--color-checkbox-checked: inherit;
::-webkit-scrollbar {
width: var(--scrollbar-width);
}
::-webkit-scrollbar-thumb {
background: var(--scrollbar-handle-color);
border-color: var(--scrollbar-handle-border-color);
border-radius: 5px;
}
container-type: size;
> .window-content {
padding: 0;
.debug-data {
opacity: 60%;
font-family: sans-serif;
word-break: break-all;
}
}
}