mdbootstrap/mdb-ui-kit
1
1
Fork 0
mirror of https://github.com/mdbootstrap/mdb-ui-kit.git synced 2025-02-02 12:54:13 +03:00
Code Issues Packages Projects Releases Wiki Activity

material spec review on colors

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
scss/_forms.scss
View File

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

2
scss/_variables.scss
View File

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

10
scss/mixins/_forms.scss
View File

@ -36,7 +36,8 @@
.mdb-form-control-decorator { .mdb-form-control-decorator {
&::before, &::before,
&::after { &::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} "; @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 // 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); //@include label-size-variant($font-size, $vertical-padding, $line-height, $static-font-size, $static-line-height, $help-font-size);
.form-control { .form-control {

2
scss/variables/bootstrap/_forms.scss
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-bg-disabled: rgba($black, 0) !default; // $gray-lighter !default;
// //
//$input-color: $gray !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-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; $input-box-shadow: none !default; //inset 0 1px 1px rgba(0,0,0,.075) !default;
// //