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

Merge pull request #18356 from lesleh/card-mixin

Browse source 
Card mixin
This commit is contained in:
Mark Otto 2015-12-07 21:55:26 -08:00
commit e5b6922258
3 changed files with 12 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
scss/_card.scss
View file

@ -93,27 +93,21 @@
// //
.card-primary { .card-primary {
background-color: $brand-primary; @include card-variant($brand-primary);
border-color: $brand-primary;
} }
.card-success { .card-success {
background-color: $brand-success; @include card-variant($brand-success);
border-color: $brand-success;
} }
.card-info { .card-info {
background-color: $brand-info; @include card-variant($brand-info);
border-color: $brand-info;
} }
.card-warning { .card-warning {
background-color: $brand-warning; @include card-variant($brand-warning);
border-color: $brand-warning;
} }
.card-danger { .card-danger {
background-color: $brand-danger; @include card-variant($brand-danger);
border-color: $brand-danger;
} }
// //
// Inverse text within a card for use with dark backgrounds // Inverse text within a card for use with dark backgrounds
// //

1
scss/_mixins.scss
View file

@ -32,6 +32,7 @@
// // Components // // Components
@import "mixins/alert"; @import "mixins/alert";
@import "mixins/buttons"; @import "mixins/buttons";
@import "mixins/cards";
@import "mixins/pagination"; @import "mixins/pagination";
@import "mixins/lists"; @import "mixins/lists";
@import "mixins/list-group"; @import "mixins/list-group";

6
scss/mixins/_cards.scss Normal file
View file

@ -0,0 +1,6 @@
// Card variants
@mixin card-variant($color) {
background-color: $color;
border-color: $color;
}