summaryrefslogtreecommitdiff
path: root/flatly/variables.less
diff options
context:
space:
mode:
authorJenil Gogari <jenil27@hotmail.com>2013-08-20 15:02:11 +0530
committerJenil Gogari <jenil27@hotmail.com>2013-08-20 15:02:11 +0530
commit5e8a8043fcd8449ec074fcf90380b2d646c85e57 (patch)
tree29cc96dcda25343cb2893894d9185c7bc9496055 /flatly/variables.less
parenta8b43f282e6105bc07ff2716dd77db0ada56f449 (diff)
update Flatly for 3.0.0
Fixing the following styles in Flatly. * **Removing the blue `box-shadow` & add border to form elements and making them like original Flatly** * Fixing the background color of: * Well * Navbar Input and Toggle * Nav Tabs * List group * Panels * Breadcumbs * Pre * Remove the `box-shadow` of the `:active` button state. * Pagination & Pager hover link was fixed. * `box-shadow` from well was removed.
Diffstat (limited to 'flatly/variables.less')
-rw-r--r--flatly/variables.less40
1 files changed, 20 insertions, 20 deletions
diff --git a/flatly/variables.less b/flatly/variables.less
index ea120944..a272c533 100644
--- a/flatly/variables.less
+++ b/flatly/variables.less
@@ -95,10 +95,10 @@
@table-bg: transparent; // overall background-color
@table-bg-accent: #f9f9f9; // for striping
-@table-bg-hover: #f5f5f5;
+@table-bg-hover: @gray-lighter;
@table-bg-active: @table-bg-hover;
-@table-border-color: #ddd; // table and cell border
+@table-border-color: @gray-lighter; // table and cell border
// Buttons
@@ -140,11 +140,11 @@
@input-bg-disabled: @gray-lighter;
@input-color: @text-color;
-@input-border: #ccc;
+@input-border: #dce4ec;
@input-border-radius: @border-radius-base;
-@input-border-focus: #66afe9;
+@input-border-focus: #1abc9c;
-@input-color-placeholder: @gray-light;
+@input-color-placeholder: #acb6c0;
@input-height-base: (@line-height-computed + (@padding-base-vertical * 2) + 2);
@input-height-large: (ceil(@font-size-large * @line-height-base) + (@padding-large-vertical * 2) + 2);
@@ -260,9 +260,9 @@
@navbar-default-brand-hover-bg: transparent;
// Navbar toggle
-@navbar-default-toggle-hover-bg: #ddd;
+@navbar-default-toggle-hover-bg: @gray-lighter;
@navbar-default-toggle-icon-bar-bg: #ccc;
-@navbar-default-toggle-border-color: #ddd;
+@navbar-default-toggle-border-color: @gray-lighter;
// Inverted navbar
@@ -312,15 +312,15 @@
@nav-open-caret-border-color: #fff;
// Tabs
-@nav-tabs-border-color: #ddd;
+@nav-tabs-border-color: @gray-lighter;
@nav-tabs-link-hover-border-color: @gray-lighter;
@nav-tabs-active-link-hover-bg: @body-bg;
@nav-tabs-active-link-hover-color: @gray;
-@nav-tabs-active-link-hover-border-color: #ddd;
+@nav-tabs-active-link-hover-border-color: @gray-lighter;
-@nav-tabs-justified-link-border-color: #ddd;
+@nav-tabs-justified-link-border-color: @gray-lighter;
@nav-tabs-justified-active-link-border-color: @body-bg;
// Pills
@@ -474,10 +474,10 @@
// List group
// -------------------------
@list-group-bg: #fff;
-@list-group-border: #ddd;
+@list-group-border: @gray-lighter;
@list-group-border-radius: @border-radius-base;
-@list-group-hover-bg: #f5f5f5;
+@list-group-hover-bg: @gray-lighter;
@list-group-active-color: #fff;
@list-group-active-bg: @component-active-bg;
@list-group-active-border: @list-group-active-bg;
@@ -489,13 +489,13 @@
// Panels
// -------------------------
@panel-bg: #fff;
-@panel-inner-border: #ddd;
+@panel-inner-border: @gray-lighter;
@panel-border-radius: @border-radius-base;
-@panel-footer-bg: #f5f5f5;
+@panel-footer-bg: @gray-lighter;
@panel-default-text: @gray-dark;
-@panel-default-border: #ddd;
-@panel-default-heading-bg: #f5f5f5;
+@panel-default-border: @gray-lighter;
+@panel-default-heading-bg: @gray-lighter;
@panel-primary-text: #fff;
@panel-primary-border: @brand-primary;
@@ -522,7 +522,7 @@
// -------------------------
@thumbnail-padding: 4px;
@thumbnail-bg: @body-bg;
-@thumbnail-border: #ddd;
+@thumbnail-border: @gray-lighter;
@thumbnail-border-radius: @border-radius-base;
@thumbnail-caption-color: @text-color;
@@ -531,7 +531,7 @@
// Wells
// -------------------------
-@well-bg: #f5f5f5;
+@well-bg: @gray-lighter;
// Badges
@@ -550,7 +550,7 @@
// Breadcrumbs
// -------------------------
-@breadcrumb-bg: #f5f5f5;
+@breadcrumb-bg: @gray-lighter;
@breadcrumb-color: #ccc;
@breadcrumb-active-color: @gray;
@@ -583,7 +583,7 @@
@code-color: #c7254e;
@code-bg: #f9f2f4;
-@pre-bg: #f5f5f5;
+@pre-bg: @gray-lighter;
@pre-color: @gray-dark;
@pre-border-color: #ccc;
@pre-scrollable-max-height: 340px;