Ark/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma synced 2026-03-15 02:04:29 -07:00
Code Issues Packages Projects Releases Wiki Activity

Fix #3145

Browse Source
This commit is contained in:
Jeremy Thomas
2020-10-31 18:20:34 +00:00
parent 8371669ec5
commit 223ee4493e
3 changed files with 96 additions and 369 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
sass/components/card.sass
View File

@@ -2,7 +2,6 @@ $card-color: $text !default
$card-background-color: $scheme-main !default
$card-shadow: 0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0px 0 1px rgba($scheme-invert, 0.02) !default
$card-radius: 0.25rem !default
$card-overflow: hidden !default
$card-header-background-color: transparent !default
$card-header-color: $text-strong !default
@@ -25,10 +24,18 @@ $card-media-margin: $block-spacing !default
box-shadow: $card-shadow
color: $card-color
max-width: 100%
overflow: $card-overflow
position: relative
%card-item
&:first-child
border-top-left-radius: $card-radius
border-top-right-radius: $card-radius
&:last-child
border-bottom-left-radius: $card-radius
border-bottom-right-radius: $card-radius
.card-header
@extend %card-item
background-color: $card-header-background-color
align-items: stretch
box-shadow: $card-header-shadow
@@ -54,12 +61,22 @@ $card-media-margin: $block-spacing !default
.card-image
display: block
position: relative
&:first-child
img
border-top-left-radius: $card-radius
border-top-right-radius: $card-radius
&:last-child
img
border-bottom-left-radius: $card-radius
border-bottom-right-radius: $card-radius
.card-content
@extend %card-item
background-color: $card-content-background-color
padding: $card-content-padding
.card-footer
@extend %card-item
background-color: $card-footer-background-color
border-top: $card-footer-border-top
align-items: stretch