diff options
author | Jenil Gogari <jenil27@hotmail.com> | 2013-08-20 15:02:11 +0530 |
---|---|---|
committer | Jenil Gogari <jenil27@hotmail.com> | 2013-08-20 15:02:11 +0530 |
commit | 5e8a8043fcd8449ec074fcf90380b2d646c85e57 (patch) | |
tree | 29cc96dcda25343cb2893894d9185c7bc9496055 /flatly/variables.less | |
parent | a8b43f282e6105bc07ff2716dd77db0ada56f449 (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.less | 40 |
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; |