parent
d706483875
commit
0a9c09d709
4 changed files with 63 additions and 7 deletions
@ -0,0 +1,44 @@ |
|||||||
|
$sp = 4px |
||||||
|
|
||||||
|
video |
||||||
|
border-radius: $border-codeblock |
||||||
|
max-width: 100% |
||||||
|
|
||||||
|
div.videos |
||||||
|
max-width: "calc(100% + 2 * %s)" % $sp |
||||||
|
display: flex |
||||||
|
flex-wrap: wrap |
||||||
|
justify-content: space-start |
||||||
|
align-items: flex-end |
||||||
|
margin: $gap-p 0 - $sp |
||||||
|
video,iframe |
||||||
|
width: 100% |
||||||
|
margin: $sp |
||||||
|
video |
||||||
|
trans() |
||||||
|
&:hover |
||||||
|
box-shadow: 0 4px 8px 0px rgba(0, 0, 0, 0.24), 0 8px 16px 0px rgba(0, 0, 0, 0.24) |
||||||
|
iframe |
||||||
|
border-radius: $border-codeblock |
||||||
|
width: 100% |
||||||
|
min-height: 300px |
||||||
|
&.left |
||||||
|
justify-content: flex-start |
||||||
|
&.center |
||||||
|
justify-content: center |
||||||
|
&.right |
||||||
|
justify-content: flex-end |
||||||
|
&.stretch |
||||||
|
align-items: stretch |
||||||
|
&[col='1'] |
||||||
|
video,iframe |
||||||
|
width: 100% |
||||||
|
&[col='2'] |
||||||
|
video,iframe |
||||||
|
width: "calc(50% - 2 * %s)" % $sp |
||||||
|
&[col='3'] |
||||||
|
video,iframe |
||||||
|
width: "calc(33.33% - 2 * %s)" % $sp |
||||||
|
&[col='4'] |
||||||
|
video,iframe |
||||||
|
width: "calc(25% - 2 * %s)" % $sp |
Loading…
Reference in new issue