Using constants for most CSS variables now

This commit is contained in:
Eduard Urbach 2018-03-18 19:09:58 +01:00
parent b9d172394c
commit 180c5b475b
9 changed files with 15 additions and 19 deletions

View File

@ -1,4 +1,4 @@
sidebar-spacing-y = 0.7rem const sidebar-spacing-y = 0.7rem
#sidebar #sidebar
vertical vertical

View File

@ -1,4 +1,4 @@
frontpage-bg-color = rgb(32, 32, 32) const frontpage-bg-color = rgb(32, 32, 32)
.frontpage-background .frontpage-background
position absolute position absolute
@ -16,7 +16,7 @@ frontpage-bg-color = rgb(32, 32, 32)
top 50% top 50%
left 50% left 50%
transform translateX(-50%) translateY(-50%) transform translateX(-50%) translateY(-50%)
a, h1, h2 a, h1, h2
color white !important color white !important
text-shadow 0px 0px 4px rgb(0, 0, 0, 0.75) text-shadow 0px 0px 4px rgb(0, 0, 0, 0.75)
@ -35,7 +35,7 @@ frontpage-bg-color = rgb(32, 32, 32)
margin-bottom 1em margin-bottom 1em
line-height 1.2em line-height 1.2em
text-align center text-align center
.footer .footer
text-align center text-align center
margin-top content-padding margin-top content-padding

View File

@ -1,5 +1,5 @@
group-padding-y = 0.75rem const group-padding-y = 0.75rem
group-padding-x = 0.75rem const group-padding-x = 0.75rem
.groups .groups
horizontal-wrap horizontal-wrap

View File

@ -1,4 +1,4 @@
inventory-slot-size = 64px const inventory-slot-size = 64px
.inventory .inventory
display grid display grid
@ -24,7 +24,7 @@ inventory-slot-size = 64px
.item-icon .item-icon
animation hover-item 1s infinite ease-in-out animation hover-item 1s infinite ease-in-out
.icon .icon
margin 0 margin 0
pointer-events none pointer-events none

View File

@ -1,5 +1,3 @@
profile-boot-duration = 2s
.profile .profile
vertical vertical
align-items center align-items center
@ -78,9 +76,7 @@ profile-boot-duration = 2s
padding content-padding padding content-padding
margin-top 0 margin-top 0
// .profile-pro-status-text // const profile-boot-duration = 2s
// display none
// animation appear // animation appear
// 0% // 0%
// transform rotateX(90deg) // transform rotateX(90deg)

View File

@ -1,5 +1,5 @@
item-color-pro-account = hsl(0, 100%, 71%) const item-color-pro-account = hsl(0, 100%, 71%)
item-color-anime-support-ticket = hsl(217, 64%, 50%) const item-color-anime-support-ticket = hsl(217, 64%, 50%)
.shop-items .shop-items
horizontal-wrap horizontal-wrap

View File

@ -1,4 +1,4 @@
remove-margin = 1.1rem const remove-margin = 1.1rem
.embedded .embedded
// Put navigation to the bottom of the screen // Put navigation to the bottom of the screen

View File

@ -1,5 +1,5 @@
loading-anim-duration = 0.8s const loading-anim-duration = 0.8s
loading-anim-size = 24px const loading-anim-size = 24px
#loading #loading
position fixed position fixed

View File

@ -1,4 +1,4 @@
video-padding = 56.25% const video-padding = 56.25%
.video-container .video-container
position relative position relative