bulma/docs/_sass/expo.sass
Jeremy Thomas 3b7f2e3e9b Add blazy
2017-08-02 09:01:38 +01:00

50 lines
869 B
Sass

.expo
background-color: $background
background-color: $white
padding: 1.5rem
.website
display: block
position: relative
text-align: center
&:last-child
margin-bottom: 0
.website-image
align-items: center
display: flex
justify-content: center
margin-bottom: 1.5rem
position: relative
&:hover
.website-overlay
opacity: 0.25
.website-overlay
background-color: $black
opacity: 0
transition: opacity 200ms $easing
+mobile
.website:not(:last-child)
margin-bottom: 1.5rem
+tablet
.expo
padding-bottom: 3rem
padding-top: 3rem
.websites
display: flex
flex-wrap: wrap
justify-content: space-between
.website
margin-top: 3rem
width: calc(50% - 3rem)
&:nth-child(1),
&:nth-child(2)
margin-top: 0
&.is-highlighted
width: 100%
.website-image
margin-bottom: 3rem