0ct0pu5/themes-wordpress
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Varia: Add additional spacing overide utility classes for padding all margins on all sides.

Browse source
This commit is contained in:
Allan Cole 2019-08-06 16:34:28 -04:00
parent 19acd943e7
commit f4b2481acf
4 changed files with 302 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

77
varia/sass/blocks/utilities/_spacing-overrides.scss
View file

@ -14,6 +14,18 @@
margin-top: map-deep-get($config-global, "spacing", "vertical") !important;
}
.margin-right-none {
margin-top: 0 !important;
}
.margin-right-half {
margin-top: (0.5 * map-deep-get($config-global, "spacing", "vertical")) !important;
}
.margin-right-default {
margin-top: map-deep-get($config-global, "spacing", "vertical") !important;
}
.margin-bottom-none {
margin-bottom: 0 !important;
}
@ -25,3 +37,68 @@
.margin-bottom-default {
margin-bottom: map-deep-get($config-global, "spacing", "vertical") !important;
}
.margin-left-none {
margin-top: 0 !important;
}
.margin-left-half {
margin-top: (0.5 * map-deep-get($config-global, "spacing", "vertical")) !important;
}
.margin-left-default {
margin-top: map-deep-get($config-global, "spacing", "vertical") !important;
}
/*
* Padding
*/
.padding-top-none {
padding-top: 0 !important;
}
.padding-top-half {
padding-top: (0.5 * map-deep-get($config-global, "spacing", "vertical")) !important;
}
.padding-top-default {
padding-top: map-deep-get($config-global, "spacing", "vertical") !important;
}
.padding-right-none {
padding-top: 0 !important;
}
.padding-right-half {
padding-top: (0.5 * map-deep-get($config-global, "spacing", "vertical")) !important;
}
.padding-right-default {
padding-top: map-deep-get($config-global, "spacing", "vertical") !important;
}
.padding-bottom-none {
padding-bottom: 0 !important;
}
.padding-bottom-half {
padding-bottom: (0.5 * map-deep-get($config-global, "spacing", "vertical")) !important;
}
.padding-bottom-default {
padding-bottom: map-deep-get($config-global, "spacing", "vertical") !important;
}
.padding-left-none {
padding-top: 0 !important;
}
.padding-left-half {
padding-top: (0.5 * map-deep-get($config-global, "spacing", "vertical")) !important;
}
.padding-left-default {
padding-top: map-deep-get($config-global, "spacing", "vertical") !important;
}

75
varia/style-editor.css
View file

@ -709,6 +709,18 @@ table th,
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;
}
@ -720,3 +732,66 @@ table th,
.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;
}

75
varia/style-rtl.css
View file

@ -2072,6 +2072,18 @@ table th,
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;
}
@ -2084,6 +2096,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

75
varia/style.css
View file

@ -2077,6 +2077,18 @@ table th,
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;
}
@ -2089,6 +2101,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