diff options
author | Gleb Mazovetskiy <glex.spb@gmail.com> | 2019-02-11 22:57:15 +0300 |
---|---|---|
committer | Gleb Mazovetskiy <glex.spb@gmail.com> | 2019-02-11 22:57:15 +0300 |
commit | c406232dcdbe1651a8228f9e6aefa5363664a94c (patch) | |
tree | d2388173ea497744c4bef639352dd150017fe112 /assets/stylesheets/bootstrap/_list-group.scss | |
parent | 2f5416832341821fb1786d0eedca408687ac640c (diff) |
rake update[v4.3.0]
Diffstat (limited to 'assets/stylesheets/bootstrap/_list-group.scss')
-rw-r--r-- | assets/stylesheets/bootstrap/_list-group.scss | 38 |
1 files changed, 33 insertions, 5 deletions
diff --git a/assets/stylesheets/bootstrap/_list-group.scss b/assets/stylesheets/bootstrap/_list-group.scss index 796cc46..3f80687 100644 --- a/assets/stylesheets/bootstrap/_list-group.scss +++ b/assets/stylesheets/bootstrap/_list-group.scss @@ -24,6 +24,7 @@ // Hover state @include hover-focus { + z-index: 1; // Place hover/focus items above their siblings for proper border styling color: $list-group-action-hover-color; text-decoration: none; background-color: $list-group-hover-bg; @@ -46,6 +47,7 @@ padding: $list-group-item-padding-y $list-group-item-padding-x; // Place the border on the list items and negative margin up for better styling margin-bottom: -$list-group-border-width; + color: $list-group-color; background-color: $list-group-bg; border: $list-group-border-width solid $list-group-border-color; @@ -58,11 +60,6 @@ @include border-bottom-radius($list-group-border-radius); } - @include hover-focus { - z-index: 1; // Place hover/active items above their siblings for proper border styling - text-decoration: none; - } - &.disabled, &:disabled { color: $list-group-disabled-color; @@ -80,6 +77,37 @@ } +// Horizontal +// +// Change the layout of list group items from vertical (default) to horizontal. + +@each $breakpoint in map-keys($grid-breakpoints) { + @include media-breakpoint-up($breakpoint) { + $infix: breakpoint-infix($breakpoint, $grid-breakpoints); + + .list-group-horizontal#{$infix} { + flex-direction: row; + + .list-group-item { + margin-right: -$list-group-border-width; + margin-bottom: 0; + + &:first-child { + @include border-left-radius($list-group-border-radius); + @include border-top-right-radius(0); + } + + &:last-child { + margin-right: 0; + @include border-right-radius($list-group-border-radius); + @include border-bottom-left-radius(0); + } + } + } + } +} + + // Flush list items // // Remove borders and border-radius to keep list group items edge-to-edge. Most |