node_modules/bulma/sass/components/card.sass

   1 $card-color: $text !default
   2 $card-background-color: $scheme-main !default
   3 $card-shadow: 0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0px 0 1px rgba($scheme-invert, 0.02) !default
   4
   5 $card-header-background-color: transparent !default
   6 $card-header-color: $text-strong !default
   7 $card-header-padding: 0.75rem 1rem !default
   8 $card-header-shadow: 0 0.125em 0.25em rgba($scheme-invert, 0.1) !default
   9 $card-header-weight: $weight-bold !default
  10
  11 $card-content-background-color: transparent !default
  12 $card-content-padding: 1.5rem !default
  13
  14 $card-footer-background-color: transparent !default
  15 $card-footer-border-top: 1px solid $border-light !default
  16 $card-footer-padding: 0.75rem !default
  17
  18 $card-media-margin: $block-spacing !default
  19
  20 .card
  21   background-color: $card-background-color
  22   box-shadow: $card-shadow
  23   color: $card-color
  24   max-width: 100%
  25   position: relative
  26
  27 .card-header
  28   background-color: $card-header-background-color
  29   align-items: stretch
  30   box-shadow: $card-header-shadow
  31   display: flex
  32
  33 .card-header-title
  34   align-items: center
  35   color: $card-header-color
  36   display: flex
  37   flex-grow: 1
  38   font-weight: $card-header-weight
  39   padding: $card-header-padding
  40   &.is-centered
  41     justify-content: center
  42
  43 .card-header-icon
  44   align-items: center
  45   cursor: pointer
  46   display: flex
  47   justify-content: center
  48   padding: $card-header-padding
  49
  50 .card-image
  51   display: block
  52   position: relative
  53
  54 .card-content
  55   background-color: $card-content-background-color
  56   padding: $card-content-padding
  57
  58 .card-footer
  59   background-color: $card-footer-background-color
  60   border-top: $card-footer-border-top
  61   align-items: stretch
  62   display: flex
  63
  64 .card-footer-item
  65   align-items: center
  66   display: flex
  67   flex-basis: 0
  68   flex-grow: 1
  69   flex-shrink: 0
  70   justify-content: center
  71   padding: $card-footer-padding
  72   &:not(:last-child)
  73     border-right: $card-footer-border-top
  74
  75 // Combinations
  76
  77 .card
  78   .media:not(:last-child)
  79     margin-bottom: $card-media-margin