You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
{{ message }}
This repository was archived by the owner on Jul 18, 2024. It is now read-only.
Repository navigation
This repository was archived by the owner on Jul 18, 2024. It is now read-only.
Use display: unset instead of display: block for dealing with the --0 utility selectors. #35
There is a set of utility classnames that you can add to an element that just tells the element how many columns to span at a given breakpoint so you don't have to declare explicit grid positioning for the element (e.g. ibm-grid__col--lg--2).
This includes the ability to hide a column with --0 which uses display: block. To override this at higher breakpoints, the selectors use display: block but display: unset should achieve the same thing without offering an opinion about just which type of display the element should be add.
unset is not supported in IE and I don’t think it would have the affect you really want. How about modifier classes to tell the element which display property it is toggling between?
Activity
seejamescode commentedon Mar 19, 2018
unsetis not supported in IE and I don’t think it would have the affect you really want. How about modifier classes to tell the element whichdisplayproperty it is toggling between?seejamescode commentedon Mar 19, 2018
After talking more with you on Slack, it seems like the
--0rules should be contained in media queries withmax-widthincluded. Can you take this on?