You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
50 lines
973 B
50 lines
973 B
$sp = 4px |
|
|
|
audio,video |
|
border-radius: $border-codeblock |
|
max-width: 100% |
|
video |
|
z-index: 1 |
|
trans() |
|
&:hover |
|
box-shadow: 0 4px 8px 0px rgba(0, 0, 0, 0.24), 0 8px 16px 0px rgba(0, 0, 0, 0.24) |
|
|
|
div.video |
|
line-height: 0 |
|
text-align: center |
|
|
|
div.videos |
|
max-width: "calc(100% + 2 * %s)" % $sp |
|
display: flex |
|
flex-wrap: wrap |
|
justify-content: flex-start |
|
align-items: flex-end |
|
margin: $gap-row 0 - $sp |
|
.video,iframe |
|
width: 100% |
|
margin: $sp |
|
|
|
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
|
|
|