bulma/docs/_sass/components/screenshots.scss
Jeremy Thomas 08ef4df2c0
Bulma v9 website (#3249)
* Add Bulma v9

* Add vendor dependencies

* Fix native

* Fix sponsors

* Add style attribute
2021-01-27 23:30:42 +00:00

23 lines
417 B
SCSS

.bd-screenshots {
display: grid;
grid-gap: $block-spacing;
grid-template-columns: 1fr;
.bd-screenshot {
position: relative;
&:hover {
box-shadow: 0 1em 1em rgba(black, 0.1);
transform: translateY(-0.5em);
}
}
}
@include tablet {
.bd-screenshots {
grid-template-columns: repeat(auto-fill, minmax(336px, 1fr));
margin: 0 auto;
max-width: var(--container-width);
}
}