2018-08-27 17:01:08 +02:00
|
|
|
.card-deck
|
|
|
|
|
// Custom, as of bootstrap 4.1.3 there is no way to do this.
|
|
|
|
|
&.card-3-columns
|
|
|
|
|
.card
|
|
|
|
|
min-width: 30%
|
|
|
|
|
max-width: 30%
|
|
|
|
|
|
2018-09-10 19:02:27 +02:00
|
|
|
.card.asset
|
|
|
|
|
margin-left: 10px
|
|
|
|
|
margin-right: 10px
|
2018-08-27 17:01:08 +02:00
|
|
|
|
|
|
|
|
.card-padless
|
|
|
|
|
.card
|
|
|
|
|
border: none
|
|
|
|
|
|
|
|
|
|
.card-body
|
2018-08-28 15:52:50 +02:00
|
|
|
padding: 15px 0
|
2018-08-27 17:01:08 +02:00
|
|
|
|
|
|
|
|
.card-fade
|
|
|
|
|
img
|
|
|
|
|
opacity: .8
|
|
|
|
|
transition: opacity ease-in-out 150ms
|
|
|
|
|
|
|
|
|
|
&:hover
|
|
|
|
|
img
|
|
|
|
|
opacity: 1
|
2018-09-10 19:02:27 +02:00
|
|
|
|
|
|
|
|
|
|
|
|
|
.card.asset
|
|
|
|
|
color: $color-text
|
|
|
|
|
|
|
|
|
|
&.free
|
|
|
|
|
overflow: hidden
|
|
|
|
|
|
|
|
|
|
&:after
|
|
|
|
|
+ribbon
|
|
|
|
|
content: 'FREE'
|
|
|
|
|
padding: 2px 50px
|
|
|
|
|
|
|
|
|
|
.card-body
|
|
|
|
|
font-size: $font-size-xs
|
|
|
|
|
|
|
|
|
|
.card-img-top
|
|
|
|
|
background-size: cover
|
|
|
|
|
background-position: center
|
