66 lines
1017 B
Plaintext
Raw Normal View History

2018-03-23 20:13:04 +00:00
const popular-company-height = 246px
2018-03-23 18:04:06 +00:00
2018-03-13 22:30:09 +00:00
.popular-companies
horizontal-wrap
justify-content space-evenly
.popular-company
2018-03-23 17:15:04 +00:00
vertical
2018-03-13 22:30:09 +00:00
width 100%
margin 0
2018-03-23 18:04:06 +00:00
margin-bottom calc(content-padding / 2)
2018-03-13 22:30:09 +00:00
padding 0.5rem 0.75rem
2018-03-23 17:15:04 +00:00
overflow hidden
2018-03-13 22:30:09 +00:00
ui-element
2018-03-23 17:15:04 +00:00
.popular-company-header
2018-03-23 18:24:05 +00:00
margin-bottom 0.5rem
2018-03-23 17:15:04 +00:00
.popular-company-body
2018-03-23 19:43:20 +00:00
display none
2018-03-23 17:15:04 +00:00
.popular-company-footer
2018-03-23 18:04:06 +00:00
.company-anime
flex-flow row
overflow hidden
2018-03-23 17:15:04 +00:00
.popular-company-description
clip-long-text
2018-03-23 20:13:04 +00:00
margin-top 0.4rem
p
display inline
2018-03-23 17:15:04 +00:00
2018-03-13 22:30:09 +00:00
.popular-company-icon
//
.popular-company-name
clip-long-text
.popular-company-anime-preview
flex 1
2018-03-23 19:05:49 +00:00
> 800px
2018-03-13 22:30:09 +00:00
.popular-company
2018-03-23 18:04:06 +00:00
height popular-company-height
max-height popular-company-height
2018-03-13 22:30:09 +00:00
padding 0.75rem 1rem
2018-03-23 17:15:04 +00:00
margin calc(content-padding / 2)
2018-03-23 19:43:20 +00:00
.popular-company-body
display block
flex 1.0
2018-03-23 17:15:04 +00:00
.popular-company-header
font-size 1.2rem
2018-03-13 22:30:09 +00:00
2018-03-23 17:15:04 +00:00
.popular-company-description
2018-03-23 19:05:49 +00:00
white-space normal
> 1350px
.popular-company
max-width calc(50% - content-padding * 2)
> 1880px
.popular-company
max-width 777px