Skip to content

Commit

Permalink
Adding CSS var
Browse files Browse the repository at this point in the history
  • Loading branch information
louismaximepiton committed May 11, 2022
1 parent c5800ec commit f529105
Show file tree
Hide file tree
Showing 2 changed files with 4 additions and 2 deletions.
5 changes: 3 additions & 2 deletions scss/_card.scss
Original file line number Diff line number Diff line change
Expand Up @@ -18,6 +18,7 @@
--#{$prefix}card-cap-color: #{$card-cap-color};
--#{$prefix}card-height: #{$card-height};
--#{$prefix}card-color: #{$card-color};
--#{$prefix}card-font-weight: #{$card-font-weight}; // Boosted mod
--#{$prefix}card-bg: #{$card-bg};
--#{$prefix}card-img-overlay-padding: #{$card-img-overlay-padding};
--#{$prefix}card-group-margin: #{$card-group-margin};
Expand Down Expand Up @@ -108,7 +109,7 @@
.card-header {
padding: var(--#{$prefix}card-cap-padding-y) var(--#{$prefix}card-cap-padding-x);
margin-bottom: 0; // Removes the default margin-bottom of <hN>
font-weight: $font-weight-bold; // Boosted mod
font-weight: var(--#{$prefix}card-font-weight); // Boosted mod
color: var(--#{$prefix}card-cap-color);
background-color: var(--#{$prefix}card-cap-bg);
border-bottom: var(--#{$prefix}card-border-width) solid var(--#{$prefix}card-cap-bg); // Boosted mod
Expand All @@ -121,7 +122,7 @@
.card-footer {
// Boosted mod
padding: 0 var(--#{$prefix}card-cap-padding-x) var(--#{$prefix}card-cap-padding-x);
font-weight: $font-weight-bold;
font-weight: var(--#{$prefix}card-font-weight);
color: var(--#{$prefix}card-footer-color);
background-color: var(--#{$prefix}card-cap-color);
// End mod
Expand Down
1 change: 1 addition & 0 deletions scss/_variables.scss
Original file line number Diff line number Diff line change
Expand Up @@ -1460,6 +1460,7 @@ $card-cap-bg: $black !default;
$card-cap-color: $white !default;
$card-height: null !default;
$card-color: null !default;
$card-font-weight: $font-weight-bold !default; // Boosted mod
$card-bg: $white !default;
$card-img-overlay-padding: $spacer !default;
$card-group-margin: $grid-gutter-width * .5 !default;
Expand Down

0 comments on commit f529105

Please sign in to comment.