rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-01-17 09:52:29 +01:00
Code Issues Actions Packages 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 {
background-color: $brand-primary;
border-color: $brand-primary;
@include card-variant($brand-primary);
}
.card-success {
background-color: $brand-success;
border-color: $brand-success;
@include card-variant($brand-success);
}
.card-info {
background-color: $brand-info;
border-color: $brand-info;
@include card-variant($brand-info);
}
.card-warning {
background-color: $brand-warning;
border-color: $brand-warning;
@include card-variant($brand-warning);
}
.card-danger {
background-color: $brand-danger;
border-color: $brand-danger;
@include card-variant($brand-danger);
}
//
// Inverse text within a card for use with dark backgrounds
//

1
scss/_mixins.scss
View File

@ -32,6 +32,7 @@
// // Components
@import "mixins/alert";
@import "mixins/buttons";
@import "mixins/cards";
@import "mixins/pagination";
@import "mixins/lists";
@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;
}