bulma/sass/components/card.sass

59 lines
1.0 KiB
Sass
Raw Normal View History

2016-03-25 13:38:40 +00:00
.card-header
align-items: stretch
box-shadow: 0 1px 2px rgba($black, 0.1)
2016-03-25 13:38:40 +00:00
display: flex
min-height: 40px
2016-03-25 13:38:40 +00:00
.card-header-title
align-items: flex-start
2016-03-25 13:38:40 +00:00
color: $text-strong
display: flex
2016-07-31 10:45:56 +00:00
flex-grow: 1
2016-03-25 13:38:40 +00:00
font-weight: bold
padding: 10px
2016-03-25 13:38:40 +00:00
.card-header-icon
align-items: center
2016-03-25 13:38:40 +00:00
cursor: pointer
display: flex
justify-content: center
width: 40px
2016-03-25 13:38:40 +00:00
2016-01-24 00:03:43 +00:00
.card-image
display: block
position: relative
.card-content
padding: 20px
.title + .subtitle
margin-top: -20px
.card-footer
border-top: 1px solid $border
align-items: stretch
display: flex
.card-footer-item
2016-03-25 13:38:40 +00:00
align-items: center
display: flex
2016-07-31 10:45:56 +00:00
flex-grow: 1
2016-03-25 13:38:40 +00:00
justify-content: center
2016-01-24 00:03:43 +00:00
padding: 10px
&:not(:last-child)
border-right: 1px solid $border
.card
2016-06-29 22:59:48 +00:00
background-color: $white
box-shadow: 0 2px 3px rgba($black, 0.1), 0 0 0 1px rgba($black, 0.1)
2016-04-10 15:56:27 +00:00
color: $text
max-width: 100%
position: relative
width: 300px
.media:not(:last-child)
margin-bottom: 10px
2016-04-10 15:27:27 +00:00
// Modifiers
&.is-fullwidth
width: 100%
2016-04-10 15:27:27 +00:00
&.is-rounded
2016-06-29 22:25:27 +00:00
border-radius: $radius-large