Commit f68dc5ca by Matt

Starting to play with new form styles

parent 547c61dc
...@@ -41,3 +41,6 @@ profile.cov ...@@ -41,3 +41,6 @@ profile.cov
/examples/*/dist /examples/*/dist
/packaging/**/*.rpm /packaging/**/*.rpm
/packaging/**/*.deb /packaging/**/*.deb
# Ignore OSX indexing
.DS_Store
...@@ -166,7 +166,7 @@ $input-bg: $black; ...@@ -166,7 +166,7 @@ $input-bg: $black;
$input-bg-disabled: $dark-3; $input-bg-disabled: $dark-3;
$input-color: $gray-4; $input-color: $gray-4;
$input-border-color: $dark-4; $input-border-color: $dark-3;
$input-box-shadow: inset 1px 0px 0.3rem 0px rgba(150, 150, 150, 0.10); $input-box-shadow: inset 1px 0px 0.3rem 0px rgba(150, 150, 150, 0.10);
$input-border-focus: $input-border-color !default; $input-border-focus: $input-border-color !default;
$input-box-shadow-focus: rgba(102,175,233,.6) !default; $input-box-shadow-focus: rgba(102,175,233,.6) !default;
......
...@@ -51,14 +51,13 @@ $gf-form-margin: 0.25rem; ...@@ -51,14 +51,13 @@ $gf-form-margin: 0.25rem;
.gf-form-label { .gf-form-label {
padding: $input-padding-y $input-padding-x; padding: $input-padding-y $input-padding-x;
margin-right: $gf-form-margin;
flex-shrink: 0; flex-shrink: 0;
font-weight: $font-weight-semi-bold; font-weight: $font-weight-semi-bold;
background-color: $input-label-bg; background-color: $input-label-bg;
display: block; display: block;
font-size: $font-size-sm; font-size: $font-size-sm;
margin-right: $gf-form-margin; margin-right: 0;
border: $input-btn-border-width solid transparent; border: $input-btn-border-width solid transparent;
@include border-radius($label-border-radius-sm); @include border-radius($label-border-radius-sm);
...@@ -112,7 +111,8 @@ $gf-form-margin: 0.25rem; ...@@ -112,7 +111,8 @@ $gf-form-margin: 0.25rem;
background-color: $input-bg; background-color: $input-bg;
background-image: none; background-image: none;
background-clip: padding-box; background-clip: padding-box;
border: $input-btn-border-width solid $input-border-color; border: 1px solid $input-border-color;
border-bottom: 0px;
@include border-radius($input-border-radius-sm); @include border-radius($input-border-radius-sm);
@include box-shadow($input-box-shadow); @include box-shadow($input-box-shadow);
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment