ed55e4e529
- TarotCard.mechanisms renamed to energies, articulations to operations (migration 0008); energies_json + operations_json properties replace old names - migration 0008 also seeds The Schizo (card 1) w. 4 Energies (LIBIDO/NUMEN/VOLUPTAS×2) + 4 Operations (COVER/CROWN/BEHIND/BEFORE) - FYI info panel renamed throughout: .sig-caution-* → .sig-info-*; data-mechanisms → data-energies; data-articulations → data-operations - _renderCaution() now sets dynamic title (Energies/Operations) + .sig-info-title--energies/ --operations colour modifier; type element shows entry.type (LIBIDO, COVER etc.) - .btn-caution → .btn-info across note.js, role-select.js, specs, FT + _button-pad.scss rule - Major arcana reversed face: card title always shown (reversal concept moves to FYI) - SigSelectSpec.js rewritten: 242 specs; FYI describe block updated for energies/operations Code architected by Disco DeDisco <discodedisco@outlook.com> Git commit message Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
550 lines
17 KiB
SCSS
550 lines
17 KiB
SCSS
.btn {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
text-align: center;
|
||
width: 2rem;
|
||
height: 2rem;
|
||
text-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.5);
|
||
border: 0.15rem solid rgba(var(--priUser), 1);
|
||
border-radius: 50%;
|
||
font-weight: 700;
|
||
font-size: 0.63rem;
|
||
text-transform: uppercase;
|
||
margin: 0.25rem;
|
||
flex-shrink: 0;
|
||
|
||
&:hover,
|
||
&:active {
|
||
cursor: pointer;
|
||
}
|
||
|
||
&:active {
|
||
font-size: 0.61rem;
|
||
border: 0.18rem solid rgba(var(--priUser), 1);
|
||
}
|
||
|
||
// BIG btn
|
||
&.btn-primary {
|
||
width: 4rem;
|
||
height: 4rem;
|
||
font-size: 0.875rem;
|
||
border-width: 0.21rem;
|
||
color: rgba(var(--quaUser), 1);
|
||
border-color: rgba(var(--quaUser), 1);
|
||
background-color: rgba(var(--quiUser), 1);
|
||
box-shadow:
|
||
0.1rem 0.1rem 0.12rem rgba(var(--quiUser), 0.25),
|
||
0.12rem 0.12rem 0.25rem rgba(0, 0, 0, 0.25),
|
||
0.25rem 0.25rem 0.25rem rgba(var(--quiUser), 0.12)
|
||
;
|
||
|
||
&:hover {
|
||
text-shadow:
|
||
0.2rem 0.2rem 0.2rem rgba(0, 0, 0, 0.25),
|
||
0 0 0.5rem rgba(var(--quaUser), 1)
|
||
;
|
||
box-shadow:
|
||
0.24rem 0.24rem 0.5rem rgba(0, 0, 0, 0.25),
|
||
0 0 0.5rem rgba(var(--quaUser), 0.22)
|
||
;
|
||
}
|
||
|
||
&:active {
|
||
border-width: 0.25rem;
|
||
text-shadow:
|
||
-0.2rem -0.2rem 0.25rem rgba(0, 0, 0, 0.25),
|
||
0 0 0.24rem rgba(var(--quaUser), 1)
|
||
;
|
||
box-shadow:
|
||
-0.2rem -0.2rem 0.24rem rgba(var(--quiUser), 0.25),
|
||
-0.2rem -0.2rem 0.24rem rgba(0, 0, 0, 0.25),
|
||
0 0 0.5rem rgba(var(--quaUser), 0.22)
|
||
;
|
||
}
|
||
|
||
@media (orientation: landscape) and (max-width: 1100px) {
|
||
width: 2.75rem !important;
|
||
height: 2.75rem !important;
|
||
font-size: 0.625rem !important;
|
||
border-width: 0.125rem !important;
|
||
}
|
||
}
|
||
|
||
// BYE btn
|
||
&.btn-abandon {
|
||
color: rgba(var(--priBl), 1);
|
||
border-color: rgba(var(--priBl), 1);
|
||
background-color: rgba(var(--terBl), 1);
|
||
box-shadow:
|
||
0.1rem 0.1rem 0.12rem rgba(var(--terBl), 0.25),
|
||
0.12rem 0.12rem 0.25rem rgba(0, 0, 0, 0.25),
|
||
0.25rem 0.25rem 0.25rem rgba(var(--terBl), 0.12)
|
||
;
|
||
|
||
&:hover {
|
||
text-shadow:
|
||
0.1rem 0.1rem 0.1rem rgba(0, 0, 0, 0.25),
|
||
0 0 1rem rgba(var(--priBl), 1)
|
||
;
|
||
box-shadow:
|
||
0.12rem 0.12rem 0.5rem rgba(0, 0, 0, 0.25),
|
||
0 0 0.5rem rgba(var(--priBl), 0.12)
|
||
;
|
||
}
|
||
|
||
&:active {
|
||
border: 0.18rem solid rgba(var(--priBl), 1);
|
||
text-shadow:
|
||
-0.1rem -0.1rem 0.25rem rgba(0, 0, 0, 0.25),
|
||
0 0 0.12rem rgba(var(--priBl), 1)
|
||
;
|
||
box-shadow:
|
||
-0.1rem -0.1rem 0.12rem rgba(var(--terBl), 0.25),
|
||
-0.1rem -0.1rem 0.12rem rgba(0, 0, 0, 0.25),
|
||
0 0 0.5rem rgba(var(--priBl), 0.12)
|
||
;
|
||
}
|
||
}
|
||
|
||
// DEL btn
|
||
&.btn-cancel {
|
||
color: rgba(var(--priOr), 1);
|
||
border-color: rgba(var(--priOr), 1);
|
||
background-color: rgba(var(--terOr), 1);
|
||
box-shadow:
|
||
0.1rem 0.1rem 0.12rem rgba(var(--terOr), 0.25),
|
||
0.12rem 0.12rem 0.25rem rgba(0, 0, 0, 0.25),
|
||
0.25rem 0.25rem 0.25rem rgba(var(--terOr), 0.12)
|
||
;
|
||
|
||
&:hover {
|
||
text-shadow:
|
||
0.2rem 0.2rem 0.2rem rgba(0, 0, 0, 0.25),
|
||
0 0 0.5rem rgba(var(--priOr), 1)
|
||
;
|
||
box-shadow:
|
||
0.24rem 0.24rem 0.5rem rgba(0, 0, 0, 0.25),
|
||
0 0 0.5rem rgba(var(--priOr), 0.12)
|
||
;
|
||
}
|
||
|
||
&:active {
|
||
text-shadow:
|
||
-0.1rem -0.1rem 0.5rem rgba(0, 0, 0, 0.25),
|
||
0 0 0.12rem rgba(var(--priOr), 1)
|
||
;
|
||
box-shadow:
|
||
-0.1rem -0.1rem 0.12rem rgba(var(--terOr), 0.25),
|
||
-0.1rem -0.1rem 0.12rem rgba(0, 0, 0, 0.25),
|
||
0 0 0.5rem rgba(var(--priOr), 0.12)
|
||
;
|
||
}
|
||
}
|
||
|
||
// FYI btn
|
||
&.btn-info {
|
||
color: rgba(var(--priYl), 1);
|
||
border-color: rgba(var(--priYl), 1);
|
||
background-color: rgba(var(--terYl), 1);
|
||
box-shadow:
|
||
0.1rem 0.1rem 0.12rem rgba(var(--terYl), 0.25),
|
||
0.12rem 0.12rem 0.25rem rgba(0, 0, 0, 0.25),
|
||
0.25rem 0.25rem 0.25rem rgba(var(--terYl), 0.12)
|
||
;
|
||
|
||
&:hover {
|
||
text-shadow:
|
||
0.1rem 0.1rem 0.1rem rgba(0, 0, 0, 0.25),
|
||
0 0 1rem rgba(var(--priYl), 1)
|
||
;
|
||
box-shadow:
|
||
0.12rem 0.12rem 0.5rem rgba(0, 0, 0, 0.25),
|
||
0 0 0.5rem rgba(var(--priYl), 0.12)
|
||
;
|
||
}
|
||
|
||
&:active {
|
||
border: 0.18rem solid rgba(var(--priYl), 1);
|
||
text-shadow:
|
||
-0.1rem -0.1rem 0.25rem rgba(0, 0, 0, 0.25),
|
||
0 0 0.12rem rgba(var(--priYl), 1)
|
||
;
|
||
box-shadow:
|
||
-0.1rem -0.1rem 0.12rem rgba(var(--terYl), 0.25),
|
||
-0.1rem -0.1rem 0.12rem rgba(0, 0, 0, 0.25),
|
||
0 0 0.5rem rgba(var(--priYl), 0.12)
|
||
;
|
||
}
|
||
}
|
||
|
||
// OK btn
|
||
&.btn-confirm {
|
||
color: rgba(var(--priGn), 1);
|
||
border-color: rgba(var(--priGn), 1);
|
||
background-color: rgba(var(--terGn), 1);
|
||
box-shadow:
|
||
0.1rem 0.1rem 0.12rem rgba(var(--terGn), 0.25),
|
||
0.12rem 0.12rem 0.25rem rgba(0, 0, 0, 0.25),
|
||
0.25rem 0.25rem 0.25rem rgba(var(--terGn), 0.12)
|
||
;
|
||
|
||
&:hover {
|
||
text-shadow:
|
||
0.1rem 0.1rem 0.1rem rgba(0, 0, 0, 0.25),
|
||
0 0 1rem rgba(var(--priGn), 1)
|
||
;
|
||
box-shadow:
|
||
0.12rem 0.12rem 0.5rem rgba(0, 0, 0, 0.25),
|
||
0 0 0.5rem rgba(var(--priGn), 0.12)
|
||
;
|
||
}
|
||
|
||
&:active {
|
||
border: 0.18rem solid rgba(var(--priGn), 1);
|
||
text-shadow:
|
||
-0.1rem -0.1rem 0.25rem rgba(0, 0, 0, 0.25),
|
||
0 0 0.12rem rgba(var(--priGn), 1)
|
||
;
|
||
box-shadow:
|
||
-0.1rem -0.1rem 0.12rem rgba(var(--terGn), 0.25),
|
||
-0.1rem -0.1rem 0.12rem rgba(0, 0, 0, 0.25),
|
||
0 0 0.5rem rgba(var(--priGn), 0.12)
|
||
;
|
||
}
|
||
}
|
||
|
||
// DEL btn
|
||
&.btn-danger {
|
||
color: rgba(var(--priRd), 1);
|
||
background-color: rgba(var(--terRd), 1);
|
||
border-color: rgba(var(--priRd), 1);
|
||
box-shadow:
|
||
0.1rem 0.1rem 0.12rem rgba(var(--terRd), 0.25),
|
||
0.12rem 0.12rem 0.25rem rgba(0, 0, 0, 0.25),
|
||
0.25rem 0.25rem 0.25rem rgba(var(--terRd), 0.12)
|
||
;
|
||
|
||
&:hover {
|
||
text-shadow:
|
||
0.1rem 0.1rem 0.1rem rgba(0, 0, 0, 0.25),
|
||
0 0 1rem rgba(var(--priRd), 1)
|
||
;
|
||
box-shadow:
|
||
0.12rem 0.12rem 0.5rem rgba(0, 0, 0, 0.25),
|
||
0 0 0.5rem rgba(var(--priRd), 0.12)
|
||
;
|
||
}
|
||
|
||
&:active {
|
||
text-shadow:
|
||
-0.1rem -0.1rem 0.25rem rgba(0, 0, 0, 0.25),
|
||
0 0 0.12rem rgba(var(--priRd), 1)
|
||
;
|
||
box-shadow:
|
||
-0.1rem -0.1rem 0.12rem rgba(var(--terRd), 0.25),
|
||
-0.1rem -0.1rem 0.12rem rgba(0, 0, 0, 0.25),
|
||
0 0 0.5rem rgba(var(--priRd), 0.12)
|
||
;
|
||
}
|
||
|
||
&.stop-player {
|
||
width: 4rem;
|
||
height: 4rem;
|
||
font-size: 0.9rem;
|
||
border: 0.2rem solid rgba(var(--priRd), 1);
|
||
box-shadow:
|
||
0.1rem 0.1rem 0.25rem rgba(var(--terRd), 0.5),
|
||
0.25rem 0.25rem 1rem rgba(0, 0, 0, 0.5),
|
||
0.5rem 0.5rem 0.5rem rgba(var(--terRd), 0.25)
|
||
;
|
||
|
||
&:hover {
|
||
text-shadow:
|
||
0.1rem 0.1rem 0.1rem rgba(0, 0, 0, 0.5),
|
||
0 0 1rem rgba(var(--priRd), 1)
|
||
;
|
||
box-shadow:
|
||
0.25rem 0.25rem 1rem rgba(0, 0, 0, 0.5),
|
||
0 0 1rem rgba(var(--priRd), 0.25)
|
||
;
|
||
}
|
||
|
||
&:active {
|
||
font-size: 0.88rem;
|
||
border: 0.25rem solid rgba(var(--priRd), 1);
|
||
text-shadow:
|
||
-0.1rem -0.1rem 0.5rem rgba(0, 0, 0, 0.5),
|
||
0 0 0.25rem rgba(var(--priRd), 1)
|
||
;
|
||
box-shadow:
|
||
-0.1rem -0.1rem 0.25rem rgba(var(--terRd), 0.5),
|
||
-0.1rem -0.1rem 0.25rem rgba(0, 0, 0, 0.5),
|
||
0 0 1rem rgba(var(--priRd), 0.25)
|
||
;
|
||
}
|
||
}
|
||
}
|
||
|
||
@media (orientation: landscape) and (min-width: 1800px) {
|
||
width: 2.4rem; // 2rem × 1.2
|
||
height: 2.4rem;
|
||
font-size: 0.75rem; // 0.63rem × 1.2
|
||
}
|
||
|
||
// PRV btn
|
||
&.btn-nav-left {
|
||
color: rgba(var(--priFs), 1);
|
||
border-color: rgba(var(--priFs), 1);
|
||
background-color: rgba(var(--terFs), 1);
|
||
box-shadow:
|
||
0.1rem 0.1rem 0.12rem rgba(var(--terFs), 0.25),
|
||
0.12rem 0.12rem 0.25rem rgba(0, 0, 0, 0.25),
|
||
0.25rem 0.25rem 0.25rem rgba(var(--terFs), 0.12)
|
||
;
|
||
|
||
&:hover {
|
||
text-shadow:
|
||
0.1rem 0.1rem 0.1rem rgba(0, 0, 0, 0.25),
|
||
0 0 1rem rgba(var(--priFs), 1)
|
||
;
|
||
box-shadow:
|
||
0.12rem 0.12rem 0.5rem rgba(0, 0, 0, 0.25),
|
||
0 0 0.5rem rgba(var(--priFs), 0.12)
|
||
;
|
||
}
|
||
|
||
&:active {
|
||
border: 0.18rem solid rgba(var(--priFs), 1);
|
||
text-shadow:
|
||
-0.1rem -0.1rem 0.25rem rgba(0, 0, 0, 0.25),
|
||
0 0 0.12rem rgba(var(--priFs), 1)
|
||
;
|
||
box-shadow:
|
||
-0.1rem -0.1rem 0.12rem rgba(var(--terFs), 0.25),
|
||
-0.1rem -0.1rem 0.12rem rgba(0, 0, 0, 0.25),
|
||
0 0 0.5rem rgba(var(--priFs), 0.12)
|
||
;
|
||
}
|
||
}
|
||
|
||
// NXT btn
|
||
&.btn-nav-right {
|
||
color: rgba(var(--priLm), 1);
|
||
border-color: rgba(var(--priLm), 1);
|
||
background-color: rgba(var(--terLm), 1);
|
||
box-shadow:
|
||
0.1rem 0.1rem 0.12rem rgba(var(--terLm), 0.25),
|
||
0.12rem 0.12rem 0.25rem rgba(0, 0, 0, 0.25),
|
||
0.25rem 0.25rem 0.25rem rgba(var(--terLm), 0.12)
|
||
;
|
||
|
||
&:hover {
|
||
text-shadow:
|
||
0.1rem 0.1rem 0.1rem rgba(0, 0, 0, 0.25),
|
||
0 0 1rem rgba(var(--priLm), 1)
|
||
;
|
||
box-shadow:
|
||
0.12rem 0.12rem 0.5rem rgba(0, 0, 0, 0.25),
|
||
0 0 0.5rem rgba(var(--priLm), 0.12)
|
||
;
|
||
}
|
||
|
||
&:active {
|
||
border: 0.18rem solid rgba(var(--priLm), 1);
|
||
text-shadow:
|
||
-0.1rem -0.1rem 0.25rem rgba(0, 0, 0, 0.25),
|
||
0 0 0.12rem rgba(var(--priLm), 1)
|
||
;
|
||
box-shadow:
|
||
-0.1rem -0.1rem 0.12rem rgba(var(--terLm), 0.25),
|
||
-0.1rem -0.1rem 0.12rem rgba(0, 0, 0, 0.25),
|
||
0 0 0.5rem rgba(var(--priLm), 0.12)
|
||
;
|
||
}
|
||
}
|
||
|
||
// DON btn
|
||
&.btn-equip {
|
||
color: rgba(var(--priTk), 1);
|
||
border-color: rgba(var(--priTk), 1);
|
||
background-color: rgba(var(--terTk), 1);
|
||
box-shadow:
|
||
0.1rem 0.1rem 0.12rem rgba(var(--terTk), 0.25),
|
||
0.12rem 0.12rem 0.25rem rgba(0, 0, 0, 0.25),
|
||
0.25rem 0.25rem 0.25rem rgba(var(--terTk), 0.12)
|
||
;
|
||
|
||
&:hover {
|
||
text-shadow:
|
||
0.1rem 0.1rem 0.1rem rgba(0, 0, 0, 0.25),
|
||
0 0 1rem rgba(var(--priTk), 1)
|
||
;
|
||
box-shadow:
|
||
0.12rem 0.12rem 0.5rem rgba(0, 0, 0, 0.25),
|
||
0 0 0.5rem rgba(var(--priTk), 0.12)
|
||
;
|
||
}
|
||
|
||
&:active {
|
||
border: 0.18rem solid rgba(var(--priTk), 1);
|
||
text-shadow:
|
||
-0.1rem -0.1rem 0.25rem rgba(0, 0, 0, 0.25),
|
||
0 0 0.12rem rgba(var(--priTk), 1)
|
||
;
|
||
box-shadow:
|
||
-0.1rem -0.1rem 0.12rem rgba(var(--terTk), 0.25),
|
||
-0.1rem -0.1rem 0.12rem rgba(0, 0, 0, 0.25),
|
||
0 0 0.5rem rgba(var(--priTk), 0.12)
|
||
;
|
||
}
|
||
}
|
||
|
||
// DOFF btn
|
||
&.btn-unequip {
|
||
color: rgba(var(--priMe), 1);
|
||
border-color: rgba(var(--priMe), 1);
|
||
background-color: rgba(var(--terMe), 1);
|
||
box-shadow:
|
||
0.1rem 0.1rem 0.12rem rgba(var(--terMe), 0.25),
|
||
0.12rem 0.12rem 0.25rem rgba(0, 0, 0, 0.25),
|
||
0.25rem 0.25rem 0.25rem rgba(var(--terMe), 0.12)
|
||
;
|
||
|
||
&:hover {
|
||
text-shadow:
|
||
0.1rem 0.1rem 0.1rem rgba(0, 0, 0, 0.25),
|
||
0 0 1rem rgba(var(--priMe), 1)
|
||
;
|
||
box-shadow:
|
||
0.12rem 0.12rem 0.5rem rgba(0, 0, 0, 0.25),
|
||
0 0 0.5rem rgba(var(--priMe), 0.12)
|
||
;
|
||
}
|
||
|
||
&:active {
|
||
border: 0.18rem solid rgba(var(--priMe), 1);
|
||
text-shadow:
|
||
-0.1rem -0.1rem 0.25rem rgba(0, 0, 0, 0.25),
|
||
0 0 0.12rem rgba(var(--priMe), 1)
|
||
;
|
||
box-shadow:
|
||
-0.1rem -0.1rem 0.12rem rgba(var(--terMe), 0.25),
|
||
-0.1rem -0.1rem 0.12rem rgba(0, 0, 0, 0.25),
|
||
0 0 0.5rem rgba(var(--priMe), 0.12)
|
||
;
|
||
}
|
||
}
|
||
|
||
// FLIP btn
|
||
&.btn-reveal {
|
||
color: rgba(var(--priCy), 1);
|
||
border-color: rgba(var(--priCy), 1);
|
||
background-color: rgba(var(--terCy), 1);
|
||
box-shadow:
|
||
0.1rem 0.1rem 0.12rem rgba(var(--terCy), 0.25),
|
||
0.12rem 0.12rem 0.25rem rgba(0, 0, 0, 0.25),
|
||
0.25rem 0.25rem 0.25rem rgba(var(--terCy), 0.12)
|
||
;
|
||
|
||
&:hover {
|
||
text-shadow:
|
||
0.1rem 0.1rem 0.1rem rgba(0, 0, 0, 0.25),
|
||
0 0 1rem rgba(var(--priCy), 1)
|
||
;
|
||
box-shadow:
|
||
0.12rem 0.12rem 0.5rem rgba(0, 0, 0, 0.25),
|
||
0 0 0.5rem rgba(var(--priCy), 0.12)
|
||
;
|
||
}
|
||
|
||
&:active {
|
||
border: 0.18rem solid rgba(var(--priCy), 1);
|
||
text-shadow:
|
||
-0.1rem -0.1rem 0.25rem rgba(0, 0, 0, 0.25),
|
||
0 0 0.12rem rgba(var(--priCy), 1)
|
||
;
|
||
box-shadow:
|
||
-0.1rem -0.1rem 0.12rem rgba(var(--terCy), 0.25),
|
||
-0.1rem -0.1rem 0.12rem rgba(0, 0, 0, 0.25),
|
||
0 0 0.5rem rgba(var(--priCy), 0.12)
|
||
;
|
||
}
|
||
}
|
||
|
||
// SPIN btn
|
||
&.btn-reverse {
|
||
color: rgba(var(--priCy), 1);
|
||
border-color: rgba(var(--priCy), 1);
|
||
background-color: rgba(var(--terCy), 1);
|
||
box-shadow:
|
||
0.1rem 0.1rem 0.12rem rgba(var(--terCy), 0.25),
|
||
0.12rem 0.12rem 0.25rem rgba(0, 0, 0, 0.25),
|
||
0.25rem 0.25rem 0.25rem rgba(var(--terCy), 0.12)
|
||
;
|
||
|
||
&:hover {
|
||
text-shadow:
|
||
0.1rem 0.1rem 0.1rem rgba(0, 0, 0, 0.25),
|
||
0 0 1rem rgba(var(--priCy), 1)
|
||
;
|
||
box-shadow:
|
||
0.12rem 0.12rem 0.5rem rgba(0, 0, 0, 0.25),
|
||
0 0 0.5rem rgba(var(--priCy), 0.12)
|
||
;
|
||
}
|
||
|
||
&:active {
|
||
border: 0.18rem solid rgba(var(--priCy), 1);
|
||
text-shadow:
|
||
-0.1rem -0.1rem 0.25rem rgba(0, 0, 0, 0.25),
|
||
0 0 0.12rem rgba(var(--priCy), 1)
|
||
;
|
||
box-shadow:
|
||
-0.1rem -0.1rem 0.12rem rgba(var(--terCy), 0.25),
|
||
-0.1rem -0.1rem 0.12rem rgba(0, 0, 0, 0.25),
|
||
0 0 0.5rem rgba(var(--priCy), 0.12)
|
||
;
|
||
}
|
||
}
|
||
|
||
// Dead last — wins over all color modifiers by source order.
|
||
&.btn-disabled {
|
||
cursor: default !important;
|
||
pointer-events: none;
|
||
font-size: 1.2rem;
|
||
padding-bottom: 0.1rem;
|
||
color: rgba(var(--secUser), 0.25) !important;
|
||
background-color: rgba(var(--priUser), 1) !important;
|
||
border-color: rgba(var(--secUser), 0.25) !important;
|
||
box-shadow:
|
||
0.1rem 0.1rem 0.12rem rgba(var(--priUser), 0.5),
|
||
0.12rem 0.12rem 0.25rem rgba(0, 0, 0, 0.25),
|
||
0.25rem 0.25rem 0.25rem rgba(var(--secUser), 0.12)
|
||
;
|
||
|
||
&:hover {
|
||
text-shadow:
|
||
0.1rem 0.1rem 0.1rem rgba(0, 0, 0, 0.25),
|
||
0 0 1rem rgba(var(--priUser), 1)
|
||
;
|
||
box-shadow:
|
||
0.12rem 0.12rem 0.5rem rgba(0, 0, 0, 0.25),
|
||
0 0 0.5rem rgba(var(--priUser), 0.12)
|
||
;
|
||
}
|
||
|
||
&:active {
|
||
text-shadow:
|
||
-0.1rem -0.1rem 0.25rem rgba(0, 0, 0, 0.25),
|
||
0 0 0.12rem rgba(var(--priUser), 1)
|
||
;
|
||
box-shadow:
|
||
-0.1rem -0.1rem 0.12rem rgba(var(--priUser), 0.75),
|
||
-0.1rem -0.1rem 0.12rem rgba(0, 0, 0, 0.25),
|
||
0 0 0.5rem rgba(var(--secUser), 0.12)
|
||
;
|
||
}
|
||
}
|
||
}
|