Tweaks on Yeti, Paper, Lumen, Cosmo & Amelia

Author: esbanarango

vendor/assets/stylesheets/bootswatch/amelia/_variables.scss

@@ -540,7 +540,7 @@ $tooltip-arrow-color:         $tooltip-bg !default;
 //##
 
 //** Popover body background color
-$popover-bg:                          #fff !default;
+$popover-bg:                          lighten($body-bg, 5%) !default;
 //** Popover maximum width
 $popover-max-width:                   276px !default;
 //** Popover border color
@@ -554,7 +554,7 @@ $popover-title-bg:                    darken($popover-bg, 3%) !default;
 //** Popover arrow width
 $popover-arrow-width:                 10px !default;
 //** Popover arrow color
-$popover-arrow-color:                 #fff !default;
+$popover-arrow-color:                 lighten($body-bg, 5%) !default;
 
 //** Popover outer arrow width
 $popover-arrow-outer-width:           ($popover-arrow-width + 1) !default;

vendor/assets/stylesheets/bootswatch/cosmo/_bootswatch.scss

@@ -16,9 +16,6 @@
 
 // Buttons ====================================================================
 
-.btn-lg {
-  padding-top: 19px;
-}
 
 // Typography =================================================================
 

vendor/assets/stylesheets/bootswatch/lumen/_bootswatch.scss

@@ -17,7 +17,7 @@
 // Buttons ====================================================================
 
 .btn {
-  padding: 8px $padding-base-horizontal 7px;
+  padding: $padding-base-vertical+2 $padding-base-horizontal $padding-base-vertical;
   @include shadow();
   font-size: 12px;
   font-weight: bold;
@@ -37,18 +37,18 @@
 
 .btn-lg,
 .btn-group-lg > .btn {
-  padding: 14px $padding-large-horizontal 13px;
+  padding: $padding-large-vertical+2 $padding-large-horizontal $padding-large-vertical;
   line-height: 15px;
 }
 
 .btn-sm,
 .btn-group-sm > .btn {
-  padding: 4px $padding-small-horizontal;
+  padding: $padding-small-vertical+2 $padding-small-horizontal $padding-small-vertical;
 }
 
 .btn-xs,
 .btn-group-xs > .btn {
-  padding: $padding-xs-vertical $padding-xs-horizontal;
+  padding: $padding-xs-vertical+2 $padding-xs-horizontal $padding-xs-vertical;
 }
 
 .btn-default:hover,

vendor/assets/stylesheets/bootswatch/lumen/_variables.scss

@@ -83,13 +83,13 @@ $icon-font-svg-id:        "glyphicons_halflingsregular" !default;
 //
 //## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).
 
-$padding-base-vertical:     6px !default;
+$padding-base-vertical:     7px !default;
 $padding-base-horizontal:   12px !default;
 
-$padding-large-vertical:    10px !default;
+$padding-large-vertical:    13px !default;
 $padding-large-horizontal:  16px !default;
 
-$padding-small-vertical:    5px !default;
+$padding-small-vertical:    4px !default;
 $padding-small-horizontal:  10px !default;
 
 $padding-xs-vertical:       1px !default;

vendor/assets/stylesheets/bootswatch/paper/_bootswatch.scss

@@ -154,6 +154,7 @@ a {
 
 input[type=text],
 input[type=password],
+input[type=email],
 textarea,
 [type=text].form-control,
 [type=password].form-control,

vendor/assets/stylesheets/bootswatch/yeti/_bootswatch.scss

@@ -37,6 +37,16 @@
 
 }
 
+.navbar-form {
+  margin-top: 7px;
+  margin-bottom: 5px;
+
+  .form-control {
+    height: auto;
+    padding: $padding-xs-vertical $padding-xs-horizontal;
+  }
+}
+
 .navbar-collapse {
   border-top-color: $dropdown-divider-bg;
   @include box-shadow(none);
@@ -81,19 +91,19 @@
 // Buttons ====================================================================
 
 .btn {
-  padding: 14px 28px;
+  padding: $padding-base-vertical $padding-base-horizontal;
 }
 
 .btn-lg {
-  padding: 16px 32px;
+  padding: $padding-large-vertical $padding-large-horizontal;
 }
 
 .btn-sm {
-  padding: 8px 16px;
+  padding: $padding-small-vertical $padding-small-horizontal;
 }
 
 .btn-xs {
-  padding: 4px 8px;
+  padding: $padding-xs-vertical $padding-xs-horizontal;
 }
 
 .btn-group {
@@ -227,10 +237,6 @@ table {
 
 // Forms ======================================================================
 
-input {
-  padding: 7px;
-}
-
 label,
 .control-label,
 .help-block,
@@ -240,12 +246,6 @@ label,
   font-weight: normal;
 }
 
-.input-group-addon,
-.input-group-btn .btn {
-  padding: 8px 14px;
-  font-size: $font-size-small;
-}
-
 // Navs =======================================================================
 
 .nav {

vendor/assets/stylesheets/bootswatch/yeti/_variables.scss

@@ -83,17 +83,17 @@ $icon-font-svg-id:        "glyphicons_halflingsregular" !default;
 //
 //## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).
 
-$padding-base-vertical:     6px !default;
-$padding-base-horizontal:   12px !default;
+$padding-base-vertical:     14px !default;
+$padding-base-horizontal:   18px !default;
 
-$padding-large-vertical:    10px !default;
-$padding-large-horizontal:  16px !default;
+$padding-large-vertical:    16px !default;
+$padding-large-horizontal:  20px !default;
 
-$padding-small-vertical:    5px !default;
-$padding-small-horizontal:  10px !default;
+$padding-small-vertical:    8px !default;
+$padding-small-horizontal:  12px !default;
 
-$padding-xs-vertical:       1px !default;
-$padding-xs-horizontal:     5px !default;
+$padding-xs-vertical:       4px !default;
+$padding-xs-horizontal:     6px !default;
 
 $line-height-large:         1.33 !default;
 $line-height-small:         1.5 !default;