Update CSS to accomodate HUD applications without being too broad

This commit is contained in:
Oliver-Akins 2025-03-04 16:59:36 -07:00
parent 8896903008
commit 3e17f2c376
11 changed files with 12 additions and 3 deletions

View file

@ -30,4 +30,4 @@
label, input, select {
cursor: pointer;
}
}
}

View file

@ -1,4 +1,5 @@
.ripcrypt button {
.ripcrypt.hud button,
.ripcrypt > .window-content button {
all: revert;
outline: none;
border: none;

View file

@ -1,3 +1,4 @@
.ripcrypt.hud,
.ripcrypt > .window-content {
input, .input {
all: revert;

View file

@ -1,3 +1,4 @@
.ripcrypt.hud,
.ripcrypt > .window-content {
ol {
list-style-type: none;

View file

@ -1,3 +1,4 @@
.ripcrypt.hud p,
.ripcrypt > .window-content p {
&.warning {
padding: 0.75rem;

View file

@ -1,3 +1,4 @@
.ripcrypt.hud .pill-bar,
.ripcrypt > .window-content .pill-bar {
display: flex;
flex-direction: row;

View file

@ -1,3 +1,4 @@
.ripcrypt.hud select,
.ripcrypt > .window-content select {
all: revert;
appearance: auto;

View file

@ -1,3 +1,4 @@
.ripcrypt.hud span,
.ripcrypt > .window-content span {
&.small {
font-size: var(--font-size-10)

View file

@ -1,3 +1,4 @@
.ripcrypt.hud table,
.ripcrypt > .window-content table {
all: revert;
box-sizing: border-box;

View file

@ -11,4 +11,4 @@
--base-text: black;
--base-background: white;
}
}