diff options
| author | ysds <[email protected]> | 2018-10-21 17:01:22 +0900 |
|---|---|---|
| committer | XhmikosR <[email protected]> | 2018-10-21 11:01:22 +0300 |
| commit | becb6ce346a69fccccb1828e289ae4e4d3af8535 (patch) | |
| tree | 71690ab7fa90b33626393e06c3e4cae5727ee7ce /scss | |
| parent | 6bae9ef7866e0bf037229bb369e07d6aeabd934c (diff) | |
| download | bootstrap-becb6ce346a69fccccb1828e289ae4e4d3af8535.tar.xz bootstrap-becb6ce346a69fccccb1828e289ae4e4d3af8535.zip | |
Add dropdown responsive alignment (#26255)
Diffstat (limited to 'scss')
| -rw-r--r-- | scss/_dropdown.scss | 23 |
1 files changed, 20 insertions, 3 deletions
diff --git a/scss/_dropdown.scss b/scss/_dropdown.scss index b6a4089d4..3ec5a34e4 100644 --- a/scss/_dropdown.scss +++ b/scss/_dropdown.scss @@ -33,9 +33,26 @@ @include box-shadow($dropdown-box-shadow); } -.dropdown-menu-right { - right: 0; - left: auto; +@each $breakpoint in map-keys($grid-breakpoints) { + @include media-breakpoint-up($breakpoint) { + $infix: breakpoint-infix($breakpoint, $grid-breakpoints); + + .dropdown-menu#{$infix}-right { + right: 0; + left: auto; + } + } +} + +@each $breakpoint in map-keys($grid-breakpoints) { + @include media-breakpoint-up($breakpoint) { + $infix: breakpoint-infix($breakpoint, $grid-breakpoints); + + .dropdown-menu#{$infix}-left { + right: auto; + left: 0; + } + } } // Allow for dropdowns to go bottom up (aka, dropup-menu) |