Implement suggested changes

This commit is contained in:
Towhidul Islam 2020-06-25 10:14:52 +06:00
parent 33c99ede8d
commit 7bc9e79593
3 changed files with 51 additions and 0 deletions

View file

@ -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 {

View file

@ -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;

View file

@ -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;