diff --git a/src/marketing/utilities/padding.scss b/src/marketing/utilities/padding.scss index 6feca17b..9dc9e87b 100644 --- a/src/marketing/utilities/padding.scss +++ b/src/marketing/utilities/padding.scss @@ -6,9 +6,19 @@ @include breakpoint($breakpoint) { @each $scale, $size in $marketing-spacers { - .pt#{$variant}-#{$scale} { padding-top: #{$size} !important; } - .pb#{$variant}-#{$scale} { padding-bottom: #{$size} !important; } + /* Set a #{$size} padding for all sides */ + .p#{$variant}-#{$scale} { padding: #{$size} !important; } + /* Set a #{$size} padding to the top */ + .pt#{$variant}-#{$scale} { padding-top: #{$size} !important; } + /* Set a #{$size} padding to the right */ + .pr#{$variant}-#{$scale} { padding-right: #{$size} !important; } + /* Set a #{$size} padding to the bottom */ + .pb#{$variant}-#{$scale} { padding-bottom: #{$size} !important; } + /* Set a #{$size} padding to the left */ + .pl#{$variant}-#{$scale} { padding-left: #{$size} !important; } + + /* Set a #{$size} padding to the top & bottom */ .py#{$variant}-#{$scale} { padding-top: #{$size} !important; padding-bottom: #{$size} !important;