cha0s/humus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ui: outset

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/app/src/components/app/play/ui/health/index.module.scss
View File

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

2
packages/app/src/components/app/play/ui/hotbar/index.module.scss
View File

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

6
packages/app/src/components/app/play/ui/money/index.module.scss
View File

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

2
packages/app/src/components/app/play/ui/stamina/index.module.scss
View File

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