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

Varia: Add bottom margin to column cells for mobile

Browse source
This commit is contained in:
Takashi Irie 2019-08-05 17:33:44 +01:00
parent fb37133956
commit ef26c42f41
3 changed files with 59 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
varia/sass/blocks/columns/_style.scss
View file

@ -1,12 +1,7 @@
.wp-block-columns {
.wp-block-column {
/* Resetting margins to match _block-container.scss */
margin-bottom: 0;
& > * {
margin-top: #{ 0.666 * map-deep-get($config-global, "spacing", "vertical") };
margin-bottom: #{ 0.666 * map-deep-get($config-global, "spacing", "vertical") };
@ -23,6 +18,23 @@
margin-bottom: 0;
}
}
&:last-child {
margin-bottom: 0;
}
}
.wp-block-column:not(:last-child) {
margin-bottom: #{ 0.666 * map-deep-get($config-global, "spacing", "vertical") };
@include media(mobile) {
margin-bottom: map-deep-get($config-global, "spacing", "vertical");
}
@include media(laptop) {
/* Resetting margins to match _block-container.scss */
margin-bottom: 0;
}
}
/**

26
varia/style-rtl.css
View file

@ -1127,11 +1127,6 @@ input.has-focus[type="submit"],
*/
}
.wp-block-columns .wp-block-column {
/* Resetting margins to match _block-container.scss */
margin-bottom: 0;
}
.wp-block-columns .wp-block-column > * {
margin-top: 21.312px;
margin-bottom: 21.312px;
@ -1152,6 +1147,27 @@ input.has-focus[type="submit"],
margin-bottom: 0;
}
.wp-block-columns .wp-block-column:last-child {
margin-bottom: 0;
}
.wp-block-columns .wp-block-column:not(:last-child) {
margin-bottom: 21.312px;
}
@media only screen and (min-width: 560px) {
.wp-block-columns .wp-block-column:not(:last-child) {
margin-bottom: 32px;
}
}
@media only screen and (min-width: 782px) {
.wp-block-columns .wp-block-column:not(:last-child) {
/* Resetting margins to match _block-container.scss */
margin-bottom: 0;
}
}
.wp-block-columns.alignfull {
padding-right: 16px;
padding-left: 16px;

26
varia/style.css
View file

@ -1127,11 +1127,6 @@ input.has-focus[type="submit"],
*/
}
.wp-block-columns .wp-block-column {
/* Resetting margins to match _block-container.scss */
margin-bottom: 0;
}
.wp-block-columns .wp-block-column > * {
margin-top: 21.312px;
margin-bottom: 21.312px;
@ -1152,6 +1147,27 @@ input.has-focus[type="submit"],
margin-bottom: 0;
}
.wp-block-columns .wp-block-column:last-child {
margin-bottom: 0;
}
.wp-block-columns .wp-block-column:not(:last-child) {
margin-bottom: 21.312px;
}
@media only screen and (min-width: 560px) {
.wp-block-columns .wp-block-column:not(:last-child) {
margin-bottom: 32px;
}
}
@media only screen and (min-width: 782px) {
.wp-block-columns .wp-block-column:not(:last-child) {
/* Resetting margins to match _block-container.scss */
margin-bottom: 0;
}
}
.wp-block-columns.alignfull {
padding-left: 16px;
padding-right: 16px;