diff options
Diffstat (limited to 'vendor/twbs/bootstrap/scss/_card.scss')
| -rw-r--r-- | vendor/twbs/bootstrap/scss/_card.scss | 111 |
1 files changed, 20 insertions, 91 deletions
diff --git a/vendor/twbs/bootstrap/scss/_card.scss b/vendor/twbs/bootstrap/scss/_card.scss index faaa75ef7..e3314219f 100644 --- a/vendor/twbs/bootstrap/scss/_card.scss +++ b/vendor/twbs/bootstrap/scss/_card.scss @@ -46,19 +46,16 @@ // Enable `flex-grow: 1` for decks and groups so that card blocks take up // as much space as possible, ensuring footers are aligned to the bottom. flex: 1 1 auto; - // Workaround for the image size bug in IE - // See: https://github.com/twbs/bootstrap/pull/28855 - min-height: 1px; - padding: $card-spacer-x; + padding: $card-spacer-y $card-spacer-x; color: $card-color; } .card-title { - margin-bottom: $card-spacer-y; + margin-bottom: $card-title-spacer-y; } .card-subtitle { - margin-top: -$card-spacer-y / 2; + margin-top: -$card-title-spacer-y / 2; margin-bottom: 0; } @@ -67,7 +64,7 @@ } .card-link { - @include hover() { + &:hover { text-decoration: none; } @@ -81,7 +78,7 @@ // .card-header { - padding: $card-spacer-y $card-spacer-x; + padding: $card-cap-padding-y $card-cap-padding-x; margin-bottom: 0; // Removes the default margin-bottom of <hN> color: $card-cap-color; background-color: $card-cap-bg; @@ -93,7 +90,7 @@ } .card-footer { - padding: $card-spacer-y $card-spacer-x; + padding: $card-cap-padding-y $card-cap-padding-x; color: $card-cap-color; background-color: $card-cap-bg; border-top: $card-border-width solid $card-border-color; @@ -109,15 +106,22 @@ // .card-header-tabs { - margin-right: -$card-spacer-x / 2; - margin-bottom: -$card-spacer-y; - margin-left: -$card-spacer-x / 2; + margin-right: -$card-cap-padding-x / 2; + margin-bottom: -$card-cap-padding-y; + margin-left: -$card-cap-padding-x / 2; border-bottom: 0; + + @if $nav-tabs-link-active-bg != $card-bg { + .nav-link.active { + background-color: $card-bg; + border-bottom-color: $card-bg; + } + } } .card-header-pills { - margin-right: -$card-spacer-x / 2; - margin-left: -$card-spacer-x / 2; + margin-right: -$card-cap-padding-x / 2; + margin-left: -$card-cap-padding-x / 2; } // Card image @@ -134,7 +138,6 @@ .card-img, .card-img-top, .card-img-bottom { - flex-shrink: 0; // For IE: https://github.com/twbs/bootstrap/issues/29396 width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch } @@ -149,30 +152,6 @@ } -// Card deck - -.card-deck { - .card { - margin-bottom: $card-deck-margin; - } - - @include media-breakpoint-up(sm) { - display: flex; - flex-flow: row wrap; - margin-right: -$card-deck-margin; - margin-left: -$card-deck-margin; - - .card { - // Flexbugs #4: https://github.com/philipwalton/flexbugs#flexbug-4 - flex: 1 0 0%; - margin-right: $card-deck-margin; - margin-bottom: 0; // Override the default - margin-left: $card-deck-margin; - } - } -} - - // // Card groups // @@ -202,7 +181,7 @@ // Handle rounded corners @if $enable-rounded { &:not(:last-child) { - @include border-right-radius(0); + @include border-end-radius(0); .card-img-top, .card-header { @@ -217,7 +196,7 @@ } &:not(:first-child) { - @include border-left-radius(0); + @include border-start-radius(0); .card-img-top, .card-header { @@ -234,53 +213,3 @@ } } } - - -// -// 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 -// - -.accordion { - overflow-anchor: none; - - > .card { - overflow: hidden; - - &:not(:last-of-type) { - border-bottom: 0; - @include border-bottom-radius(0); - } - - &:not(:first-of-type) { - @include border-top-radius(0); - } - - > .card-header { - @include border-radius(0); - margin-bottom: -$card-border-width; - } - } -} |