aboutsummaryrefslogtreecommitdiffstats
path: root/vendor/twbs/bootstrap/scss/_card.scss
diff options
context:
space:
mode:
authormjfriaza <mjfriaza@disroot.org>2022-05-17 13:44:06 +0200
committermjfriaza <mjfriaza@disroot.org>2022-05-17 13:44:06 +0200
commita75c61d71efebf43713026200aa0f513bd7eef09 (patch)
tree909048adeaa329813e2530d43626ed3bd711bc25 /vendor/twbs/bootstrap/scss/_card.scss
parent481ecee9e87342ca7a1217395085e95d1a3b61ea (diff)
parent0d0f73fb67bbfcc53058cefded85ac36f951c7a7 (diff)
downloadvolse-hubzilla-a75c61d71efebf43713026200aa0f513bd7eef09.tar.gz
volse-hubzilla-a75c61d71efebf43713026200aa0f513bd7eef09.tar.bz2
volse-hubzilla-a75c61d71efebf43713026200aa0f513bd7eef09.zip
Merge remote-tracking branch 'upstream/dev' into dev
Diffstat (limited to 'vendor/twbs/bootstrap/scss/_card.scss')
-rw-r--r--vendor/twbs/bootstrap/scss/_card.scss114
1 files changed, 22 insertions, 92 deletions
diff --git a/vendor/twbs/bootstrap/scss/_card.scss b/vendor/twbs/bootstrap/scss/_card.scss
index faaa75ef7..22890f5c9 100644
--- a/vendor/twbs/bootstrap/scss/_card.scss
+++ b/vendor/twbs/bootstrap/scss/_card.scss
@@ -13,6 +13,7 @@
background-clip: border-box;
border: $card-border-width solid $card-border-color;
@include border-radius($card-border-radius);
+ @include box-shadow($card-box-shadow);
> hr {
margin-right: 0;
@@ -46,19 +47,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 * .5;
margin-bottom: 0;
}
@@ -67,8 +65,8 @@
}
.card-link {
- @include hover() {
- text-decoration: none;
+ &:hover {
+ text-decoration: if($link-hover-decoration == underline, none, null);
}
+ .card-link {
@@ -81,7 +79,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 +91,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 +107,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 * .5;
+ margin-bottom: -$card-cap-padding-y;
+ margin-left: -$card-cap-padding-x * .5;
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 * .5;
+ margin-left: -$card-cap-padding-x * .5;
}
// Card image
@@ -134,7 +139,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 +153,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 +182,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 +197,7 @@
}
&:not(:first-child) {
- @include border-left-radius(0);
+ @include border-start-radius(0);
.card-img-top,
.card-header {
@@ -234,53 +214,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;
- }
- }
-}