Implement suggested changes
This commit is contained in:
parent
33c99ede8d
commit
7bc9e79593
3 changed files with 51 additions and 0 deletions
|
@ -25,6 +25,7 @@ a {
|
|||
|
||||
@include media(desktop) {
|
||||
box-shadow: 0 0 30px rgba(#000, 0.2);
|
||||
max-width: $content-width-xxl;
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -246,6 +247,24 @@ body {
|
|||
/**
|
||||
* Blocks
|
||||
*/
|
||||
|
||||
// Constrain left-aligned blocks
|
||||
@media only screen and (min-width: 1280px) {
|
||||
.entry-content > .wp-block-button:not(.alignleft):not(.alignright),
|
||||
.entry-content > .alignleft {
|
||||
margin-left: calc( 0.5 * (100% - calc( 782px - 32px)));
|
||||
max-width: calc( 0.5 * calc( 782px - 32px));
|
||||
}
|
||||
}
|
||||
|
||||
// Constrain right-aligned blocks
|
||||
@media only screen and (min-width: 1280px) {
|
||||
.entry-content > .alignright {
|
||||
margin-right: calc( 0.5 * (100% - calc( 782px - 32px)));
|
||||
max-width: calc( 0.5 * calc( 782px - 32px));
|
||||
}
|
||||
}
|
||||
|
||||
// Cover & Hero block
|
||||
.wp-block-cover .wp-block-cover__inner-container,
|
||||
.wp-block-coblocks-hero .wp-block-coblocks-hero__box {
|
||||
|
|
|
@ -3987,6 +3987,7 @@ p:not(.site-title) a:hover {
|
|||
@media only screen and (min-width: 1024px) {
|
||||
#page {
|
||||
box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
|
||||
max-width: calc( 1280px - 32px);
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -4188,6 +4189,21 @@ p:not(.site-title) a:hover {
|
|||
/**
|
||||
* Blocks
|
||||
*/
|
||||
@media only screen and (min-width: 1280px) {
|
||||
.entry-content > .wp-block-button:not(.alignleft):not(.alignright),
|
||||
.entry-content > .alignleft {
|
||||
margin-right: calc( 0.5 * (100% - calc( 782px - 32px)));
|
||||
max-width: calc( 0.5 * calc( 782px - 32px));
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 1280px) {
|
||||
.entry-content > .alignright {
|
||||
margin-left: calc( 0.5 * (100% - calc( 782px - 32px)));
|
||||
max-width: calc( 0.5 * calc( 782px - 32px));
|
||||
}
|
||||
}
|
||||
|
||||
.wp-block-cover .wp-block-cover__inner-container > *,
|
||||
.wp-block-coblocks-hero .wp-block-coblocks-hero__box > * {
|
||||
margin-top: 21.312px;
|
||||
|
|
|
@ -4016,6 +4016,7 @@ p:not(.site-title) a:hover {
|
|||
@media only screen and (min-width: 1024px) {
|
||||
#page {
|
||||
box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
|
||||
max-width: calc( 1280px - 32px);
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -4217,6 +4218,21 @@ p:not(.site-title) a:hover {
|
|||
/**
|
||||
* Blocks
|
||||
*/
|
||||
@media only screen and (min-width: 1280px) {
|
||||
.entry-content > .wp-block-button:not(.alignleft):not(.alignright),
|
||||
.entry-content > .alignleft {
|
||||
margin-left: calc( 0.5 * (100% - calc( 782px - 32px)));
|
||||
max-width: calc( 0.5 * calc( 782px - 32px));
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 1280px) {
|
||||
.entry-content > .alignright {
|
||||
margin-right: calc( 0.5 * (100% - calc( 782px - 32px)));
|
||||
max-width: calc( 0.5 * calc( 782px - 32px));
|
||||
}
|
||||
}
|
||||
|
||||
.wp-block-cover .wp-block-cover__inner-container > *,
|
||||
.wp-block-coblocks-hero .wp-block-coblocks-hero__box > * {
|
||||
margin-top: 21.312px;
|
||||
|
|
Loading…
Reference in a new issue