bulma/docs/_sass/expo.sass

60 lines
1.1 KiB
Sass
Raw Normal View History

2017-08-14 11:44:24 +00:00
.bd-expo
2017-07-30 21:27:54 +00:00
background-color: $background
padding: 1.5rem
2017-08-14 11:44:24 +00:00
.bd-website
2017-07-30 21:27:54 +00:00
display: block
position: relative
text-align: center
&:last-child
margin-bottom: 0
2017-08-14 11:44:24 +00:00
.bd-website-image
2017-07-30 21:27:54 +00:00
align-items: center
display: flex
justify-content: center
margin-bottom: 1.5rem
position: relative
&:hover
2017-08-31 09:51:43 +00:00
.bd-website-shadow
opacity: 0
2017-08-14 11:44:24 +00:00
.bd-website-overlay
2017-07-30 21:27:54 +00:00
opacity: 0.25
2017-08-31 09:51:43 +00:00
.b-lazy
opacity: 0
transition: opacity 500ms $easing
.b-loaded
opacity: 1
.bd-website-shadow
border: 1px solid rgba(#000, 0.04)
transition: opacity 200ms $easing
2017-07-30 21:27:54 +00:00
2017-08-14 11:44:24 +00:00
.bd-website-overlay
2017-07-30 21:27:54 +00:00
background-color: $black
opacity: 0
transition: opacity 200ms $easing
+mobile
2017-08-14 11:44:24 +00:00
.bd-website:not(:last-child)
2017-07-30 21:27:54 +00:00
margin-bottom: 1.5rem
+tablet
2017-08-14 11:44:24 +00:00
.bd-expo
2017-07-30 21:27:54 +00:00
padding-bottom: 3rem
padding-top: 3rem
2017-08-14 11:44:24 +00:00
.bd-websites
2017-07-30 21:27:54 +00:00
display: flex
flex-wrap: wrap
justify-content: space-between
2017-08-14 11:44:24 +00:00
.bd-website
2017-08-02 08:01:38 +00:00
margin-top: 3rem
2017-07-30 21:27:54 +00:00
width: calc(50% - 3rem)
2017-10-09 09:04:12 +00:00
&:nth-child(1),
&:nth-child(2)
2017-08-02 08:01:38 +00:00
margin-top: 0
2017-08-14 11:44:24 +00:00
&.bd-is-highlighted
2017-08-02 08:01:38 +00:00
width: 100%
2017-08-14 11:44:24 +00:00
.bd-website-image
2017-08-02 08:01:38 +00:00
margin-bottom: 3rem