2018-03-18 18:09:58 +00:00
|
|
|
const item-color-pro-account = hsl(0, 100%, 71%)
|
|
|
|
|
const item-color-anime-support-ticket = hsl(217, 64%, 50%)
|
2017-10-06 10:44:55 +00:00
|
|
|
|
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
|
2018-04-08 08:21:40 +00:00
|
|
|
[data-item-id="pro-account-1"],
|
|
|
|
|
[data-item-id="pro-account-3"],
|
|
|
|
|
[data-item-id="pro-account-6"],
|
|
|
|
|
[data-item-id="pro-account-12"],
|
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
|
