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

Modern Business: Fix margins between columns block

Browse source
This commit is contained in:
Allan Cole 2019-05-10 18:06:44 -04:00
parent 34a9c54f7c
commit c1d309a1ad
4 changed files with 36 additions and 36 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
modern-business/sass/blocks/_blocks.scss
View file

@ -872,6 +872,20 @@
}
@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 {
@ -883,19 +897,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} );

1
modern-business/style-jetpack.css
View file

@ -77,7 +77,6 @@
/**
* Blocks
*/
/* Mailchimp Block - Temp Fix */
.wp-block-jetpack-mailchimp input[type="email"] {
width: 100%;

24
modern-business/style-rtl.css
View file

@ -4057,7 +4057,7 @@ body.page .main-navigation {
.entry .entry-content .wp-block-cover-image,
.entry .entry-content .wp-block-cover {
position: relative;
min-height: 510px;
min-height: 430px;
padding: 1rem;
}
@ -4075,7 +4075,7 @@ body.page .main-navigation {
.entry .entry-content .wp-block-cover .wp-block-cover-text {
color: #fff;
font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: 2.25em;
font-size: 1.6875em;
font-weight: 300;
line-height: 1.25;
padding: 0;
@ -4286,22 +4286,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);

20
modern-business/style.css
View file

@ -4298,22 +4298,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);