google
/
material-design-lite
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Remove hardcoded colors from card styles

master
Alexander Surma 2015-04-29 14:38:35 +01:00
parent 35fcc1a956
commit a43bf44999
2 changed files with 5 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/_variables.scss
View File

@ -220,11 +220,11 @@ $input-text-error-color: unquote("rgb(#{$palette-red-600})") !default;
/* ========== Card ========== */
$card-background-color: unquote("rgb(#{$color-white})") !default;
$heading-color: unquote("rgb(#{$color-white})") !default;
$heading-back-color: unquote("rgb(#{$color-white})") !default;
$heading-color: unquote("rgb(#{$color-primary-contrast})") !default;
$heading-back-color: unquote("rgb(#{$color-primary-contrast})") !default;
$heading-back-bgcolor: unquote("rgb(#{$color-primary-dark})") !default;
$action-link-color: unquote("rgb(#{$color-primary-dark})") !default;
$caption-color: unquote("rgb(#{$color-white})") !default;
$caption-color: unquote("rgb(#{$color-primary-contrast})") !default;
$caption-bgcolor: unquote("rgb(#{$color-primary-dark})") !default;
$image-placeholder-color: unquote("rgb(#{$color-accent})") !default;
$lower-text-color: unquote("rgb(#{$color-primary})") !default;

33
src/card/_card.scss
View File

@ -50,19 +50,14 @@
height : $card-heading-height;
justify-items : stretch;
line-height : normal;
// TODO: Does this need to be anything other than none?
outline : rgb(255, 255, 255) none 0;
padding : $card-vertical-padding $card-horizontal-padding;
perspective-origin: $card-heading-perspective-origin-x $card-heading-perspective-origin-y;
text-decoration : none solid rgb(255, 255, 255);
transform-origin : $card-heading-transform-origin-x $card-heading-transform-origin-y;
width : 100%;
}
.mdl-card__heading-text {
align-self : center;
// TODO: Does this need to be anything other than none?
border : 0 none rgb(255, 255, 255);
color : $heading-color;
display : flex;
font-size : inherit;
@ -70,46 +65,30 @@
height : $card-heading-height;
justify-self : stretch;
line-height : normal;
// TODO: Does this need to be anything other than none?
outline : rgb(255, 255, 255) none 0;
overflow : hidden;
// TODO: Does this need to be anything other than none?
text-decoration : none solid rgb(255, 255, 255);
transform-origin: $card-heading-text-transform-origin-x $card-heading-text-transform-origin-y;
width : 90%;
}
.mdl-card__caption {
background : $caption-bgcolor none repeat scroll 0 0 / auto padding-box border-box;
// TODO: Does this need to be anything other than none?
border : 0 none rgb(255, 255, 255);
color : $caption-color;
font-size : $card-caption-font-size;
height : $card-caption-height;
line-height : normal;
// TODO: Does this need to be anything other than none?
outline : rgb(255, 255, 255) none 0;
padding : $card-vertical-padding $card-horizontal-padding;
perspective-origin: $card-caption-perspective-origin-x $card-caption-perspective-origin-y;
// TODO: Does this need to be anything other than none?
text-decoration : none solid rgb(255, 255, 255);
width : 100%;
}
.mdl-card__lower {
// TODO: Does this need to be anything other than none?
border : 0 none rgb(68, 68, 68);
color : $lower-text-color;
font-size : $card-lower-font-size;
height : $card-lower-height;
line-height : $card-lower-line-height;
margin : $card-lower-vertical-margin 0;
// TODO: Does this need to be anything other than none?
outline : rgb(68, 68, 68) none 0;
overflow : hidden;
padding : 0 $card-horizontal-padding;
// TODO: Does this need to be anything other than none?
text-decoration: none solid rgb(68, 68, 68);
width : 90%;
}
@ -118,16 +97,10 @@
height : $card-bottom-height;
line-height: normal;
width : 100%;
border-top : 1px solid rgba(0,0,0,.16);
}
.mdl-card__bottom a {
// TODO: Does this need to be anything other than none?
border-bottom : 0 none rgb(48, 63, 159);
// TODO: Does this need to be anything other than none?
border-left : 0 none rgb(48, 63, 159);
// TODO: Does this need to be anything other than none?
border-right : 0 none rgb(48, 63, 159);
border-top : 1px solid rgb(235, 235, 235);
box-sizing : border-box;
color : $action-link-color;
cursor : pointer;
@ -136,12 +109,10 @@
font-weight : normal;
height : $card-bottom-anchor-height;
line-height : $card-bottom-anchor-line-height;
// TODO: Does this need to be anything other than none?
outline : rgb(48, 63, 159) none 0;
padding : 0 $card-horizontal-padding;
perspective-origin: $card-bottom-anchor-perspective-origin-x $card-bottom-anchor-perspective-origin-y;
text-decoration : none solid rgb(48, 63, 159);
text-transform : uppercase;
transform-origin : $card-bottom-anchor-transform-origin-x $card-bottom-anchor-transform-origin-y;
width : 100%;
text-decoration : none;
}