You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
53 lines
857 B
53 lines
857 B
@import "../../primitives/Shared"
|
|
|
|
.HealthBar
|
|
display: flex
|
|
align-items: flex-end
|
|
position: fixed
|
|
bottom: 0
|
|
width: 100%
|
|
|
|
.HealthBar-entry
|
|
background-color: rgba(0, 0, 0, 0.5)
|
|
|
|
.HealthBar-entry-text
|
|
padding: 2px
|
|
font-size: 3vmax
|
|
|
|
&:first-child
|
|
padding: 4px
|
|
|
|
|
|
.ProgressBar
|
|
padding: 0.1vmax
|
|
height: 1vmax
|
|
opacity: 0.5
|
|
box-sizing: border-box
|
|
display: flex
|
|
|
|
div
|
|
height: 100%
|
|
|
|
.ProgressBar-bg
|
|
background-color: black
|
|
|
|
.ProgressBar-inactive
|
|
background-color: $blob-background
|
|
|
|
.ProgressBar-level-5
|
|
background-color: $red-3
|
|
|
|
.ProgressBar-level-4
|
|
background-color: $yellow-3
|
|
|
|
.ProgressBar-level-3
|
|
background-color: $green-3
|
|
|
|
.ProgressBar-level-2
|
|
background-color: $cyan-3
|
|
|
|
.ProgressBar-level-1
|
|
background-color: $blue-3
|
|
|
|
.ProgressBar-level-0
|
|
background-color: $indigo-3
|