mirror of
https://github.com/twbs/bootstrap.git
synced 2025-08-14 01:24:19 +02:00
removed all caret border color settings.
This commit is contained in:
@@ -2,37 +2,6 @@
|
|||||||
// Button groups
|
// Button groups
|
||||||
// --------------------------------------------------
|
// --------------------------------------------------
|
||||||
|
|
||||||
// Button carets
|
|
||||||
//
|
|
||||||
// Match the button text color to the arrow/caret for indicating dropdown-ness.
|
|
||||||
|
|
||||||
.caret {
|
|
||||||
.btn-default & {
|
|
||||||
border-top-color: @btn-default-color;
|
|
||||||
}
|
|
||||||
.btn-primary &,
|
|
||||||
.btn-success &,
|
|
||||||
.btn-warning &,
|
|
||||||
.btn-danger &,
|
|
||||||
.btn-info & {
|
|
||||||
border-top-color: #fff;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.dropup {
|
|
||||||
.btn-default .caret {
|
|
||||||
border-bottom-color: @btn-default-color;
|
|
||||||
}
|
|
||||||
.btn-primary,
|
|
||||||
.btn-success,
|
|
||||||
.btn-warning,
|
|
||||||
.btn-danger,
|
|
||||||
.btn-info {
|
|
||||||
.caret {
|
|
||||||
border-bottom-color: #fff;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Make the div behave like a button
|
// Make the div behave like a button
|
||||||
.btn-group,
|
.btn-group,
|
||||||
.btn-group-vertical {
|
.btn-group-vertical {
|
||||||
|
@@ -10,7 +10,7 @@
|
|||||||
height: 0;
|
height: 0;
|
||||||
margin-left: 2px;
|
margin-left: 2px;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
border-top: @caret-width-base solid @dropdown-caret-color;
|
border-top: @caret-width-base solid;
|
||||||
border-right: @caret-width-base solid transparent;
|
border-right: @caret-width-base solid transparent;
|
||||||
border-left: @caret-width-base solid transparent;
|
border-left: @caret-width-base solid transparent;
|
||||||
}
|
}
|
||||||
@@ -161,7 +161,7 @@
|
|||||||
// Reverse the caret
|
// Reverse the caret
|
||||||
.caret {
|
.caret {
|
||||||
border-top: 0;
|
border-top: 0;
|
||||||
border-bottom: @caret-width-base solid @dropdown-caret-color;
|
border-bottom: @caret-width-base solid;
|
||||||
content: "";
|
content: "";
|
||||||
}
|
}
|
||||||
// Different positioning for bottom up menu
|
// Different positioning for bottom up menu
|
||||||
|
@@ -403,9 +403,6 @@
|
|||||||
+ .panel-collapse .panel-body {
|
+ .panel-collapse .panel-body {
|
||||||
border-top-color: @border;
|
border-top-color: @border;
|
||||||
}
|
}
|
||||||
& > .dropdown .caret {
|
|
||||||
border-color: @heading-text-color transparent;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
& > .panel-footer {
|
& > .panel-footer {
|
||||||
+ .panel-collapse .panel-body {
|
+ .panel-collapse .panel-body {
|
||||||
|
@@ -414,15 +414,8 @@
|
|||||||
border-color: @navbar-default-border;
|
border-color: @navbar-default-border;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Dropdown menu items and carets
|
// Dropdown menu items
|
||||||
.navbar-nav {
|
.navbar-nav {
|
||||||
// Caret should match text color on hover
|
|
||||||
> .dropdown > a:hover .caret,
|
|
||||||
> .dropdown > a:focus .caret {
|
|
||||||
border-top-color: @navbar-default-link-hover-color;
|
|
||||||
border-bottom-color: @navbar-default-link-hover-color;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Remove background color from open dropdown
|
// Remove background color from open dropdown
|
||||||
> .open > a {
|
> .open > a {
|
||||||
&,
|
&,
|
||||||
@@ -430,17 +423,8 @@
|
|||||||
&:focus {
|
&:focus {
|
||||||
background-color: @navbar-default-link-active-bg;
|
background-color: @navbar-default-link-active-bg;
|
||||||
color: @navbar-default-link-active-color;
|
color: @navbar-default-link-active-color;
|
||||||
.caret {
|
|
||||||
border-top-color: @navbar-default-link-active-color;
|
|
||||||
border-bottom-color: @navbar-default-link-active-color;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
> .dropdown > a .caret {
|
|
||||||
border-top-color: @navbar-default-link-color;
|
|
||||||
border-bottom-color: @navbar-default-link-color;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
@media (max-width: @screen-xs-max) {
|
@media (max-width: @screen-xs-max) {
|
||||||
// Dropdowns get custom display when collapsed
|
// Dropdowns get custom display when collapsed
|
||||||
@@ -561,24 +545,6 @@
|
|||||||
color: @navbar-inverse-link-active-color;
|
color: @navbar-inverse-link-active-color;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
> .dropdown > a:hover .caret {
|
|
||||||
border-top-color: @navbar-inverse-link-hover-color;
|
|
||||||
border-bottom-color: @navbar-inverse-link-hover-color;
|
|
||||||
}
|
|
||||||
> .dropdown > a .caret {
|
|
||||||
border-top-color: @navbar-inverse-link-color;
|
|
||||||
border-bottom-color: @navbar-inverse-link-color;
|
|
||||||
}
|
|
||||||
> .open > a {
|
|
||||||
&,
|
|
||||||
&:hover,
|
|
||||||
&:focus {
|
|
||||||
.caret {
|
|
||||||
border-top-color: @navbar-inverse-link-active-color;
|
|
||||||
border-bottom-color: @navbar-inverse-link-active-color;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: @screen-xs-max) {
|
@media (max-width: @screen-xs-max) {
|
||||||
// Dropdowns get custom display
|
// Dropdowns get custom display
|
||||||
|
@@ -48,11 +48,6 @@
|
|||||||
&:focus {
|
&:focus {
|
||||||
background-color: @nav-link-hover-bg;
|
background-color: @nav-link-hover-bg;
|
||||||
border-color: @link-color;
|
border-color: @link-color;
|
||||||
|
|
||||||
.caret {
|
|
||||||
border-top-color: @link-hover-color;
|
|
||||||
border-bottom-color: @link-hover-color;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -138,11 +133,6 @@
|
|||||||
&:focus {
|
&:focus {
|
||||||
color: @nav-pills-active-link-hover-color;
|
color: @nav-pills-active-link-hover-color;
|
||||||
background-color: @nav-pills-active-link-hover-bg;
|
background-color: @nav-pills-active-link-hover-bg;
|
||||||
|
|
||||||
.caret {
|
|
||||||
border-top-color: @nav-pills-active-link-hover-color;
|
|
||||||
border-bottom-color: @nav-pills-active-link-hover-color;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -243,16 +233,6 @@
|
|||||||
// Dropdowns
|
// Dropdowns
|
||||||
// -------------------------
|
// -------------------------
|
||||||
|
|
||||||
// Make dropdown carets use link color in navs
|
|
||||||
.nav .caret {
|
|
||||||
border-top-color: @link-color;
|
|
||||||
border-bottom-color: @link-color;
|
|
||||||
}
|
|
||||||
.nav a:hover .caret {
|
|
||||||
border-top-color: @link-hover-color;
|
|
||||||
border-bottom-color: @link-hover-color;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Specific dropdowns
|
// Specific dropdowns
|
||||||
.nav-tabs .dropdown-menu {
|
.nav-tabs .dropdown-menu {
|
||||||
// make dropdown border overlap tab border
|
// make dropdown border overlap tab border
|
||||||
|
@@ -186,8 +186,6 @@
|
|||||||
|
|
||||||
@dropdown-header-color: @gray-light;
|
@dropdown-header-color: @gray-light;
|
||||||
|
|
||||||
@dropdown-caret-color: #000;
|
|
||||||
|
|
||||||
|
|
||||||
// COMPONENT VARIABLES
|
// COMPONENT VARIABLES
|
||||||
// --------------------------------------------------
|
// --------------------------------------------------
|
||||||
@@ -321,7 +319,6 @@
|
|||||||
@nav-disabled-link-hover-color: @gray-light;
|
@nav-disabled-link-hover-color: @gray-light;
|
||||||
|
|
||||||
@nav-open-link-hover-color: #fff;
|
@nav-open-link-hover-color: #fff;
|
||||||
@nav-open-caret-border-color: #fff;
|
|
||||||
|
|
||||||
// Tabs
|
// Tabs
|
||||||
@nav-tabs-border-color: #ddd;
|
@nav-tabs-border-color: #ddd;
|
||||||
|
Reference in New Issue
Block a user