Skip to content
GitLab
Commit 67984853 authored by Chris Rebert's avatar Chris Rebert
Browse files

Introduce $card-deck-margin variable 

[skip sauce]
[skip validator]
parent 223e3505
Hide whitespace changes
Inline Side-by-side
Showing
with 10 additions and 7 deletions
+10 -7
scss/_card.scss
+ 8
- 7
View file @ 67984853
......@@ -180,22 +180,23 @@
.card-deck {
display: flex;
flex-flow: row wrap;
margin-right: -.625rem;
margin-left: -.625rem;
margin-right: -$card-deck-margin;
margin-left: -$card-deck-margin;
.card {
flex: 1 0 0;
margin-right: .625rem;
margin-left: .625rem;
margin-right: $card-deck-margin;
margin-left: $card-deck-margin;
}
}
}
} @else {
@include media-breakpoint-up(sm) {
$space-between-cards: (2 * $card-deck-margin);
.card-deck {
display: table;
table-layout: fixed;
border-spacing: 1.25rem 0;
border-spacing: $space-between-cards 0;
.card {
display: table-cell;
......@@ -204,8 +205,8 @@
}
}
.card-deck-wrapper {
margin-right: -1.25rem;
margin-left: -1.25rem;
margin-right: (-$space-between-cards);
margin-left: (-$space-between-cards);
}
}
}
......
scss/_variables.scss
+ 2
- 0
View file @ 67984853
......@@ -468,6 +468,8 @@ $card-bg: #fff !default;
$card-link-hover-color: #fff !default;
$card-deck-margin: .625rem !default;
// Tooltips
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment