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
vertical

View File

@ -1,4 +1,4 @@
frontpage-bg-color = rgb(32, 32, 32)
const frontpage-bg-color = rgb(32, 32, 32)
.frontpage-background
position absolute
@ -16,7 +16,7 @@ frontpage-bg-color = rgb(32, 32, 32)
top 50%
left 50%
transform translateX(-50%) translateY(-50%)
a, h1, h2
color white !important
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
line-height 1.2em
text-align center
.footer
text-align center
margin-top content-padding

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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