diff options
author | Kevin Ross <kevin.ross@alienfast.com> | 2016-01-21 01:39:43 +0300 |
---|---|---|
committer | Kevin Ross <kevin.ross@alienfast.com> | 2016-01-21 01:39:43 +0300 |
commit | 70c26867976e5b4857b581a910623324b108ce64 (patch) | |
tree | c0c2846eb8dbc03f312bbaf002984a1f3373d462 /scss/_list-group.scss | |
parent | a38e8a640eda6c764a55ef5a4c304f91a8c7cdbb (diff) |
Resolves #18978 - flexbox list-group implementation. Requires the pull-right and pull-left flex change from PR #18976
Diffstat (limited to 'scss/_list-group.scss')
-rw-r--r-- | scss/_list-group.scss | 13 |
1 files changed, 12 insertions, 1 deletions
diff --git a/scss/_list-group.scss b/scss/_list-group.scss index 5115e56fa2..21a43eb770 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,14 @@ // 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: .75rem 1.25rem; // Place the border on the list items and negative margin up for better styling margin-bottom: -$list-group-border-width; |