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

Bulma v9 website (#3249)

Browse Source 
* Add Bulma v9

* Add vendor dependencies

* Fix native

* Fix sponsors

* Add style attribute
This commit is contained in:
Jeremy Thomas
2021-01-27 23:30:42 +00:00
committed by GitHub
parent c5edaea84f
commit 08ef4df2c0
1963 changed files with 157468 additions and 9452 deletions
Download Patch File Download Diff File Expand all files Collapse all files

200
docs/_sass/old/footer.sass Normal file
View File

@@ -0,0 +1,200 @@
.bd-footer-title
color: $text-strong
font-size: 1.25rem
line-height: 1.25
margin-bottom: 0.5rem
transition-duration: $speed
transition-property: color
strong
font-weight: $weight-semibold
.bd-footer-subtitle
color: $border-hover
margin-top: -0.5rem
transition-duration: $speed
transition-property: color
.bd-footer-iframe
display: flex
flex-wrap: wrap
margin-bottom: -10px
min-height: 30px
iframe
height: 30px
margin-bottom: 10px
.fb-like
margin-left: 10px
&.is-github
iframe
width: 100%
.bd-footer-tsp
color: $border-hover
margin-top: 1.5rem
%bd-footer-box
@extend %bd-box
text-align: center
.bd-footer-title
font-size: 1.5rem
// Support
.bd-footer-support
@extend %bd-footer-box
border-top: 2px solid $scheme-main-ter
box-shadow: none
padding: 3rem
.bd-footer-title
margin-bottom: 1.5rem
.bd-footer-donations
justify-content: center
.bd-footer-donation
flex: none
.bd-footer-donation-items
display: flex
flex-wrap: wrap
justify-content: center
.bd-footer-sponsor
width: 12rem
.bd-footer-sponsor a
@extend %center
height: 70px
+tablet
.bd-footer-donation
padding: 0.75rem 1.5rem
.bd-footer-donation-title
color: $border-hover
margin-bottom: 0.5rem
strong
color: currentColor
.bd-footer-donation-action
@extend %center
height: 70px
.bd-github-button
margin-right: 0.5rem
.bd-github-button,
.bd-patreon-button
flex-shrink: 0
.paypal-form
height: 30px
img
display: block
// Stars
$star-figure-height: 156px
.bd-footer-stars
margin-top: 2.5rem
+tablet
align-items: stretch
display: flex
justify-content: space-between
.bd-footer-star
@extend %bd-footer-box
transition-duration: $speed
transition-property: box-shadow, transform
will-change: box-shadow, transform
+mobile
&:not(:last-child)
margin-bottom: 1.5rem
+tablet
width: calc(33.3333% - 2rem)
&:hover
box-shadow: 0 3rem 3rem -1.25rem rgba($scheme-invert, 0.1)
transform: translateY(-0.5rem)
.bd-footer-title,
.bd-footer-subtitle
color: $link
&.bd-is-expo,
&.bd-is-love
padding-bottom: $star-figure-height
.bd-footer-title
align-items: center
display: flex
justify-content: center
.icon
margin-right: 0.25em
&.bd-is-expo
background-image: url("/images/footer/expo-examples.png")
background-repeat: repeat-x
background-position: bottom center
background-size: 352px $star-figure-height
&.bd-is-love
background-image: url("/images/footer/love.png")
background-repeat: no-repeat
background-position: bottom center
background-size: 440px 180px
.bd-footer-star-header
padding: 1.5rem
.bd-footer-star-figure
@extend %center
height: $star-figure-height
margin-top: -1rem
// Links
.bd-footer-links
margin-top: 6rem
padding-bottom: 6rem
a
color: currentColor
&:hover
color: $link
.bd-footer-link-title
color: $text-strong
font-size: 1.25rem
font-weight: $weight-semibold
&:not(:first-child)
margin-top: 1.5em
.bd-footer-link
margin-top: 0.5rem
&.bd-is-more
font-size: 0.875rem
a:not(:hover)
color: $border-hover
&.bd-has-subtitle
a
align-items: center
display: flex
justify-content: space-between
strong
flex-grow: 1
flex-shrink: 1
font-weight: unset
em
display: block
font-size: 0.875rem
font-style: normal
&:not(:hover)
em
color: $border-hover
+mobile
flex-wrap: wrap
margin-top: 1rem
em
width: 100%
+tablet
em
margin-left: 1rem
text-align: right
.bd-footer-link-icon
flex-grow: 0
flex-shrink: 0
margin-right: 0.5em
text-align: center
width: 1em