|
|
| (122 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| *,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}progress{-webkit-appearance:none;-moz-appearance:none;appearance:none}progress::-webkit-progress-bar{overflow:hidden}.weapon progress::-webkit-progress-bar{height:12px;border-radius:6px;background-color:#000}.weapon progress::-webkit-progress-value{background-color:orange}.vitality progress::-webkit-progress-bar{height:12px;border-radius:6px;background-color:#000}.vitality progress::-webkit-progress-value{background-color:#228b22}.spirit progress::-webkit-progress-bar{height:12px;border-radius:6px;background-color:#000}.spirit progress::-webkit-progress-value{background-color:#639}.stat-box{width:100%;max-width:140px}.stat-box__wrapper{display:flex;column-gap:8px}.stat-box__content{display:flex;align-items:center;flex-direction:column;row-gap:8px}.stat-box__icon{width:60px;height:60px}.stat-box__container{background-image:linear-gradient(rgba(var(--primary-color),.8),rgba(var(--primary-color),.3))}.stat-box__container:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:20px;z-index:-1}.weapon{--primary-color: #D5903F}.vitality{--primary-color: #74B01C }.spirit{--primary-color: #C288F0 }
| | .icon { |
| | filter: invert(0%); |
| | } |
| | |
| | @media (prefers-color-scheme: dark) { |
| | .icon { |
| | filter: invert(100%); |
| | } |
| | } |
.icon {
filter: invert(0%);
}
@media (prefers-color-scheme: dark) {
.icon {
filter: invert(100%);
}
}