Bläddra i källkod

Starting to play with new form styles

Matt 8 år sedan
förälder
incheckning
f68dc5ca23
3 ändrade filer med 7 tillägg och 4 borttagningar
  1. 3 0
      .gitignore
  2. 1 1
      public/sass/_variables.dark.scss
  3. 3 3
      public/sass/components/_gf-form.scss

+ 3 - 0
.gitignore

@@ -41,3 +41,6 @@ profile.cov
 /examples/*/dist
 /packaging/**/*.rpm
 /packaging/**/*.deb
+
+# Ignore OSX indexing
+.DS_Store

+ 1 - 1
public/sass/_variables.dark.scss

@@ -166,7 +166,7 @@ $input-bg:                       $black;
 $input-bg-disabled:              $dark-3;
 
 $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-border-focus:             $input-border-color !default;
 $input-box-shadow-focus:         rgba(102,175,233,.6) !default;

+ 3 - 3
public/sass/components/_gf-form.scss

@@ -51,14 +51,13 @@ $gf-form-margin: 0.25rem;
 
 .gf-form-label {
   padding: $input-padding-y $input-padding-x;
-  margin-right: $gf-form-margin;
   flex-shrink: 0;
   font-weight: $font-weight-semi-bold;
 
   background-color: $input-label-bg;
   display: block;
   font-size: $font-size-sm;
-  margin-right: $gf-form-margin;
+  margin-right: 0;
 
   border: $input-btn-border-width solid transparent;
   @include border-radius($label-border-radius-sm);
@@ -112,7 +111,8 @@ $gf-form-margin: 0.25rem;
   background-color: $input-bg;
   background-image: none;
   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 box-shadow($input-box-shadow);
   transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;