Skip to content

Add horizontal list group modifier - #27970

Merged
XhmikosR merged 4 commits into
v4-devfrom
alt-horizontal-list-group
Jan 7, 2019
Merged

Add horizontal list group modifier#27970
XhmikosR merged 4 commits into
v4-devfrom
alt-horizontal-list-group

Conversation

@mdo

@mdo mdo commented Jan 4, 2019

Copy link
Copy Markdown
Member

Alternate take to #27683 that builds the modifier class based on min-width, such that list groups are stacked until the class's breakpoint is reached. This is less verbose, matches our primary responsive approach, and prevents an extra class. Unfortunately, I believe supporting flush list groups is too much code here, so I've skipped that and made a note in the docs.

Also added examples generate from our breakpoints data file with a protip for how to do equal width items.

Closes #27683, fixes #27291.

/cc @sts-ryan-holton

Alternate take to #27683 that builds the modifier class based on min-width, such that list groups are stacked until the class's breakpoint is reached. This is less verbose, matches our primary responsive approach, and prevents an extra class. Unfortunately, I believe supporting flush list groups is too much code here, so I've skipped that and made a note in the docs.

Also added examples generate from our breakpoints data file with a protip for how to do equal width items.
@mdo
mdo requested a review from a team as a code owner January 4, 2019 04:09
@sts-ryan-holton

sts-ryan-holton commented Jan 6, 2019

Copy link
Copy Markdown
Contributor

@mdo Great news! This looks good. I think that horizontal list groups will certainly get some use, looking forward to this new change in 4.3 👍

P.S: the v5 label was added not v4?

Comment thread site/docs/4.2/assets/scss/_component-examples.scss Outdated
@MartijnCuppens
MartijnCuppens dismissed their stale review January 6, 2019 21:44

Selector was used in docs

@mdo mdo mentioned this pull request Jan 6, 2019
7 tasks
@XhmikosR XhmikosR added v4 and removed v5 labels Jan 7, 2019
@mdo mdo mentioned this pull request Jan 7, 2019
@XhmikosR
XhmikosR merged commit e6b1eef into v4-dev Jan 7, 2019
@XhmikosR
XhmikosR deleted the alt-horizontal-list-group branch January 7, 2019 01:01
MartijnCuppens pushed a commit that referenced this pull request Jan 12, 2019
Alternate take to #27683 that builds the modifier class based on min-width, such that list groups are stacked until the class's breakpoint is reached. This is less verbose, matches our primary responsive approach, and prevents an extra class. Unfortunately, I believe supporting flush list groups is too much code here, so I've skipped that and made a note in the docs.

Also added examples generate from our breakpoints data file with a protip for how to do equal width items.
Comment thread scss/_list-group.scss
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

5 participants