Option to limit card-deck to a maximum N columns
Only 3 supported for now
This commit is contained in:
@@ -4,23 +4,37 @@
|
||||
@extend .row
|
||||
|
||||
.card
|
||||
@extend .col-md-3
|
||||
+media-xs
|
||||
@extend .col-md-4
|
||||
|
||||
+media-sm
|
||||
flex: 1 0 50%
|
||||
max-width: 50%
|
||||
|
||||
+media-sm
|
||||
+media-md
|
||||
flex: 1 0 33%
|
||||
max-width: 33%
|
||||
|
||||
+media-md
|
||||
+media-lg
|
||||
flex: 1 0 33%
|
||||
max-width: 33%
|
||||
|
||||
+media-xl
|
||||
flex: 1 0 25%
|
||||
max-width: 25%
|
||||
|
||||
+media-lg
|
||||
+media-xxl
|
||||
flex: 1 0 20%
|
||||
max-width: 20%
|
||||
|
||||
&.card-3-columns .card
|
||||
+media-xl
|
||||
flex: 1 0 33%
|
||||
max-width: 33%
|
||||
|
||||
+media-xxl
|
||||
flex: 1 0 33%
|
||||
max-width: 33%
|
||||
|
||||
&.card-deck-vertical
|
||||
@extend .flex-column
|
||||
flex-wrap: initial
|
||||
|
Reference in New Issue
Block a user