Welcome to mirror list, hosted at ThFree Co, Russian Federation.

github.com/twbs/bootstrap-rubygem.git - Unnamed repository; edit this file 'description' to name the repository.
summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorGleb Mazovetskiy <glex.spb@gmail.com>2019-02-11 22:57:15 +0300
committerGleb Mazovetskiy <glex.spb@gmail.com>2019-02-11 22:57:15 +0300
commitc406232dcdbe1651a8228f9e6aefa5363664a94c (patch)
treed2388173ea497744c4bef639352dd150017fe112 /assets/stylesheets/bootstrap/_list-group.scss
parent2f5416832341821fb1786d0eedca408687ac640c (diff)
rake update[v4.3.0]
Diffstat (limited to 'assets/stylesheets/bootstrap/_list-group.scss')
-rw-r--r--assets/stylesheets/bootstrap/_list-group.scss38
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