64 lines
1.1 KiB
Plaintext
Raw Normal View History

2017-10-06 10:44:55 +00:00
item-color-pro-account = hsl(0, 100%, 71%)
item-color-anime-support-ticket = hsl(217, 64%, 50%)
2017-10-03 13:26:29 +00:00
.shop-items
2017-11-05 06:29:13 +00:00
horizontal-wrap
justify-content space-around
.shop-item
ui-element
flex 1
flex-basis 380px
margin calc(content-padding / 2)
2017-11-08 16:02:45 +00:00
padding 0.5rem content-padding
2017-11-05 06:29:13 +00:00
.shop-item-name
2017-11-05 07:16:20 +00:00
font-size 1.6rem
2017-11-05 06:29:13 +00:00
text-align center
padding 0.75rem 0
// border-bottom 1px solid rgba(0, 0, 0, 0.1)
2017-10-03 13:26:29 +00:00
2017-10-06 10:44:55 +00:00
.item-icon
display inline-block
2017-10-03 13:26:29 +00:00
2017-10-06 10:44:55 +00:00
// Colors
2017-11-05 08:32:46 +00:00
.shop-item, .inventory-slot, .shop-history-item
2017-10-06 10:44:55 +00:00
[data-item-id="pro-account-3"]
.item-icon
color item-color-pro-account
[data-item-id="pro-account-6"]
.item-icon
color item-color-pro-account
[data-item-id="pro-account-12"]
.item-icon
color item-color-pro-account
2017-11-08 16:02:45 +00:00
2017-10-06 10:44:55 +00:00
[data-item-id="pro-account-24"]
.item-icon
color item-color-pro-account
[data-item-id="anime-support-ticket"]
.item-icon
color item-color-anime-support-ticket
2017-10-03 13:26:29 +00:00
.shop-item-price
// ...
.shop-item-price-currency
margin-left 0.3rem
margin-right 0
.shop-item-duration
opacity 0.5
text-align right
float right
.shop-buttons
margin-top 1rem
.shop-button-buy
.icon-diamond
margin-left 0.3rem
2017-10-04 06:12:12 +00:00
margin-right 0