mirror of
https://github.com/twbs/bootstrap.git
synced 2025-04-06 23:57:36 +02:00
Add option to disable carets on dropdowns through $enable-caret
This commit is contained in:
parent
7de266d4dd
commit
e6042e6f44
@ -6,21 +6,7 @@
|
|||||||
|
|
||||||
.dropdown-toggle {
|
.dropdown-toggle {
|
||||||
// Generate the caret automatically
|
// Generate the caret automatically
|
||||||
&::after {
|
@include caret;
|
||||||
display: inline-block;
|
|
||||||
width: 0;
|
|
||||||
height: 0;
|
|
||||||
margin-left: $caret-width * .85;
|
|
||||||
vertical-align: $caret-width * .85;
|
|
||||||
content: "";
|
|
||||||
border-top: $caret-width solid;
|
|
||||||
border-right: $caret-width solid transparent;
|
|
||||||
border-left: $caret-width solid transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:empty::after {
|
|
||||||
margin-left: 0;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// Allow for dropdowns to go bottom up (aka, dropup-menu)
|
// Allow for dropdowns to go bottom up (aka, dropup-menu)
|
||||||
@ -32,10 +18,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.dropdown-toggle {
|
.dropdown-toggle {
|
||||||
&::after {
|
@include caret(up);
|
||||||
border-top: 0;
|
|
||||||
border-bottom: $caret-width solid;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -19,6 +19,7 @@
|
|||||||
// // Components
|
// // Components
|
||||||
@import "mixins/alert";
|
@import "mixins/alert";
|
||||||
@import "mixins/buttons";
|
@import "mixins/buttons";
|
||||||
|
@import "mixins/caret";
|
||||||
@import "mixins/pagination";
|
@import "mixins/pagination";
|
||||||
@import "mixins/lists";
|
@import "mixins/lists";
|
||||||
@import "mixins/list-group";
|
@import "mixins/list-group";
|
||||||
|
@ -122,6 +122,7 @@ $theme-color-interval: 8% !default;
|
|||||||
//
|
//
|
||||||
// Quickly modify global styling by enabling or disabling optional features.
|
// Quickly modify global styling by enabling or disabling optional features.
|
||||||
|
|
||||||
|
$enable-caret: true !default;
|
||||||
$enable-rounded: true !default;
|
$enable-rounded: true !default;
|
||||||
$enable-shadows: false !default;
|
$enable-shadows: false !default;
|
||||||
$enable-gradients: false !default;
|
$enable-gradients: false !default;
|
||||||
|
35
scss/mixins/_caret.scss
Normal file
35
scss/mixins/_caret.scss
Normal file
@ -0,0 +1,35 @@
|
|||||||
|
@mixin caret-down {
|
||||||
|
border-top: $caret-width solid;
|
||||||
|
border-right: $caret-width solid transparent;
|
||||||
|
border-bottom: 0;
|
||||||
|
border-left: $caret-width solid transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
@mixin caret-up {
|
||||||
|
border-top: 0;
|
||||||
|
border-right: $caret-width solid transparent;
|
||||||
|
border-bottom: $caret-width solid;
|
||||||
|
border-left: $caret-width solid transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
@mixin caret($direction: down) {
|
||||||
|
@if $enable-caret {
|
||||||
|
&::after {
|
||||||
|
display: inline-block;
|
||||||
|
width: 0;
|
||||||
|
height: 0;
|
||||||
|
margin-left: $caret-width * .85;
|
||||||
|
vertical-align: $caret-width * .85;
|
||||||
|
content: "";
|
||||||
|
@if $direction == down {
|
||||||
|
@include caret-down;
|
||||||
|
} @else if $direction == up {
|
||||||
|
@include caret-up;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&:empty::after {
|
||||||
|
margin-left: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
Loading…
x
Reference in New Issue
Block a user