diff options
| author | Mark Otto <[email protected]> | 2016-10-30 13:49:46 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2016-10-30 13:49:46 -0700 |
| commit | e11e6ec9133e8f7eb5c06829233fd12403947e55 (patch) | |
| tree | 4e795e055e6b95f1b1ccb469d2d86d2c7d9a481a | |
| parent | d86d580d261f47f022cdb6bd8fe0615d4487e3da (diff) | |
| parent | 4b3c9e4aaf859f3a24faf35efea6c6daf12eb725 (diff) | |
| download | bootstrap-e11e6ec9133e8f7eb5c06829233fd12403947e55.tar.xz bootstrap-e11e6ec9133e8f7eb5c06829233fd12403947e55.zip | |
Merge branch 'v4-flex-list-group' of https://github.com/rosskevin/bootstrap into rosskevin-v4-flex-list-group
| -rw-r--r-- | scss/_list-group.scss | 14 |
1 files changed, 13 insertions, 1 deletions
diff --git a/scss/_list-group.scss b/scss/_list-group.scss index f17fb9bb1..ce1eee129 100644 --- a/scss/_list-group.scss +++ b/scss/_list-group.scss @@ -3,6 +3,11 @@ // Easily usable on <ul>, <ol>, or <div>. .list-group { + @if $enable-flex { + display: flex; + flex-direction: column; + } + // No need to set list-style: none; since .list-group-item is block level padding-left: 0; // reset padding because ul and ol margin-bottom: 0; @@ -14,8 +19,15 @@ // Use on `li`s or `div`s within the `.list-group` parent. .list-group-item { + @if $enable-flex { + display: flex; + flex-flow: row wrap; + align-items: center; + } @else { + display: block; + } + position: relative; - display: block; 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; |