Skip to content
This repository has been archived by the owner on May 21, 2024. It is now read-only.

Commit

Permalink
💄 Display the trailers with a better visual and responsive.
Browse files Browse the repository at this point in the history
  • Loading branch information
soulcramer committed Sep 30, 2018
1 parent 7c0dba9 commit 43249ac
Showing 1 changed file with 11 additions and 16 deletions.
27 changes: 11 additions & 16 deletions pages/anime/trailers.scarlet
Original file line number Diff line number Diff line change
@@ -1,27 +1,22 @@
.anime-trailers
vertical
horizontal-wrap
justify-content space-around
.trailer
margin 1rem 0
border-bottom-left-radius ui-element-border-radius !important
border-top-left-radius ui-element-border-radius !important
box-shadow shadow-light
min-height 200px
min-height 180px
border-radius ui-element-border-radius
width 320px
overflow hidden
display flex

iframe
width 100%

>
500px
.anime-trailers
horizontal-wrap
justify-content flex-start
> 500px
.anime-trailers
justify-content flex-start

.trailer
max-width 200px
margin calc(content-padding / 2)
min-height 112px
height 112px
margin soundtrack-margin
margin-bottom media-bottom-margin
.trailer
margin calc(content-padding / 2)
margin-bottom media-bottom-margin

0 comments on commit 43249ac

Please sign in to comment.