bulma/sass/components/card.sass

.card-header
  align-items: stretch
  box-shadow: 0 1px 2px rgba($black, 0.1)
  display: flex

.card-header-title
  align-items: center
  color: $text-strong
  display: flex
  flex-grow: 1
  font-weight: $weight-bold
  padding: 0.75rem

.card-header-icon
  align-items: center
  cursor: pointer
  display: flex
  justify-content: center
  padding: 0.75rem

.card-image
  display: block
  position: relative

.card-content
  padding: 1.5rem
  .title + .subtitle
    margin-top: -1.5rem

.card-footer
  border-top: 1px solid $border
  align-items: stretch
  display: flex

.card-footer-item
  align-items: center
  display: flex
  flex-grow: 1
  flex-shrink: 0
  justify-content: center
  padding: 0.75rem
  &:not(:last-child)
    border-right: 1px solid $border

.card
  background-color: $white
  box-shadow: 0 2px 3px rgba($black, 0.1), 0 0 0 1px rgba($black, 0.1)
  color: $text
  max-width: 100%
  position: relative
  .media:not(:last-child)
    margin-bottom: 0.75rem
  // Modifiers
  &.is-rounded
    border-radius: $radius-large
Add panel, Rename menu 2016-03-25 13:38:40 +00:00			`.card-header`
			`align-items: stretch`
Add white black light dark colors, Fix button inverted 2016-05-05 23:23:00 +00:00			`box-shadow: 0 1px 2px rgba($black, 0.1)`
Add panel, Rename menu 2016-03-25 13:38:40 +00:00			`display: flex`

			`.card-header-title`
Fix media object 2016-10-30 17:35:39 +00:00			`align-items: center`
Add panel, Rename menu 2016-03-25 13:38:40 +00:00			`color: $text-strong`
			`display: flex`
Remove flex shorthand 2016-07-31 10:45:56 +00:00			`flex-grow: 1`
Fix media object 2016-10-30 17:35:39 +00:00			`font-weight: $weight-bold`
			`padding: 0.75rem`
Add panel, Rename menu 2016-03-25 13:38:40 +00:00
			`.card-header-icon`
Add card header, Add button group, Add menu 2016-03-26 12:32:09 +00:00			`align-items: center`
Add panel, Rename menu 2016-03-25 13:38:40 +00:00			`cursor: pointer`
Add card header, Add button group, Add menu 2016-03-26 12:32:09 +00:00			`display: flex`
			`justify-content: center`
Fix media object 2016-10-30 17:35:39 +00:00			`padding: 0.75rem`
Add panel, Rename menu 2016-03-25 13:38:40 +00:00
Init 2016-01-24 00:03:43 +00:00			`.card-image`
			`display: block`
			`position: relative`

			`.card-content`
Fix media object 2016-10-30 17:35:39 +00:00			`padding: 1.5rem`
Init 2016-01-24 00:03:43 +00:00			`.title + .subtitle`
Fix media object 2016-10-30 17:35:39 +00:00			`margin-top: -1.5rem`
Init 2016-01-24 00:03:43 +00:00
			`.card-footer`
Add card header, Add button group, Add menu 2016-03-26 12:32:09 +00:00			`border-top: 1px solid $border`
			`align-items: stretch`
			`display: flex`

			`.card-footer-item`
Add panel, Rename menu 2016-03-25 13:38:40 +00:00			`align-items: center`
			`display: flex`
Remove flex shorthand 2016-07-31 10:45:56 +00:00			`flex-grow: 1`
Fix media object 2016-10-30 17:35:39 +00:00			`flex-shrink: 0`
Add panel, Rename menu 2016-03-25 13:38:40 +00:00			`justify-content: center`
Fix media object 2016-10-30 17:35:39 +00:00			`padding: 0.75rem`
Add card header, Add button group, Add menu 2016-03-26 12:32:09 +00:00			`&:not(:last-child)`
			`border-right: 1px solid $border`
Use flex for all tabs, Add flat input, Fix hero tabs 2016-01-26 00:02:38 +00:00
			`.card`
Fix #242 2016-06-29 22:59:48 +00:00			`background-color: $white`
Add white black light dark colors, Fix button inverted 2016-05-05 23:23:00 +00:00			`box-shadow: 0 2px 3px rgba($black, 0.1), 0 0 0 1px rgba($black, 0.1)`
Fix layout code style 2016-04-10 15:56:27 +00:00			`color: $text`
Update header item, Fix card width, Add github banner 2016-01-27 00:24:05 +00:00			`max-width: 100%`
Use flex for all tabs, Add flat input, Fix hero tabs 2016-01-26 00:02:38 +00:00			`position: relative`
			`.media:not(:last-child)`
Fix media object 2016-10-30 17:35:39 +00:00			`margin-bottom: 0.75rem`
Fix components code style 2016-04-10 15:27:27 +00:00			`// Modifiers`
			`&.is-rounded`
Fix #228, Fix #245 2016-06-29 22:25:27 +00:00			`border-radius: $radius-large`