bulma/docs/_sass/old/global.sass

185 lines
3.7 KiB
Sass
Raw Normal View History

2017-07-02 22:49:54 +00:00
svg
max-height: 100%
max-width: 100%
2019-05-28 09:40:56 +00:00
.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
2019-10-13 15:11:19 +00:00
border-bottom: 1px solid rgba($scheme-main, 0.5)
2019-05-28 09:40:56 +00:00
padding-bottom: 2px
&:hover
2019-10-13 15:11:19 +00:00
border-bottom-color: $scheme-main
2019-05-28 09:40:56 +00:00
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
2020-04-11 12:14:21 +00:00
$github-pink: #ea4aaa
2019-10-05 16:53:41 +00:00
.bd-github-button
2020-04-11 12:14:21 +00:00
background-color: $github-pink
// background-image: linear-gradient(-180deg,#fafbfc,#eff3f6 90%)
border-color: $github-pink !important
// color: #24292e
color: #fff
2019-10-05 16:53:41 +00:00
font-size: 0.875rem
height: auto
padding: calc(0.5em - 1px) 1em
position: relative
strong
font-weight: $weight-semibold
margin-top: -2px
.icon
2020-04-11 12:14:21 +00:00
color: inherit
2019-10-05 16:53:41 +00:00
.tag
font-size: 0.5rem
font-style: normal
margin: -1px -8px 0 7px
2020-04-11 12:14:21 +00:00
&: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
2019-10-05 16:53:41 +00:00
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
2019-10-13 15:11:19 +00:00
background-color: $scheme-main
box-shadow: 0 0 0 $carbon-shadow-size $scheme-main
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
2019-10-13 15:11:19 +00:00
color: $border-hover
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
2019-10-05 16:53:41 +00:00
2019-10-07 13:54:53 +00:00
+until($fullhd)
.bd-navbar-icon
display: none
2019-10-05 16:53:41 +00:00
+until($widescreen)
2019-10-07 13:54:53 +00:00
.bd-navbar .bd-navbar-item-backers
2019-10-05 16:53:41 +00:00
display: none
+widescreen
#moreDropdown
.navbar-item:first-child,
.navbar-divider:nth-child(2)
display: none