Leven: Add extra spacing utility classes

This commit is contained in:
Allan Cole 2019-08-06 19:40:59 -04:00
parent 341976c8a8
commit 21ee88e172
3 changed files with 259 additions and 4 deletions

View file

@ -735,6 +735,111 @@ table th,
font-weight: 700;
}
/**
* Spacing Overrides
*/
/*
* Margins
*/
.margin-top-none {
margin-top: 0 !important;
}
.margin-top-half {
margin-top: 16px !important;
}
.margin-top-default {
margin-top: 32px !important;
}
.margin-right-none {
margin-top: 0 !important;
}
.margin-right-half {
margin-top: 16px !important;
}
.margin-right-default {
margin-top: 32px !important;
}
.margin-bottom-none {
margin-bottom: 0 !important;
}
.margin-bottom-half {
margin-bottom: 16px !important;
}
.margin-bottom-default {
margin-bottom: 32px !important;
}
.margin-left-none {
margin-top: 0 !important;
}
.margin-left-half {
margin-top: 16px !important;
}
.margin-left-default {
margin-top: 32px !important;
}
/*
* Padding
*/
.padding-top-none {
padding-top: 0 !important;
}
.padding-top-half {
padding-top: 16px !important;
}
.padding-top-default {
padding-top: 32px !important;
}
.padding-right-none {
padding-top: 0 !important;
}
.padding-right-half {
padding-top: 16px !important;
}
.padding-right-default {
padding-top: 32px !important;
}
.padding-bottom-none {
padding-bottom: 0 !important;
}
.padding-bottom-half {
padding-bottom: 16px !important;
}
.padding-bottom-default {
padding-bottom: 32px !important;
}
.padding-left-none {
padding-top: 0 !important;
}
.padding-left-half {
padding-top: 16px !important;
}
.padding-left-default {
padding-top: 32px !important;
}
/**
* Extras
*/

View file

@ -2101,7 +2101,7 @@ table th,
/*
* Margins
*/
.margin-top-zero {
.margin-top-none {
margin-top: 0 !important;
}
@ -2113,7 +2113,19 @@ table th,
margin-top: 32px !important;
}
.margin-bottom-zero {
.margin-right-none {
margin-top: 0 !important;
}
.margin-right-half {
margin-top: 16px !important;
}
.margin-right-default {
margin-top: 32px !important;
}
.margin-bottom-none {
margin-bottom: 0 !important;
}
@ -2125,6 +2137,69 @@ table th,
margin-bottom: 32px !important;
}
.margin-left-none {
margin-top: 0 !important;
}
.margin-left-half {
margin-top: 16px !important;
}
.margin-left-default {
margin-top: 32px !important;
}
/*
* Padding
*/
.padding-top-none {
padding-top: 0 !important;
}
.padding-top-half {
padding-top: 16px !important;
}
.padding-top-default {
padding-top: 32px !important;
}
.padding-right-none {
padding-top: 0 !important;
}
.padding-right-half {
padding-top: 16px !important;
}
.padding-right-default {
padding-top: 32px !important;
}
.padding-bottom-none {
padding-bottom: 0 !important;
}
.padding-bottom-half {
padding-bottom: 16px !important;
}
.padding-bottom-default {
padding-bottom: 32px !important;
}
.padding-left-none {
padding-top: 0 !important;
}
.padding-left-half {
padding-top: 16px !important;
}
.padding-left-default {
padding-top: 32px !important;
}
/**
* Components
* - Similar to Blocks but exist outside of the "current" editor context

View file

@ -2106,7 +2106,7 @@ table th,
/*
* Margins
*/
.margin-top-zero {
.margin-top-none {
margin-top: 0 !important;
}
@ -2118,7 +2118,19 @@ table th,
margin-top: 32px !important;
}
.margin-bottom-zero {
.margin-right-none {
margin-top: 0 !important;
}
.margin-right-half {
margin-top: 16px !important;
}
.margin-right-default {
margin-top: 32px !important;
}
.margin-bottom-none {
margin-bottom: 0 !important;
}
@ -2130,6 +2142,69 @@ table th,
margin-bottom: 32px !important;
}
.margin-left-none {
margin-top: 0 !important;
}
.margin-left-half {
margin-top: 16px !important;
}
.margin-left-default {
margin-top: 32px !important;
}
/*
* Padding
*/
.padding-top-none {
padding-top: 0 !important;
}
.padding-top-half {
padding-top: 16px !important;
}
.padding-top-default {
padding-top: 32px !important;
}
.padding-right-none {
padding-top: 0 !important;
}
.padding-right-half {
padding-top: 16px !important;
}
.padding-right-default {
padding-top: 32px !important;
}
.padding-bottom-none {
padding-bottom: 0 !important;
}
.padding-bottom-half {
padding-bottom: 16px !important;
}
.padding-bottom-default {
padding-bottom: 32px !important;
}
.padding-left-none {
padding-top: 0 !important;
}
.padding-left-half {
padding-top: 16px !important;
}
.padding-left-default {
padding-top: 32px !important;
}
/**
* Components
* - Similar to Blocks but exist outside of the "current" editor context