Friendly Business: Fix margins between columns block.

This commit is contained in:
Allan Cole 2019-05-10 18:21:00 -04:00
parent fab16f14ee
commit bb55238ffc
4 changed files with 38 additions and 37 deletions

View file

@ -861,6 +861,21 @@
}
@include media(tablet) {
.wp-block-column {
margin-left: #{0.5 * $size__spacing-unit};
margin-right: #{0.5 * $size__spacing-unit};
&:first-child {
margin-left: 0;
}
&:last-child {
margin-right: 0;
}
}
.wp-block-column > * {
&:first-child {
@ -872,20 +887,6 @@
}
}
&[class*='has-'] > * {
margin-left: $size__spacing-unit;
margin-right: $size__spacing-unit;
&:first-child {
margin-left: 0;
}
&:last-child {
margin-right: 0;
}
}
&.alignfull {
padding-left: calc(2 * #{$size__spacing-unit});
padding-right: calc(2 * #{$size__spacing-unit});

View file

@ -77,12 +77,12 @@
/**
* Content Options
*/
/**
* Blocks
*/
/* Contact Form */
/**
* Contact Form
*/
.entry-content .contact-form label span {
color: #0d1b24;
}

View file

@ -4194,22 +4194,22 @@ body.page .main-navigation {
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-columns .wp-block-column {
margin-right: 0.5rem;
margin-left: 0.5rem;
}
.entry .entry-content .wp-block-columns .wp-block-column:first-child {
margin-right: 0;
}
.entry .entry-content .wp-block-columns .wp-block-column:last-child {
margin-left: 0;
}
.entry .entry-content .wp-block-columns .wp-block-column > *:first-child {
margin-top: 0;
}
.entry .entry-content .wp-block-columns .wp-block-column > *:last-child {
margin-bottom: 0;
}
.entry .entry-content .wp-block-columns[class*='has-'] > * {
margin-right: 1rem;
margin-left: 1rem;
}
.entry .entry-content .wp-block-columns[class*='has-'] > *:first-child {
margin-right: 0;
}
.entry .entry-content .wp-block-columns[class*='has-'] > *:last-child {
margin-left: 0;
}
.entry .entry-content .wp-block-columns.alignfull {
padding-right: calc(2 * 1rem);
padding-left: calc(2 * 1rem);

View file

@ -4206,22 +4206,22 @@ body.page .main-navigation {
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-columns .wp-block-column {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
.entry .entry-content .wp-block-columns .wp-block-column:first-child {
margin-left: 0;
}
.entry .entry-content .wp-block-columns .wp-block-column:last-child {
margin-right: 0;
}
.entry .entry-content .wp-block-columns .wp-block-column > *:first-child {
margin-top: 0;
}
.entry .entry-content .wp-block-columns .wp-block-column > *:last-child {
margin-bottom: 0;
}
.entry .entry-content .wp-block-columns[class*='has-'] > * {
margin-left: 1rem;
margin-right: 1rem;
}
.entry .entry-content .wp-block-columns[class*='has-'] > *:first-child {
margin-left: 0;
}
.entry .entry-content .wp-block-columns[class*='has-'] > *:last-child {
margin-right: 0;
}
.entry .entry-content .wp-block-columns.alignfull {
padding-left: calc(2 * 1rem);
padding-right: calc(2 * 1rem);