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
|