bulma/docs/_sass/sponsors.sass
2019-07-20 12:21:34 +02:00

112 lines
1.9 KiB
Sass

.bd-sponsors
align-items: center
display: flex
a
align-items: center
display: flex
justify-content: center
margin-right: 3rem
width: 150px
.bd-partnrs-list
margin: -3rem 0 3rem
.bd-partner-sponsors
align-items: center
display: flex
flex-wrap: wrap
justify-content: space-between
justify-content: space-around
margin: 0 auto
max-width: 52rem
.bd-partner-sponsor
align-items: center
display: flex
justify-content: center
margin: 0.25rem 1rem
// min-height: $carbon-height + $carbon-poweredby-height
min-height: 80px
text-align: center
&.is-text
color: $text-light
font-size: 0.75em
line-height: 1.25
min-height: 0
.bd-partnrs
background-color: $white-bis
#carbonads
.carbon-text
padding-bottom: 0
.carbon-poweredby
display: none
.bd-partner-title
color: $grey-light
font-size: 0.875rem
margin-bottom: 1rem
.bd-minis
margin-top: 1rem
text-align: center
.bd-minis-title
@extend .bd-partner-title
@extend %center
.bd-minis-link
@extend %center
color: $grey
.icon
margin-right: 0.25em
strong
color: $grey
margin-left: 0.25em
.bd-minis-list
align-items: center
display: flex
justify-content: space-between
margin: -1rem
.bd-mini
@extend %center
box-shadow: 0 5px 10px rgba(black, 0.1)
margin: 1rem
img
display: block
$bd-partnrs-3: 1040px
$bd-partnrs-4: 1130px
+mobile
.bd-minis-list
flex-direction: column
+tablet
.bd-partnrs-list
align-items: flex-start
display: flex
margin-left: auto
margin-right: auto
.bd-partner
&.bd-is-sponsor
flex-grow: 1
flex-shrink: 1
&.bd-is-carbon
flex-grow: 0
flex-shrink: 0
margin-left: 1rem
width: $carbon-width
+widescreen
.bd-partnrs
.container
max-width: 1536px
.bd-partner
&.bd-is-carbon
margin-left: 3rem
.bd-partner-sponsors
min-height: $carbon-height + $carbon-poweredby-height