mirror of
https://github.com/jgthms/bulma
synced 2026-03-23 21:39:36 -07:00
Bulma v9 website (#3249)
* Add Bulma v9 * Add vendor dependencies * Fix native * Fix sponsors * Add style attribute
This commit is contained in:
53
docs/_sass/pages/videos.scss
Normal file
53
docs/_sass/pages/videos.scss
Normal file
@@ -0,0 +1,53 @@
|
||||
.bd-video {
|
||||
--spacing: 1.5rem;
|
||||
display: grid;
|
||||
grid-template-columns: 1fr;
|
||||
padding: var(--spacing);
|
||||
|
||||
&:not(:last-child) {
|
||||
border-bottom: 2px solid var(--videos-light);
|
||||
}
|
||||
}
|
||||
|
||||
.bd-video-figure {
|
||||
img,
|
||||
video {
|
||||
max-width: 100%;
|
||||
vertical-align: top;
|
||||
}
|
||||
}
|
||||
|
||||
@include mobile {
|
||||
.bd-video {
|
||||
grid-gap: var(--spacing);
|
||||
}
|
||||
}
|
||||
|
||||
@include tablet {
|
||||
.bd-video {
|
||||
--spacing: 3rem;
|
||||
grid-template-columns: 1fr 24em 4em calc(var(--container-width) - 28em) 1fr;
|
||||
}
|
||||
|
||||
.bd-video-info {
|
||||
grid-column: 2;
|
||||
}
|
||||
|
||||
.bd-video-figure {
|
||||
grid-column: 4 / span 2;
|
||||
|
||||
img {
|
||||
max-width: 1440px;
|
||||
}
|
||||
|
||||
video {
|
||||
max-width: 1280px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@include desktop {
|
||||
.bd-video {
|
||||
--spacing: 4.5rem;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user