Friendly Business: Fix margins between columns block.
This commit is contained in:
parent
fab16f14ee
commit
bb55238ffc
4 changed files with 38 additions and 37 deletions
|
@ -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});
|
||||
|
|
|
@ -77,12 +77,12 @@
|
|||
/**
|
||||
* Content Options
|
||||
*/
|
||||
|
||||
/**
|
||||
* Blocks
|
||||
*/
|
||||
|
||||
/* Contact Form */
|
||||
/**
|
||||
* Contact Form
|
||||
*/
|
||||
.entry-content .contact-form label span {
|
||||
color: #0d1b24;
|
||||
}
|
||||
|
|
|
@ -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);
|
||||
|
|
|
@ -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);
|
||||
|
|
Loading…
Reference in a new issue