Ark/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma synced 2026-03-23 05:19:35 -07:00
Code Issues Packages Projects Releases Wiki Activity

Style dark components

Browse Source
This commit is contained in:
Jeremy Thomas
2019-10-18 20:29:40 -04:00
parent 6b09dcfcf0
commit 9209d1fe42
25 changed files with 1079 additions and 473 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
docs/_sass/footer.sass
View File

@@ -1,5 +1,5 @@
.bd-footer-title
color: var(--#{$prefix}-text-strong)
color: var(--#{$prefix}text-strong)
font-size: 1.25rem
line-height: 1.25
margin-bottom: 0.5rem
@@ -9,7 +9,7 @@
font-weight: $weight-semibold
.bd-footer-subtitle
color: var(--#{$prefix}-border-hover)
color: var(--#{$prefix}border-hover)
margin-top: -0.5rem
transition-duration: $speed
transition-property: color
@@ -29,7 +29,7 @@
width: 100%
.bd-footer-tsp
color: var(--#{$prefix}-border-hover)
color: var(--#{$prefix}border-hover)
margin-top: 1.5rem
%bd-footer-box
@@ -42,7 +42,7 @@
.bd-footer-support
@extend %bd-footer-box
border-top: 2px solid var(--#{$prefix}-scheme-main-ter)
border-top: 2px solid var(--#{$prefix}scheme-main-ter)
box-shadow: none
padding: 3rem
.bd-footer-title
@@ -63,7 +63,7 @@
padding: 0.75rem 1.5rem
.bd-footer-donation-title
color: var(--#{$prefix}-border-hover)
color: var(--#{$prefix}border-hover)
margin-bottom: 0.5rem
strong
color: currentColor
@@ -103,11 +103,11 @@ $star-figure-height: 156px
+tablet
width: calc(33.3333% - 2rem)
&:hover
box-shadow: 0 3rem 3rem -1.25rem rgba(var(--#{$prefix}-scheme-invert), 0.1)
box-shadow: 0 3rem 3rem -1.25rem rgba(var(--#{$prefix}scheme-invert), 0.1)
transform: translateY(-0.5rem)
.bd-footer-title,
.bd-footer-subtitle
color: var(--#{$prefix}-link)
color: var(--#{$prefix}link)
&.bd-is-expo,
&.bd-is-love
padding-bottom: $star-figure-height
@@ -144,10 +144,10 @@ $star-figure-height: 156px
a
color: currentColor
&:hover
color: var(--#{$prefix}-link)
color: var(--#{$prefix}link)
.bd-footer-link-title
color: var(--#{$prefix}-text-strong)
color: var(--#{$prefix}text-strong)
font-size: 1.25rem
font-weight: $weight-semibold
&:not(:first-child)
@@ -158,7 +158,7 @@ $star-figure-height: 156px
&.bd-is-more
font-size: 0.875rem
a:not(:hover)
color: var(--#{$prefix}-border-hover)
color: var(--#{$prefix}border-hover)
&.bd-has-subtitle
a
align-items: center
@@ -174,7 +174,7 @@ $star-figure-height: 156px
font-style: normal
&:not(:hover)
em
color: var(--#{$prefix}-border-hover)
color: var(--#{$prefix}border-hover)
+mobile
flex-wrap: wrap
margin-top: 1rem