diff options
| author | Mark Otto <[email protected]> | 2021-07-28 09:43:43 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2021-07-28 09:43:43 -0700 |
| commit | 6d998a4b8deb4964cee80bb17f2e4869fd125f9d (patch) | |
| tree | c6d82c984abf87b0347e7f74e99133feb773f9d3 /site/content/docs | |
| parent | 4bfd8a2cbcb10610b4078cefa45756b4a96301a0 (diff) | |
| download | bootstrap-logical-props-spacing-utils.tar.xz bootstrap-logical-props-spacing-utils.zip | |
Use logical property values for mx, my, px, and py utilitieslogical-props-spacing-utils
Diffstat (limited to 'site/content/docs')
| -rw-r--r-- | site/content/docs/5.0/utilities/spacing.md | 11 |
1 files changed, 7 insertions, 4 deletions
diff --git a/site/content/docs/5.0/utilities/spacing.md b/site/content/docs/5.0/utilities/spacing.md index 70fbe7694..2a01703cf 100644 --- a/site/content/docs/5.0/utilities/spacing.md +++ b/site/content/docs/5.0/utilities/spacing.md @@ -29,8 +29,8 @@ Where *sides* is one of: - `b` - for classes that set `margin-bottom` or `padding-bottom` - `s` - (start) for classes that set `margin-left` or `padding-left` in LTR, `margin-right` or `padding-right` in RTL - `e` - (end) for classes that set `margin-right` or `padding-right` in LTR, `margin-left` or `padding-left` in RTL -- `x` - for classes that set both `*-left` and `*-right` -- `y` - for classes that set both `*-top` and `*-bottom` +- `x` - for classes that set `*-inline`, the logical property equivalent of `*-left` and `*-right` +- `y` - for classes that set `*-block`, the logical property equivalent of `*-top` and `*-bottom` - blank - for classes that set a `margin` or `padding` on all 4 sides of the element Where *size* is one of: @@ -58,9 +58,12 @@ Here are some representative examples of these classes: margin-left: ($spacer * .25) !important; } +.my-2 { + margin-block: ($spacer * .5) !important; +} + .px-2 { - padding-left: ($spacer * .5) !important; - padding-right: ($spacer * .5) !important; + padding-inline: ($spacer * .5) !important; } .p-3 { |