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

Varia: Add spacing override utility classes

Browse source
This commit is contained in:
Allan Cole 2019-07-31 14:03:31 -04:00
parent 3745594ca4
commit 6b79da4bc5
4 changed files with 93 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -0,0 +1,27 @@
/*
* Margins
*/
.margin-top-zero {
margin-top: 0 !important;
}
.margin-top-half {
margin-top: (0.5 * map-deep-get($config-global, "spacing", "unit")) !important;
}
.margin-top-default {
margin-top: map-deep-get($config-global, "spacing", "unit") !important;
}
.margin-bottom-zero {
margin-bottom: 0 !important;
}
.margin-bottom-half {
margin-bottom: (0.5 * map-deep-get($config-global, "spacing", "unit")) !important;
}
.margin-bottom-default {
margin-bottom: map-deep-get($config-global, "spacing", "unit") !important;
}

6
varia/sass/blocks/utilities/_style.scss
View file

@ -207,3 +207,9 @@
display: block;
}
}
/**
* Spacing Overrides
*/
@import "spacing-overrides";

30
varia/style-rtl.css
View file

@ -2054,6 +2054,36 @@ table th,
}
}
/**
* Spacing Overrides
*/
/*
* Margins
*/
.margin-top-zero {
margin-top: 0 !important;
}
.margin-top-half {
margin-top: 8px !important;
}
.margin-top-default {
margin-top: 16px !important;
}
.margin-bottom-zero {
margin-bottom: 0 !important;
}
.margin-bottom-half {
margin-bottom: 8px !important;
}
.margin-bottom-default {
margin-bottom: 16px !important;
}
/**
* Components
* - Similar to Blocks but exist outside of the "current" editor context

30
varia/style.css
View file

@ -2059,6 +2059,36 @@ table th,
}
}
/**
* Spacing Overrides
*/
/*
* Margins
*/
.margin-top-zero {
margin-top: 0 !important;
}
.margin-top-half {
margin-top: 8px !important;
}
.margin-top-default {
margin-top: 16px !important;
}
.margin-bottom-zero {
margin-bottom: 0 !important;
}
.margin-bottom-half {
margin-bottom: 8px !important;
}
.margin-bottom-default {
margin-bottom: 16px !important;
}
/**
* Components
* - Similar to Blocks but exist outside of the "current" editor context