Update the system CSS to use sub-layers

This is so I have more granular control over interactions between resets and intentional styles
This commit is contained in:
Oliver-Akins 2025-04-11 21:06:40 -06:00
parent 714da335e8
commit 0135ca1124
13 changed files with 61 additions and 64 deletions

View file

@ -1,6 +1,5 @@
.ripcrypt:where(.popover.frameless, .hud) button,
.ripcrypt > .window-content button {
all: revert;
display: flex;
justify-content: center;
align-items: center;

View file

@ -2,7 +2,6 @@
.ripcrypt.hud,
.ripcrypt > .window-content {
input, .input {
all: revert;
box-sizing: border-box;
border: none;
outline: none;

View file

@ -1,3 +1,3 @@
.ripcrypt prose-mirror * {
all: revert-layer !important;
all: revert-layer;
}

View file

@ -1,7 +1,6 @@
.ripcrypt.popover.frameless select,
.ripcrypt.hud select,
.ripcrypt > .window-content select {
all: revert;
appearance: auto;
box-sizing: border-box;
border: none;

View file

@ -1,16 +1,10 @@
.ripcrypt.popover.frameless table,
.ripcrypt.hud table,
.ripcrypt > .window-content table {
all: revert;
box-sizing: border-box;
border-collapse: collapse;
thead, tbody, tr {
all: revert;
}
td, th {
all: revert;
padding: 2px 4px;
font-weight: initial;
text-align: left;