material spec review on colors

This commit is contained in:
Kevin Ross 2015-12-14 08:59:54 -06:00
parent 68f5e99375
commit 4aa8c5bf69
4 changed files with 12 additions and 5 deletions

View File

@ -27,9 +27,8 @@
&::after {
position: absolute;
width: 0;
height: $input-btn-border-width;
height: $input-btn-border-width + 1;
content: "";
@include gradient-vertical($brand-primary, $input-border-color);
transition: 0.3s ease all;
// focused state - it transitions the width of each (before and after) to 50% creating the center out effect

View File

@ -2,7 +2,7 @@
// redefine ? TODO: do we need this mdb variant? This is used as $body-color
$gray-light: rgba($black, 0.26) !default;
$gray: rgba($black, .54) !default;
$gray: rgba($black, .68) !default; // rgba($black, .54)
$gray-dark: rgba($black, 0.87) !default;
// wondering if any of these could still be refactored out, but are definitely in use.

View File

@ -36,7 +36,8 @@
.mdb-form-control-decorator {
&::before,
&::after {
@include gradient-vertical($label-color-focus, $input-border-color);
//@include gradient-vertical($label-color-focus, $input-border-color);
background-color: $label-color-focus;
}
}
@ -68,6 +69,13 @@
@debug "font-size: #{$font-size} static-font-size: #{$static-font-size} help-font-size: #{$help-font-size} form-group-context: #{$form-group-context} ";
//Label height: 72dp
//Padding above label text: 16dp
//Padding between label and input text: 8dp
//Padding below input text (including divider): 16dp
//Padding below text divider: 8dp
// this may be inside or outside a form-group, may be .mdb-form-group.mdb-form-group-sm or .mdb-form-group.mdb-form-group-lg
//@include label-size-variant($font-size, $vertical-padding, $line-height, $static-font-size, $static-line-height, $help-font-size);
.form-control {

View File

@ -5,7 +5,7 @@ $input-bg: rgba($black, 0) !default; // #fff !default;
$input-bg-disabled: rgba($black, 0) !default; // $gray-lighter !default;
//
//$input-color: $gray !default;
$input-border-color: #d2d2d2 !default; // #ccc !default;
$input-border-color: $gray-light !default; // #ccc !default;
//$input-btn-border-width: $border-width !default; // For form controls and buttons
$input-box-shadow: none !default; //inset 0 1px 1px rgba(0,0,0,.075) !default;
//