bulma/docs/_sass/old/sponsors.sass

132 lines
2.4 KiB
Sass
Raw Normal View History

2017-12-04 13:11:09 +00:00
.bd-sponsors
align-items: center
display: flex
a
align-items: center
display: flex
justify-content: center
2017-12-09 15:28:43 +00:00
margin-right: 3rem
2017-12-04 13:11:09 +00:00
width: 150px
2018-02-14 23:00:19 +00:00
2019-07-18 08:56:18 +00:00
.bd-partnrs-list
margin: -3rem 0 3rem
$bd-partner-width: 12rem
2018-04-10 11:04:10 +00:00
.bd-partner-sponsors
2018-02-14 23:00:19 +00:00
align-items: center
display: flex
2018-04-02 22:29:59 +00:00
flex-wrap: wrap
2018-04-10 11:04:10 +00:00
justify-content: space-between
2018-12-03 20:30:20 +00:00
justify-content: space-around
justify-content: center
2019-07-18 08:56:18 +00:00
margin: 0 auto
2020-09-16 23:30:49 +00:00
// max-width: (8 * $bd-partner-width)
2018-09-05 12:29:08 +00:00
.bd-partner-sponsor
2020-02-20 21:08:58 +00:00
align-items: stretch
2018-09-05 12:29:08 +00:00
display: flex
2020-02-20 21:08:58 +00:00
flex-direction: column
2018-09-05 12:29:08 +00:00
justify-content: center
2019-07-18 08:56:18 +00:00
margin: 0.25rem 1rem
2019-07-05 08:46:24 +00:00
// min-height: $carbon-height + $carbon-poweredby-height
min-height: 80px
text-align: center
&.is-text
color: $text-light
2020-05-17 12:43:03 +00:00
// font-size: 0.875em
2019-07-05 08:46:24 +00:00
line-height: 1.25
2020-05-17 12:43:03 +00:00
// min-height: 0
2020-02-20 21:08:58 +00:00
.bd-sponsor-item
display: inline
.bd-sponsor-item:before
display: none
.bd-sponsor-item
@extend %link-before-background
@extend %center
flex-grow: 1
position: relative
2020-05-17 12:43:03 +00:00
strong,
2020-02-20 21:08:58 +00:00
img
2021-06-04 12:57:21 +00:00
border-radius: 0.25em
2020-02-20 21:08:58 +00:00
position: relative
2018-04-10 11:04:10 +00:00
2018-12-05 08:39:03 +00:00
.bd-partnrs
2019-10-13 15:11:19 +00:00
background-color: $scheme-main-bis
2018-04-10 11:04:10 +00:00
#carbonads
.carbon-text
padding-bottom: 0
.carbon-poweredby
display: none
2018-04-02 22:29:59 +00:00
2018-04-10 11:04:10 +00:00
.bd-partner-title
2019-10-13 15:11:19 +00:00
color: $border-hover
2018-04-10 11:04:10 +00:00
font-size: 0.875rem
margin-bottom: 1rem
2019-04-07 18:20:46 +00:00
.bd-minis
margin-top: 1rem
text-align: center
.bd-minis-title
@extend .bd-partner-title
@extend %center
.bd-minis-link
@extend %center
2019-10-13 15:11:19 +00:00
color: $text-light
2019-04-07 18:20:46 +00:00
.icon
margin-right: 0.25em
strong
2019-10-13 15:11:19 +00:00
color: $text-light
2019-04-07 18:20:46 +00:00
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
2018-12-05 08:39:03 +00:00
$bd-partnrs-3: 1040px
$bd-partnrs-4: 1130px
2018-05-30 08:23:03 +00:00
2019-04-07 18:20:46 +00:00
+mobile
.bd-minis-list
flex-direction: column
2018-04-10 11:04:10 +00:00
+tablet
2018-12-05 08:39:03 +00:00
.bd-partnrs-list
2018-04-10 11:04:10 +00:00
align-items: flex-start
display: flex
2018-04-10 21:38:00 +00:00
margin-left: auto
margin-right: auto
2018-04-10 11:04:10 +00:00
.bd-partner
&.bd-is-sponsor
flex-grow: 1
flex-shrink: 1
&.bd-is-carbon
flex-grow: 0
flex-shrink: 0
2018-09-05 13:43:45 +00:00
margin-left: 1rem
2018-04-10 11:04:10 +00:00
width: $carbon-width
.bd-partner-sponsor
width: $bd-partner-width
2018-09-05 13:43:45 +00:00
+widescreen
2020-09-16 23:30:49 +00:00
// .bd-partnrs
// .container
// max-width: 1536px
2018-09-05 13:43:45 +00:00
.bd-partner
&.bd-is-carbon
margin-left: 3rem
2019-07-05 08:46:24 +00:00
.bd-partner-sponsors
min-height: $carbon-height + $carbon-poweredby-height