diff options
author | Gleb Mazovetskiy <glex.spb@gmail.com> | 2016-01-19 11:50:08 +0300 |
---|---|---|
committer | Gleb Mazovetskiy <glex.spb@gmail.com> | 2016-01-19 11:50:08 +0300 |
commit | 2642b162208bacefa24e6d52a576546392289f46 (patch) | |
tree | b65ee830976596974e99ba39239c39a1a4f644ab /assets/stylesheets/bootstrap/_card.scss | |
parent | b6f12ed698f3a57db519eb7e171b181100b0541a (diff) |
rake update[v4-dev]
Diffstat (limited to 'assets/stylesheets/bootstrap/_card.scss')
-rw-r--r-- | assets/stylesheets/bootstrap/_card.scss | 30 |
1 files changed, 17 insertions, 13 deletions
diff --git a/assets/stylesheets/bootstrap/_card.scss b/assets/stylesheets/bootstrap/_card.scss index ecd797e..3982f6e 100644 --- a/assets/stylesheets/bootstrap/_card.scss +++ b/assets/stylesheets/bootstrap/_card.scss @@ -12,6 +12,7 @@ } .card-block { + @include clearfix; padding: $card-spacer-x; } @@ -68,6 +69,7 @@ // .card-header { + @include clearfix; padding: $card-spacer-y $card-spacer-x; background-color: $card-cap-bg; border-bottom: $card-border-width solid $card-border-color; @@ -78,6 +80,7 @@ } .card-footer { + @include clearfix; padding: $card-spacer-y $card-spacer-x; background-color: $card-cap-bg; border-top: $card-border-width solid $card-border-color; @@ -109,22 +112,22 @@ } // Remove all backgrounds -.card-primary-outline { +.card-outline-primary { @include card-outline-variant($btn-primary-bg); } -.card-secondary-outline { +.card-outline-secondary { @include card-outline-variant($btn-secondary-border); } -.card-info-outline { +.card-outline-info { @include card-outline-variant($btn-info-bg); } -.card-success-outline { +.card-outline-success { @include card-outline-variant($btn-success-bg); } -.card-warning-outline { +.card-outline-warning { @include card-outline-variant($btn-warning-bg); } -.card-danger-outline { +.card-outline-danger { @include card-outline-variant($btn-danger-bg); } @@ -180,22 +183,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 +208,8 @@ } } .card-deck-wrapper { - margin-right: -1.25rem; - margin-left: -1.25rem; + margin-right: (-$space-between-cards); + margin-left: (-$space-between-cards); } } } |