mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-25 22:41:20 +02:00
Code Issues Releases Wiki Activity

Remove card columns in favor of masonry grid

Browse Source
This commit is contained in:
Martijn Cuppens
2019-06-30 16:59:58 +03:00
committed by XhmikosR
parent 3b73dfc44b
commit b4c4223409
8 changed files with 114 additions and 111 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
scss/_card.scss
View File

@@ -241,29 +241,6 @@
}
//
// Columns
//
.card-columns {
.card {
margin-bottom: $card-columns-margin;
}
@include media-breakpoint-up(sm) {
column-count: $card-columns-count;
column-gap: $card-columns-gap;
orphans: 1;
widows: 1;
.card {
display: inline-block; // Don't let them vertically span multiple columns
width: 100%; // Don't let their width change
}
}
}
//
// Accordion
//

4
scss/_variables.scss
View File

@@ -841,10 +841,6 @@ $card-img-overlay-padding: 1.25rem !default;
$card-group-margin: $grid-gutter-width / 2 !default;
$card-deck-margin: $card-group-margin !default;
$card-columns-count: 3 !default;
$card-columns-gap: 1.25rem !default;
$card-columns-margin: $card-spacer-y !default;
// Tooltips