diff options
| author | Darin Dimitroff <d@thecrazyones.agency> | 2017-01-01 16:39:14 +0200 |
|---|---|---|
| committer | Darin Dimitroff <d@thecrazyones.agency> | 2017-01-01 16:39:14 +0200 |
| commit | bd9a50e9c824e89d8a91fd54c8bc838cdfa796f6 (patch) | |
| tree | 06254243ccfc713ab0801e748b16dade68ff73ca /src/css/imports/_spacing.css | |
| parent | dedfd8a8098db999f81a55a845e0e4d041f9d7a8 (diff) | |
Initial commit
Diffstat (limited to 'src/css/imports/_spacing.css')
| -rwxr-xr-x | src/css/imports/_spacing.css | 18 |
1 files changed, 16 insertions, 2 deletions
diff --git a/src/css/imports/_spacing.css b/src/css/imports/_spacing.css index 8057126..41d4118 100755 --- a/src/css/imports/_spacing.css +++ b/src/css/imports/_spacing.css @@ -46,7 +46,6 @@ */ - .pa0 { padding: var(--spacing-none); } .pa1 { padding: var(--spacing-extra-small); } .pa2 { padding: var(--spacing-small); } @@ -277,6 +276,10 @@ margin-right: var(--spacing-extra-extra-extra-large); } +.mhn1 { margin-left: -.25rem; margin-right: -.25rem; } +.mhn2 { margin-left: -.5rem; margin-right: -.5rem; } +.mhn3 { margin-left: -1rem; margin-right: -1rem; } + @media (--breakpoint-not-small) { .pa0-ns { padding: var(--spacing-none); } .pa1-ns { padding: var(--spacing-extra-small); } @@ -499,6 +502,10 @@ margin-right: var(--spacing-extra-extra-extra-large); } + .mhn1-ns { margin-left: -.25rem; margin-right: -.25rem; } + .mhn2-ns { margin-left: -.5rem; margin-right: -.5rem; } + .mhn3-ns { margin-left: -1rem; margin-right: -1rem; } + } @media (--breakpoint-medium) { @@ -724,6 +731,10 @@ margin-right: var(--spacing-extra-extra-extra-large); } + .mhn1-m { margin-left: -.25rem; margin-right: -.25rem; } + .mhn2-m { margin-left: -.5rem; margin-right: -.5rem; } + .mhn3-m { margin-left: -1rem; margin-right: -1rem; } + } @media (--breakpoint-large) { @@ -948,5 +959,8 @@ margin-left: var(--spacing-extra-extra-extra-large); margin-right: var(--spacing-extra-extra-extra-large); } -} + .mhn1-l { margin-left: -.25rem; margin-right: -.25rem; } + .mhn2-l { margin-left: -.5rem; margin-right: -.5rem; } + .mhn3-l { margin-left: -1rem; margin-right: -1rem; } +} |