Add 4 new @modular-spacing steps (#6 to #9) and modify 2 existing steps (#3 and #4) #503
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
READY FOR REVIEW
Summary
New spacers:
@modular-spacing 4 (change)
3XL: Base * 3.2
@modular-spacing 5 (change)
4XL: Base * 4
@modular-spacing 6 (new)
5XL: Base * 5
@modular-spacing 7 (new)
6XL: Base * 6
@modular-spacing 8 (new)
7XL: Base * 7
@modular-spacing 9 (new)
8XL: Base * 9
Needed By (Date)
Urgency
Steps to Test
@modular-spacing
mixin by passing in the newly added integer steps, e.g., inscss/components/_cards.scss
, apply@modular-spacing('padding', 9 8 7 6)
to.su-card__contents
, check the rendered padding value matches the ones in the screenshot above at all 3 breakpoint ranges.Affected Projects or Products
Associated Issues and/or People