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:
parent
714da335e8
commit
0135ca1124
13 changed files with 61 additions and 64 deletions
|
|
@ -1,6 +1,5 @@
|
|||
.ripcrypt:where(.popover.frameless, .hud) button,
|
||||
.ripcrypt > .window-content button {
|
||||
all: revert;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
|
|
|||
|
|
@ -2,7 +2,6 @@
|
|||
.ripcrypt.hud,
|
||||
.ripcrypt > .window-content {
|
||||
input, .input {
|
||||
all: revert;
|
||||
box-sizing: border-box;
|
||||
border: none;
|
||||
outline: none;
|
||||
|
|
|
|||
|
|
@ -1,3 +1,3 @@
|
|||
.ripcrypt prose-mirror * {
|
||||
all: revert-layer !important;
|
||||
all: revert-layer;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue