primer/css
1
1
Fork 0
mirror of https://github.com/primer/css.git synced 2024-11-30 19:53:11 +03:00
Code Issues Projects Releases Wiki Activity

Merge pull request #695 from primer/fix-marketing-utilities

Browse Source 
Fix: restore missing marketing padding utilities
This commit is contained in:
Shawn Allen 2019-02-26 19:46:59 -08:00 committed by GitHub
commit 472b2c5cd4
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 12 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/marketing/utilities/padding.scss
View File

@ -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;