bulma/docs/_sass/old/global.sass
Jeremy Thomas 08ef4df2c0
Bulma v9 website (#3249)
* Add Bulma v9

* Add vendor dependencies

* Fix native

* Fix sponsors

* Add style attribute
2021-01-27 23:30:42 +00:00

185 lines
3.7 KiB
Sass

svg
max-height: 100%
max-width: 100%
.bd-notice
background-color: $primary
color: $primary-invert
padding: 1em
text-align: center
.bd-notice-body
align-items: center
display: flex
justify-content: center
a,
strong
color: currentColor
a
border-bottom: 1px solid rgba($scheme-main, 0.5)
padding-bottom: 2px
&:hover
border-bottom-color: $scheme-main
span
margin: 0 0.25em
opacity: 0.5
+mobile
.bd-notice
font-size: 0.75rem
.bd-notice-body
flex-wrap: wrap
p:first-child
width: 100%
+tablet
.bd-notice-body
p:first-child
margin-right: 1em
$github-pink: #ea4aaa
.bd-github-button
background-color: $github-pink
// background-image: linear-gradient(-180deg,#fafbfc,#eff3f6 90%)
border-color: $github-pink !important
// color: #24292e
color: #fff
font-size: 0.875rem
height: auto
padding: calc(0.5em - 1px) 1em
position: relative
strong
font-weight: $weight-semibold
margin-top: -2px
.icon
color: inherit
.tag
font-size: 0.5rem
font-style: normal
margin: -1px -8px 0 7px
&:hover,
&:focus
background-color: darken($github-pink, 5%)
&:active
background-color: darken($github-pink, 10%)
&:hover,
&:focus,
&:active
color: #fff
// background-image: linear-gradient(-180deg, #f0f3f6, #e6ebf1 90%)
// background-position: -.5em
// border-color: #1b1f2359
.bd-patreon-button
display: inline-block
position: relative
vertical-align: top
img
border-radius: $radius
display: block
max-height: none !important
&:hover
&::after
+overlay
background-color: rgba(#000, 0.05)
border-radius: $radius
content: ""
display: block
$carbon-spacing: 1rem
$carbon-shadow-size: 0.75rem
$carbon-image-height: 100px
$carbon-image-width: 130px
$carbon-poweredby-height: 20px
#carboncontainer
align-items: center
display: flex
justify-content: center
margin-left: auto
margin-right: auto
max-width: $carbon-width
min-height: $carbon-height + $carbon-poweredby-height
min-width: 280px
#carbon
flex-grow: 1
min-height: $carbon-height
padding: 0
position: relative
&:hover
background-color: $scheme-main
box-shadow: 0 0 0 $carbon-shadow-size $scheme-main
+tablet
width: $carbon-width
#carbonads
font-size: 14px
text-align: left
a,
span
display: block
.carbon-wrap
min-height: $carbon-height
position: relative
&:hover
.carbon-img::after
background-color: rgba(#000, 0.05)
content: ""
display: block
height: $carbon-height
left: 0
position: absolute
right: $carbon-spacing
top: 0
.carbon-img
bottom: 0
float: left
left: 0
min-height: $carbon-height
padding: 0
position: absolute
top: 0
width: calc(#{$carbon-image-width} + #{$carbon-spacing})
img
display: block
height: $carbon-image-height
width: $carbon-image-width
&:hover
& + .carbon-text
color: $link
&:active
opacity: 0.8
.carbon-text
display: block
color: $text-strong
line-height: 20px
min-height: $carbon-height
padding: 0 0 $carbon-poweredby-height calc(#{$carbon-image-width} + #{$carbon-spacing})
&:hover
color: $link
.carbon-poweredby
bottom: 0
color: $border-hover
display: inline
font-size: $size-small
line-height: $carbon-poweredby-height
position: absolute
right: 0
&:hover
text-decoration: underline
+until($fullhd)
.bd-navbar-icon
display: none
+until($widescreen)
.bd-navbar .bd-navbar-item-backers
display: none
+widescreen
#moreDropdown
.navbar-item:first-child,
.navbar-divider:nth-child(2)
display: none