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

Drop .card-{color} modifiers for .bg-{color}, .text-{color}, and .border-{color} utilities

Browse source
This commit is contained in:
Mark Otto 2017-06-30 14:45:41 -07:00 committed by Mark Otto
parent 45722e94ac
commit 180d78c013
3 changed files with 0 additions and 90 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

36
scss/_card.scss
View file

@ -100,42 +100,6 @@
margin-left: -($card-spacer-x / 2);
}
//
// Background variations
//
@each $color, $value in $theme-colors {
.card-#{$color} {
@include card-variant($value, $value);
}
}
@each $color, $value in $theme-colors {
.card-outline-#{$color} {
@include card-variant($value, $value);
}
}
//
// Inverse text within a card for use with dark backgrounds
//
.card-dark {
@include card-dark;
}
//
// Blockquote
//
.card-blockquote {
padding: 0;
margin-bottom: 0;
border-left: 0;
}
// Card image
.card-img-overlay {
position: absolute;

1
scss/_mixins.scss
View file

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

53
scss/mixins/_cards.scss
View file

@ -1,53 +0,0 @@
// Card variants
@mixin card-variant($background, $border) {
background-color: $background;
border-color: $border;
.card-header,
.card-footer {
background-color: transparent;
}
}
@mixin card-outline-variant($color) {
background-color: transparent;
border-color: $color;
.card-header,
.card-footer {
background-color: transparent;
border-color: $color;
}
}
//
// Inverse text within a card for use with dark backgrounds
//
@mixin card-dark {
color: rgba(255,255,255,.65);
.card-header,
.card-footer {
background-color: transparent;
border-color: rgba(255,255,255,.2);
}
.card-header,
.card-footer,
.card-title,
.card-blockquote {
color: #fff;
}
.card-link,
.card-text,
.card-subtitle,
.card-blockquote .blockquote-footer {
color: rgba(255,255,255,.65);
}
.card-link {
@include hover-focus {
color: $card-dark-link-hover-color;
}
}
}