mirror of
https://github.com/jgthms/bulma
synced 2026-03-22 13:04:29 -07:00
Add customisation variables
This commit is contained in:
18
sass/components/card.sass
Normal file → Executable file
18
sass/components/card.sass
Normal file → Executable file
@@ -1,17 +1,17 @@
|
||||
$card: $text !default
|
||||
$card-background: $white !default
|
||||
$card-color: $text !default
|
||||
$card-background-color: $white !default
|
||||
$card-shadow: 0 2px 3px rgba($black, 0.1), 0 0 0 1px rgba($black, 0.1) !default
|
||||
|
||||
$card-header: $text-strong !default
|
||||
$card-header-color: $text-strong !default
|
||||
$card-header-shadow: 0 1px 2px rgba($black, 0.1) !default
|
||||
$card-header-weight: $weight-bold !default
|
||||
|
||||
$card-footer-border: $border !default
|
||||
$card-footer-border-top: 1px solid $border !default
|
||||
|
||||
.card
|
||||
background-color: $card-background
|
||||
background-color: $card-background-color
|
||||
box-shadow: $card-shadow
|
||||
color: $card
|
||||
color: $card-color
|
||||
max-width: 100%
|
||||
position: relative
|
||||
|
||||
@@ -22,7 +22,7 @@ $card-footer-border: $border !default
|
||||
|
||||
.card-header-title
|
||||
align-items: center
|
||||
color: $card-header
|
||||
color: $card-header-color
|
||||
display: flex
|
||||
flex-grow: 1
|
||||
font-weight: $card-header-weight
|
||||
@@ -43,7 +43,7 @@ $card-footer-border: $border !default
|
||||
padding: 1.5rem
|
||||
|
||||
.card-footer
|
||||
border-top: 1px solid $card-footer-border
|
||||
border-top: $card-footer-border-top
|
||||
align-items: stretch
|
||||
display: flex
|
||||
|
||||
@@ -56,7 +56,7 @@ $card-footer-border: $border !default
|
||||
justify-content: center
|
||||
padding: 0.75rem
|
||||
&:not(:last-child)
|
||||
border-right: 1px solid $card-footer-border
|
||||
border-right: $card-footer-border-top
|
||||
|
||||
// Combinations
|
||||
|
||||
|
||||
Reference in New Issue
Block a user