diff options
| author | Kevin Ross <[email protected]> | 2016-01-20 16:39:43 -0600 |
|---|---|---|
| committer | Kevin Ross <[email protected]> | 2016-01-20 16:39:43 -0600 |
| commit | 70c26867976e5b4857b581a910623324b108ce64 (patch) | |
| tree | c0c2846eb8dbc03f312bbaf002984a1f3373d462 /scss | |
| parent | a38e8a640eda6c764a55ef5a4c304f91a8c7cdbb (diff) | |
| download | bootstrap-70c26867976e5b4857b581a910623324b108ce64.tar.xz bootstrap-70c26867976e5b4857b581a910623324b108ce64.zip | |
Resolves #18978 - flexbox list-group implementation. Requires the pull-right and pull-left flex change from PR #18976
Diffstat (limited to '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 5115e56fa..21a43eb77 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; |