10h30/yeuchaybo-v6
1
0
Fork 0
mirror of https://github.com/10h30/yeuchaybo-v6.git synced 2026-07-11 10:46:19 +09:00
Code Issues Packages Projects Releases Wiki Activity

Fix Gutenberg CSS

Browse Source
This commit is contained in:
Thuan Bui
2018-10-16 14:16:01 +07:00
parent 3cbc86e1a6
commit 7d68313d09
3 changed files with 60 additions and 91 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/styles/_common.scss
+14 -6
View File
@@ -280,7 +280,7 @@ img.alignright,
img { img {
display: inline-block; display: inline-block;
margin: 1.618em auto; margin: 0 auto;
} }
} }
@@ -289,7 +289,7 @@ img.alignright,
left: 50%; left: 50%;
width: 100vw; width: 100vw;
max-width: none; max-width: none;
margin-left: -50vw; margin-left: -50vw!important;
.content-sidebar &, .content-sidebar &,
.sidebar-content & { .sidebar-content & {
@@ -304,9 +304,10 @@ img.alignright,
} }
.wp-block-image { .wp-block-image {
margin: 10px auto 40px;
figcaption { figcaption {
margin: 0 auto 2em; margin: 10px auto 10px;
} }
} }
@@ -340,7 +341,7 @@ img.alignright,
} }
} }
.wp-block-gallery { .wp-block-gallery:not(.alignfull) {
margin-left: 0!important; margin-left: 0!important;
.blocks-gallery-image { .blocks-gallery-image {
@@ -348,8 +349,15 @@ img.alignright,
} }
} }
.blocks-gallery-image, .blocks-gallery-item img {
.blocks-gallery-item { margin: unset;
}
.wp-block-embed {
margin-bottom: 40px;
}
.blocks-gallery-image {
display: block; display: block;
width: 100%; width: 100%;
margin: 0 0 6vw; margin: 0 0 6vw;
style.css
+45 -84
View File
@@ -1336,7 +1336,7 @@ img.alignright,
.alignwide img { .alignwide img {
display: inline-block; display: inline-block;
margin: 1.618em auto; margin: 0 auto;
} }
.alignfull { .alignfull {
@@ -1344,7 +1344,7 @@ img.alignright,
left: 50%; left: 50%;
width: 100vw; width: 100vw;
max-width: none; max-width: none;
margin-left: -50vw; margin-left: -50vw !important;
} }
.content-sidebar .alignfull, .content-sidebar .alignfull,
@@ -1358,8 +1358,12 @@ img.alignright,
margin: 1.618em auto; margin: 1.618em auto;
} }
.wp-block-image {
margin: 10px auto 40px;
}
.wp-block-image figcaption { .wp-block-image figcaption {
margin: 0 auto 2em; margin: 10px auto 10px;
} }
.wp-block-button { .wp-block-button {
@@ -1395,16 +1399,23 @@ img.alignright,
font-style: normal; font-style: normal;
} }
.wp-block-gallery { .wp-block-gallery:not(.alignfull) {
margin-left: 0 !important; margin-left: 0 !important;
} }
.wp-block-gallery .blocks-gallery-image { .wp-block-gallery:not(.alignfull) .blocks-gallery-image {
margin-right: 0; margin-right: 0;
} }
.blocks-gallery-image, .blocks-gallery-item img {
.blocks-gallery-item { margin: unset;
}
.wp-block-embed {
margin-bottom: 40px;
}
.blocks-gallery-image {
display: block; display: block;
width: 100%; width: 100%;
margin: 0 0 6vw; margin: 0 0 6vw;
@@ -4146,13 +4157,11 @@ ul.ycb-social-icons li a .svg-inline--fa {
.after-entry .enews input:first-of-type { .after-entry .enews input:first-of-type {
margin-left: 0; margin-left: 0;
} }
.blocks-gallery-image, .blocks-gallery-image {
.blocks-gallery-item {
width: 48.71795%; width: 48.71795%;
margin-bottom: 2.5641%; margin-bottom: 2.5641%;
} }
.blocks-gallery-image:nth-of-type(odd), .blocks-gallery-image:nth-of-type(odd) {
.blocks-gallery-item:nth-of-type(odd) {
clear: both; clear: both;
margin-left: 0; margin-left: 0;
} }
@@ -4389,129 +4398,81 @@ ul.ycb-social-icons li a .svg-inline--fa {
.author-box { .author-box {
padding: 6rem 0; padding: 6rem 0;
} }
.blocks-gallery-image, .blocks-gallery-image {
.blocks-gallery-item {
margin-bottom: 2.5641%; margin-bottom: 2.5641%;
margin-left: 2.5641%; margin-left: 2.5641%;
} }
.blocks-gallery-image:nth-of-type(odd), .blocks-gallery-image:nth-of-type(odd) {
.blocks-gallery-item:nth-of-type(odd) {
margin-left: 2.5641%; margin-left: 2.5641%;
} }
.wp-block-gallery.columns-2 .blocks-gallery-image, .wp-block-gallery.columns-2 .blocks-gallery-image {
.wp-block-gallery.columns-2
.blocks-gallery-item {
width: 48.71795%; width: 48.71795%;
margin-left: 2.5641%; margin-left: 2.5641%;
} }
.wp-block-gallery.columns-2 .blocks-gallery-image:nth-of-type(odd), .wp-block-gallery.columns-2 .blocks-gallery-image:nth-of-type(odd) {
.wp-block-gallery.columns-2
.blocks-gallery-item:nth-of-type(odd) {
margin-left: 0; margin-left: 0;
} }
.wp-block-gallery.columns-3 .blocks-gallery-image, .wp-block-gallery.columns-3 .blocks-gallery-image {
.wp-block-gallery.columns-3
.blocks-gallery-item {
width: 31.62393%; width: 31.62393%;
} }
.wp-block-gallery.columns-3 .blocks-gallery-image:nth-of-type(odd), .wp-block-gallery.columns-3 .blocks-gallery-image:nth-of-type(odd) {
.wp-block-gallery.columns-3
.blocks-gallery-item:nth-of-type(odd) {
margin-left: 2.5641%; margin-left: 2.5641%;
} }
.wp-block-gallery.columns-3 .blocks-gallery-image:nth-of-type(3n + 1), .wp-block-gallery.columns-3 .blocks-gallery-image:nth-of-type(3n + 1) {
.wp-block-gallery.columns-3
.blocks-gallery-item:nth-of-type(3n + 1) {
margin-left: 0; margin-left: 0;
} }
.wp-block-gallery.columns-4 .blocks-gallery-image, .wp-block-gallery.columns-4 .blocks-gallery-image {
.wp-block-gallery.columns-4
.blocks-gallery-item {
width: 23.07692%; width: 23.07692%;
} }
.wp-block-gallery.columns-4 .blocks-gallery-image:nth-of-type(3n + 1), .wp-block-gallery.columns-4 .blocks-gallery-image:nth-of-type(3n + 1) {
.wp-block-gallery.columns-4
.blocks-gallery-item:nth-of-type(3n + 1) {
margin-left: 2.5641%; margin-left: 2.5641%;
} }
.wp-block-gallery.columns-4 .blocks-gallery-image:nth-of-type(4n + 1), .wp-block-gallery.columns-4 .blocks-gallery-image:nth-of-type(4n + 1) {
.wp-block-gallery.columns-4
.blocks-gallery-item:nth-of-type(4n + 1) {
margin-left: 0; margin-left: 0;
} }
.wp-block-gallery.columns-5 .blocks-gallery-image, .wp-block-gallery.columns-5 .blocks-gallery-image {
.wp-block-gallery.columns-5
.blocks-gallery-item {
width: 17.94872%; width: 17.94872%;
} }
.wp-block-gallery.columns-5 .blocks-gallery-image:nth-of-type(4n + 1), .wp-block-gallery.columns-5 .blocks-gallery-image:nth-of-type(4n + 1) {
.wp-block-gallery.columns-5
.blocks-gallery-item:nth-of-type(4n + 1) {
margin-left: 2.5641%; margin-left: 2.5641%;
} }
.wp-block-gallery.columns-5 .blocks-gallery-image:nth-of-type(5n + 1), .wp-block-gallery.columns-5 .blocks-gallery-image:nth-of-type(5n + 1) {
.wp-block-gallery.columns-5
.blocks-gallery-item:nth-of-type(5n + 1) {
margin-left: 0; margin-left: 0;
} }
.wp-block-gallery.columns-6 .blocks-gallery-image, .wp-block-gallery.columns-6 .blocks-gallery-image {
.wp-block-gallery.columns-6
.blocks-gallery-item {
width: 14.52991%; width: 14.52991%;
} }
.wp-block-gallery.columns-6 .blocks-gallery-image:nth-of-type(5n + 1), .wp-block-gallery.columns-6 .blocks-gallery-image:nth-of-type(5n + 1) {
.wp-block-gallery.columns-6
.blocks-gallery-item:nth-of-type(5n + 1) {
margin-left: 2.5641%; margin-left: 2.5641%;
} }
.wp-block-gallery.columns-6 .blocks-gallery-image:nth-of-type(6n + 1), .wp-block-gallery.columns-6 .blocks-gallery-image:nth-of-type(6n + 1) {
.wp-block-gallery.columns-6
.blocks-gallery-item:nth-of-type(6n + 1) {
margin-left: 0; margin-left: 0;
} }
.wp-block-gallery.columns-7 .blocks-gallery-image, .wp-block-gallery.columns-7 .blocks-gallery-image {
.wp-block-gallery.columns-7
.blocks-gallery-item {
width: 12.08791%; width: 12.08791%;
} }
.wp-block-gallery.columns-7 .blocks-gallery-image:nth-of-type(6n + 1), .wp-block-gallery.columns-7 .blocks-gallery-image:nth-of-type(6n + 1) {
.wp-block-gallery.columns-7
.blocks-gallery-item:nth-of-type(6n + 1) {
margin-left: 2.5641%; margin-left: 2.5641%;
} }
.wp-block-gallery.columns-7 .blocks-gallery-image:nth-of-type(7n + 1), .wp-block-gallery.columns-7 .blocks-gallery-image:nth-of-type(7n + 1) {
.wp-block-gallery.columns-7
.blocks-gallery-item:nth-of-type(7n + 1) {
margin-left: 0; margin-left: 0;
} }
.wp-block-gallery.columns-8 .blocks-gallery-image, .wp-block-gallery.columns-8 .blocks-gallery-image {
.wp-block-gallery.columns-8
.blocks-gallery-item {
width: 10.25641%; width: 10.25641%;
} }
.wp-block-gallery.columns-8 .blocks-gallery-image:nth-of-type(7n + 1), .wp-block-gallery.columns-8 .blocks-gallery-image:nth-of-type(7n + 1) {
.wp-block-gallery.columns-8
.blocks-gallery-item:nth-of-type(7n + 1) {
margin-left: 2.5641%; margin-left: 2.5641%;
} }
.wp-block-gallery.columns-8 .blocks-gallery-image:nth-of-type(8n + 1), .wp-block-gallery.columns-8 .blocks-gallery-image:nth-of-type(8n + 1) {
.wp-block-gallery.columns-8
.blocks-gallery-item:nth-of-type(8n + 1) {
margin-left: 0; margin-left: 0;
} }
.wp-block-gallery.columns-9 .blocks-gallery-image, .wp-block-gallery.columns-9 .blocks-gallery-image {
.wp-block-gallery.columns-9
.blocks-gallery-item {
width: 8.83191%; width: 8.83191%;
} }
.wp-block-gallery.columns-9 .blocks-gallery-image:nth-of-type(8n + 1), .wp-block-gallery.columns-9 .blocks-gallery-image:nth-of-type(8n + 1) {
.wp-block-gallery.columns-9
.blocks-gallery-item:nth-of-type(8n + 1) {
margin-left: 2.5641%; margin-left: 2.5641%;
} }
.wp-block-gallery.columns-9 .blocks-gallery-image:nth-of-type(9n + 1), .wp-block-gallery.columns-9 .blocks-gallery-image:nth-of-type(9n + 1) {
.wp-block-gallery.columns-9
.blocks-gallery-item:nth-of-type(9n + 1) {
margin-left: 0; margin-left: 0;
} }
.hero-section { .hero-section {
style.css.map
+1 -1
View File
File diff suppressed because one or more lines are too long