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

Sophisticated Business: Fix column block responsive pattern

Browse source
This commit is contained in:
Takashi Irie 2019-05-23 00:07:39 +01:00
parent 8fe774da17
commit 3b088bca42
5 changed files with 10 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
sophisticated-business/sass/blocks/_blocks.scss
View file

@ -903,11 +903,7 @@
padding-right: $size__spacing-unit;
}
@include media(mobile) {
flex-wrap: nowrap;
}
@include media(tablet) {
@include media(tabletalt) {
.wp-block-column {
margin-left: #{0.5 * $size__spacing-unit};

6
sophisticated-business/sass/mixins/_utilities.scss
View file

@ -12,6 +12,12 @@
}
}
@if tabletalt == $res {
@media only screen and (min-width: $tablet_alt_width) {
@content;
}
}
@if desktop == $res {
@media only screen and (min-width: $desktop_width) {
@content;

1
sophisticated-business/sass/variables-site/_structure.scss
View file

@ -12,6 +12,7 @@ $size__site-desktop-content: calc(6 * (100vw / 12) - 28px);
$mobile_width: 600px;
$tablet_width: 768px;
$tablet_alt_width: 782px;
$desktop_width: 1168px;
$wide_width: 1379px;

8
sophisticated-business/style-rtl.css
View file

@ -4294,13 +4294,7 @@ body.page .main-navigation {
padding-left: 1rem;
}
@media only screen and (min-width: 600px) {
.entry .entry-content .wp-block-columns {
flex-wrap: nowrap;
}
}
@media only screen and (min-width: 768px) {
@media only screen and (min-width: 782px) {
.entry .entry-content .wp-block-columns .wp-block-column {
margin-right: 0.5rem;
margin-left: 0.5rem;

8
sophisticated-business/style.css
View file

@ -4306,13 +4306,7 @@ body.page .main-navigation {
padding-right: 1rem;
}
@media only screen and (min-width: 600px) {
.entry .entry-content .wp-block-columns {
flex-wrap: nowrap;
}
}
@media only screen and (min-width: 768px) {
@media only screen and (min-width: 782px) {
.entry .entry-content .wp-block-columns .wp-block-column {
margin-left: 0.5rem;
margin-right: 0.5rem;