Commit 6034026e authored by Thomas Park's avatar Thomas Park
Browse files

style navbar toggles, fixes #139

parent 3dfd4601
......@@ -4740,16 +4740,16 @@ textarea.input-group-sm > .input-group-btn > .btn {
}
.navbar-default .navbar-toggle {
border-color: #dddddd;
border-color: #178acc;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
background-color: #dddddd;
background-color: #178acc;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #cccccc;
background-color: #ffffff;
}
.navbar-default .navbar-collapse,
......@@ -4857,12 +4857,12 @@ textarea.input-group-sm > .input-group-btn > .btn {
}
.navbar-inverse .navbar-toggle {
border-color: #333333;
border-color: #022241;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
background-color: #333333;
background-color: #022241;
}
.navbar-inverse .navbar-toggle .icon-bar {
......
This source diff could not be displayed because it is too large. You can view the blob instead.
......@@ -260,9 +260,9 @@
@navbar-default-brand-hover-bg: none;
// Navbar toggle
@navbar-default-toggle-hover-bg: #ddd;
@navbar-default-toggle-icon-bar-bg: #ccc;
@navbar-default-toggle-border-color: #ddd;
@navbar-default-toggle-hover-bg: darken(@navbar-default-bg, 10%);
@navbar-default-toggle-icon-bar-bg: #fff;
@navbar-default-toggle-border-color: darken(@navbar-default-bg, 10%);
// Inverted navbar
......@@ -294,9 +294,9 @@
@navbar-inverse-search-placeholder-color: #ccc;
// Inverted navbar toggle
@navbar-inverse-toggle-hover-bg: #333;
@navbar-inverse-toggle-hover-bg: darken(@navbar-inverse-bg, 10%);
@navbar-inverse-toggle-icon-bar-bg: #fff;
@navbar-inverse-toggle-border-color: #333;
@navbar-inverse-toggle-border-color: darken(@navbar-inverse-bg, 10%);
// Navs
......
......@@ -4742,16 +4742,16 @@ textarea.input-group-sm > .input-group-btn > .btn {
}
.navbar-default .navbar-toggle {
border-color: #dddddd;
border-color: transparent;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
background-color: #dddddd;
background-color: #090909;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #cccccc;
background-color: #ffffff;
}
.navbar-default .navbar-collapse,
......@@ -4859,12 +4859,12 @@ textarea.input-group-sm > .input-group-btn > .btn {
}
.navbar-inverse .navbar-toggle {
border-color: #333333;
border-color: transparent;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
background-color: #333333;
background-color: #0066cc;
}
.navbar-inverse .navbar-toggle .icon-bar {
......
This source diff could not be displayed because it is too large. You can view the blob instead.
......@@ -260,9 +260,9 @@
@navbar-default-brand-hover-bg: none;
// Navbar toggle
@navbar-default-toggle-hover-bg: #ddd;
@navbar-default-toggle-icon-bar-bg: #ccc;
@navbar-default-toggle-border-color: #ddd;
@navbar-default-toggle-hover-bg: @navbar-default-link-hover-bg;
@navbar-default-toggle-icon-bar-bg: #fff;
@navbar-default-toggle-border-color: transparent;
// Inverted navbar
......@@ -294,9 +294,9 @@
@navbar-inverse-search-placeholder-color: #ccc;
// Inverted navbar toggle
@navbar-inverse-toggle-hover-bg: #333;
@navbar-inverse-toggle-hover-bg: @navbar-inverse-link-hover-bg;
@navbar-inverse-toggle-icon-bar-bg: #fff;
@navbar-inverse-toggle-border-color: #333;
@navbar-inverse-toggle-border-color: transparent;
// Navs
......
......@@ -4742,7 +4742,7 @@ textarea.input-group-sm > .input-group-btn > .btn {
}
.navbar-default .navbar-toggle {
border-color: #555555;
border-color: #282828;
}
.navbar-default .navbar-toggle:hover,
......
This source diff could not be displayed because it is too large. You can view the blob instead.
......@@ -262,7 +262,7 @@
// Navbar toggle
@navbar-default-toggle-hover-bg: @gray-dark;
@navbar-default-toggle-icon-bar-bg: #ccc;
@navbar-default-toggle-border-color: @gray;
@navbar-default-toggle-border-color: @gray-dark;
// Inverted navbar
......
......@@ -4742,16 +4742,16 @@ textarea.input-group-sm > .input-group-btn > .btn {
}
.navbar-default .navbar-toggle {
border-color: #ecf0f1;
border-color: #1a242f;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
background-color: #ecf0f1;
background-color: #1a242f;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #cccccc;
background-color: #ffffff;
}
.navbar-default .navbar-collapse,
......@@ -4859,12 +4859,12 @@ textarea.input-group-sm > .input-group-btn > .btn {
}
.navbar-inverse .navbar-toggle {
border-color: #333333;
border-color: #128f76;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
background-color: #333333;
background-color: #128f76;
}
.navbar-inverse .navbar-toggle .icon-bar {
......
This source diff could not be displayed because it is too large. You can view the blob instead.
......@@ -260,9 +260,9 @@
@navbar-default-brand-hover-bg: transparent;
// Navbar toggle
@navbar-default-toggle-hover-bg: @gray-lighter;
@navbar-default-toggle-icon-bar-bg: #ccc;
@navbar-default-toggle-border-color: @gray-lighter;
@navbar-default-toggle-hover-bg: darken(@navbar-default-bg, 10%);
@navbar-default-toggle-icon-bar-bg: #fff;
@navbar-default-toggle-border-color: darken(@navbar-default-bg, 10%);
// Inverted navbar
......@@ -294,9 +294,9 @@
@navbar-inverse-search-placeholder-color: #ccc;
// Inverted navbar toggle
@navbar-inverse-toggle-hover-bg: #333;
@navbar-inverse-toggle-hover-bg: darken(@navbar-inverse-bg, 10%);
@navbar-inverse-toggle-icon-bar-bg: #fff;
@navbar-inverse-toggle-border-color: #333;
@navbar-inverse-toggle-border-color: darken(@navbar-inverse-bg, 10%);
// Navs
......
......@@ -4859,12 +4859,12 @@ textarea.input-group-sm > .input-group-btn > .btn {
}
.navbar-inverse .navbar-toggle {
border-color: #333333;
border-color: #e53c37;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
background-color: #333333;
background-color: #e53c37;
}
.navbar-inverse .navbar-toggle .icon-bar {
......
This source diff could not be displayed because it is too large. You can view the blob instead.
......@@ -294,9 +294,9 @@
@navbar-inverse-search-placeholder-color: #ccc;
// Inverted navbar toggle
@navbar-inverse-toggle-hover-bg: #333;
@navbar-inverse-toggle-hover-bg: darken(@navbar-inverse-bg, 10%);
@navbar-inverse-toggle-icon-bar-bg: #fff;
@navbar-inverse-toggle-border-color: #333;
@navbar-inverse-toggle-border-color: darken(@navbar-inverse-bg, 10%);
// Navs
......
......@@ -4859,12 +4859,12 @@ textarea.input-group-sm > .input-group-btn > .btn {
}
.navbar-inverse .navbar-toggle {
border-color: #333333;
border-color: #a91b0c;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
background-color: #333333;
background-color: #a91b0c;
}
.navbar-inverse .navbar-toggle .icon-bar {
......
This source diff could not be displayed because it is too large. You can view the blob instead.
......@@ -294,9 +294,9 @@
@navbar-inverse-search-placeholder-color: #ccc;
// Inverted navbar toggle
@navbar-inverse-toggle-hover-bg: #333;
@navbar-inverse-toggle-hover-bg: darken(@navbar-inverse-bg, 10%);
@navbar-inverse-toggle-icon-bar-bg: #fff;
@navbar-inverse-toggle-border-color: #333;
@navbar-inverse-toggle-border-color: darken(@navbar-inverse-bg, 10%);
// Navs
......
......@@ -4740,16 +4740,16 @@ textarea.input-group-sm > .input-group-btn > .btn {
}
.navbar-default .navbar-toggle {
border-color: #dddddd;
border-color: #272b2e;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
background-color: #dddddd;
background-color: #272b2e;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #cccccc;
background-color: #c8c8c8;
}
.navbar-default .navbar-collapse,
......@@ -4857,12 +4857,12 @@ textarea.input-group-sm > .input-group-btn > .btn {
}
.navbar-inverse .navbar-toggle {
border-color: #333333;
border-color: #5d6368;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
background-color: #333333;
background-color: #5d6368;
}
.navbar-inverse .navbar-toggle .icon-bar {
......
This source diff could not be displayed because it is too large. You can view the blob instead.
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