bulma/docs/_sass/global.sass

103 lines
2.1 KiB
Sass
Raw Normal View History

2017-07-02 22:49:54 +00:00
svg
max-height: 100%
max-width: 100%
2018-04-10 16:33:43 +00:00
.bd-patreon-button
2018-04-11 11:12:55 +00:00
display: inline-block
position: relative
vertical-align: top
2018-04-10 16:33:43 +00:00
img
border-radius: $radius
2018-04-11 11:12:55 +00:00
display: block
2018-04-18 16:00:00 +00:00
max-height: none !important
2018-04-11 11:12:55 +00:00
&:hover
&::after
+overlay
background-color: rgba(#000, 0.05)
border-radius: $radius
content: ""
display: block
2018-04-10 16:33:43 +00:00
2018-04-09 15:15:58 +00:00
$carbon-spacing: 1rem
$carbon-shadow-size: 0.75rem
$carbon-image-height: 100px
$carbon-image-width: 130px
$carbon-poweredby-height: 20px
2017-07-02 22:49:54 +00:00
2017-09-05 21:53:21 +00:00
#carboncontainer
align-items: center
display: flex
justify-content: center
2017-07-02 22:49:54 +00:00
margin-left: auto
margin-right: auto
2018-04-09 09:35:44 +00:00
max-width: $carbon-width
2018-04-13 14:00:15 +00:00
min-height: $carbon-height + $carbon-poweredby-height
2018-04-09 09:35:44 +00:00
min-width: 280px
2017-09-05 21:53:21 +00:00
#carbon
flex-grow: 1
2018-04-09 15:15:58 +00:00
min-height: $carbon-height
2017-07-02 22:49:54 +00:00
padding: 0
position: relative
&:hover
2018-04-09 15:15:58 +00:00
background-color: $white
box-shadow: 0 0 0 $carbon-shadow-size $white
2017-07-02 22:49:54 +00:00
+tablet
2018-04-09 09:35:44 +00:00
width: $carbon-width
2017-07-02 22:49:54 +00:00
#carbonads
font-size: 14px
text-align: left
a,
span
display: block
.carbon-wrap
2018-04-09 15:15:58 +00:00
min-height: $carbon-height
2017-07-02 22:49:54 +00:00
position: relative
2018-04-09 15:15:58 +00:00
&:hover
2018-04-09 19:19:29 +00:00
.carbon-img::after
background-color: rgba(#000, 0.05)
content: ""
display: block
2018-04-13 14:00:15 +00:00
height: $carbon-height
left: 0
position: absolute
2018-04-09 19:19:29 +00:00
right: $carbon-spacing
2018-04-13 14:00:15 +00:00
top: 0
2017-07-02 22:49:54 +00:00
.carbon-img
2017-09-05 21:53:21 +00:00
bottom: 0
2017-07-02 22:49:54 +00:00
float: left
2017-09-05 21:53:21 +00:00
left: 0
2018-04-09 15:15:58 +00:00
min-height: $carbon-height
padding: 0
2017-09-05 21:53:21 +00:00
position: absolute
top: 0
2018-04-09 15:15:58 +00:00
width: calc(#{$carbon-image-width} + #{$carbon-spacing})
2017-07-02 22:49:54 +00:00
img
display: block
2018-04-09 15:15:58 +00:00
height: $carbon-image-height
width: $carbon-image-width
2017-09-05 21:53:21 +00:00
&:hover
2018-04-09 15:15:58 +00:00
& + .carbon-text
color: $link
2017-09-05 21:53:21 +00:00
&:active
opacity: 0.8
2017-07-02 22:49:54 +00:00
.carbon-text
display: block
color: $text-strong
line-height: 20px
2018-04-09 15:15:58 +00:00
min-height: $carbon-height
padding: 0 0 $carbon-poweredby-height calc(#{$carbon-image-width} + #{$carbon-spacing})
&:hover
color: $link
2017-07-02 22:49:54 +00:00
.carbon-poweredby
2018-04-09 15:15:58 +00:00
bottom: 0
2018-04-09 19:19:29 +00:00
color: $grey-light
2017-09-05 21:53:21 +00:00
display: inline
2017-07-02 22:49:54 +00:00
font-size: $size-small
2018-04-09 15:15:58 +00:00
line-height: $carbon-poweredby-height
2017-07-02 22:49:54 +00:00
position: absolute
2018-04-09 15:15:58 +00:00
right: 0
&:hover
text-decoration: underline