ui: outset

This commit is contained in:
cha0s 2023-02-05 04:59:21 -06:00
parent f779c74e13
commit d4a4caa38a
4 changed files with 6 additions and 6 deletions

View File

@ -52,7 +52,7 @@
.meterWrapper {
background-color: rgba(255, 255, 255, 0.075);
border-radius: 20px;
border: var(--border-width) solid white;
border: var(--border-width) outset white;
height: var(--height);
overflow: hidden;
position: relative;

View File

@ -10,7 +10,7 @@
transition: box-shadow 0.125s linear;
user-select: none;
.active {
border: 4px solid rgba(255, 255, 0, 1);
border: 4px outset rgba(255, 255, 0, 1);
&:hover {
@include shadow-border(4px, rgba(255, 255, 0, 0.3), 8px);
}

View File

@ -29,7 +29,7 @@
}
.number::after {
border: 3px solid white;
border: 3px outset white;
border-radius: 5px;
content: '';
height: calc(100% + 6px);
@ -64,7 +64,7 @@
display: inline-block;
font-family: joystix;
font-weight: normal;
font-size: 64px;
font-size: 56px;
padding: 7px 12px;
position: relative;
--inner-shadow: rgb(0, 64, 0);
@ -78,7 +78,7 @@
}
.sign::after {
border: 4px solid white;
border: 4px outset white;
border-radius: 60px;
box-sizing: content-box;
content: '';

View File

@ -18,7 +18,7 @@
.meterWrapper {
background-color: rgba(255, 255, 255, 0.075);
border-radius: 20px;
border: var(--border-width) solid white;
border: var(--border-width) outset white;
height: var(--height);
overflow: hidden;
position: relative;