bulma/docs/_sass/sponsors.sass
2019-11-24 18:02:30 -05:00

117 lines
2.1 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-width: 12rem
.bd-partner-sponsors
align-items: center
display: flex
flex-wrap: wrap
justify-content: space-between
justify-content: space-around
justify-content: center
margin: 0 auto
max-width: (7 * $bd-partner-width)
.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.875em
line-height: 1.25
min-height: 0
.bd-partnrs
background-color: $scheme-main-bis
#carbonads
.carbon-text
padding-bottom: 0
.carbon-poweredby
display: none
.bd-partner-title
color: $border-hover
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: $text-light
.icon
margin-right: 0.25em
strong
color: $text-light
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
.bd-partner-sponsor
width: $bd-partner-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