kotovalexarian-likes-github/twbs--bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2022-11-09 12:25:43 -05:00
Code Releases Activity

Rename $card-border-radius-inner to $card-inner-border-radius

Browse source
This commit is contained in:
Patrick Yeo 2017-06-01 15:51:31 -07:00 • committed by Mark Otto
parent 3a00b005c1
commit ec56bbe6bf
2 changed files with 6 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
scss/_card.scss
View file

@ -68,7 +68,7 @@
border-bottom: $card-border-width solid $card-border-color; border-bottom: $card-border-width solid $card-border-color;
&:first-child { &:first-child {
@include border-radius($card-border-radius-inner $card-border-radius-inner 0 0); @include border-radius($card-inner-border-radius $card-inner-border-radius 0 0);
} }
} }
@ -78,7 +78,7 @@
border-top: $card-border-width solid $card-border-color; border-top: $card-border-width solid $card-border-color;
&:last-child { &:last-child {
@include border-radius(0 0 $card-border-radius-inner $card-border-radius-inner); @include border-radius(0 0 $card-inner-border-radius $card-inner-border-radius);
} }
} }
@ -170,18 +170,18 @@
.card-img { .card-img {
width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch
@include border-radius($card-border-radius-inner); @include border-radius($card-inner-border-radius);
} }
// Card image caps // Card image caps
.card-img-top { .card-img-top {
width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch
@include border-top-radius($card-border-radius-inner); @include border-top-radius($card-inner-border-radius);
} }
.card-img-bottom { .card-img-bottom {
width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch
@include border-bottom-radius($card-border-radius-inner); @include border-bottom-radius($card-inner-border-radius);
} }

2
scss/_variables.scss
View file

@ -673,7 +673,7 @@ $card-spacer-x: 1.25rem !default;
$card-border-width: 1px !default; $card-border-width: 1px !default;
$card-border-radius: $border-radius !default; $card-border-radius: $border-radius !default;
$card-border-color: rgba($black,.125) !default; $card-border-color: rgba($black,.125) !default;
$card-border-radius-inner: calc(#{$card-border-radius} - #{$card-border-width}) !default; $card-inner-border-radius: calc(#{$card-border-radius} - #{$card-border-width}) !default;
$card-cap-bg: $gray-lightest !default; $card-cap-bg: $gray-lightest !default;
$card-bg: $white !default; $card-bg: $white !default;