From 1e47d5d4f58bd8c2ce6f4eb9e0cdccb4894d927c Mon Sep 17 00:00:00 2001 From: Premi Jimee Date: Tue, 23 Jun 2020 13:48:53 +0545 Subject: [PATCH 01/37] Add - Block Style CSS --- style-editor-block.css | 216 +++++++++++++++++++++++++++++++++++++++++ 1 file changed, 216 insertions(+) create mode 100644 style-editor-block.css diff --git a/style-editor-block.css b/style-editor-block.css new file mode 100644 index 0000000..18ccf09 --- /dev/null +++ b/style-editor-block.css @@ -0,0 +1,216 @@ +/* Basic Block Editor CSS */ +.editor-styles-wrapper { + font-family: "Open Sans", Helvetica, Arial, sans-serif; + font-size: 14px; + line-height: 1.3; + color: #424143; +} + +.editor-styles-wrapper > * { + font-family: "Open Sans", Helvetica, Arial, sans-serif; + color: #424143; +} + +.wp-block { + max-width: 1170px; +} + +.editor-styles-wrapper .wp-block[data-align="wide"] { + max-width: 1200px; +} + +.editor-styles-wrapper .wp-block.editor-post-title__block .editor-post-title__input { + font-weight: normal; + color: #222222; + font-family: 'Lato', sans-serif; + font-size: 22px; + padding-bottom: 0; + line-height: 36px; +} +/* heading */ + +.editor-styles-wrapper h1, +.editor-styles-wrapper h2, +.editor-styles-wrapper h3, +.editor-styles-wrapper h4, +.editor-styles-wrapper h5, +.editor-styles-wrapper h6 { + font-family: "Poppins", Helvetica, Arial, sans-serif; + color: #424143; +} + +.editor-styles-wrapper .wp-block h1 { + font-size: 48px; + font-weight: normal; +} + +.editor-styles-wrapper .wp-block h2 { + font-size: 32px; + font-weight: normal; +} + +.editor-styles-wrapper .wp-block h3 { + font-size: 26px; + font-weight: normal; +} + +.editor-styles-wrapper .wp-block h4 { + font-size: 20px; +} + +.editor-styles-wrapper .wp-block h5 { + font-size: 18px; + font-weight: normal; +} + +.editor-styles-wrapper .wp-block h6 { + font-size: 16px; + font-weight: bold; +} + +/* Text styles */ +.editor-styles-wrapper p { + line-height: 24px; +} + +.editor-styles-wrapper .text-left { + text-align: left; +} + +.editor-styles-wrapper .text-center { + text-align: center; +} + +.editor-styles-wrapper .text-right { + text-align: right; +} + +.editor-styles-wrapper .center-block { + display: block; + margin-left: auto; + margin-right: auto; +} + +.editor-styles-wrapper .pull-right { + float: right !important; +} + +.editor-styles-wrapper .pull-left { + float: left !important; +} + +.editor-styles-wrapper .hide { + display: none !important; +} + +.editor-styles-wrapper .show { + display: block !important; +} + +.editor-styles-wrapper .invisible { + visibility: hidden; +} + +.editor-styles-wrapper .text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.editor-styles-wrapper .hidden { + display: none !important; +} + +.editor-styles-wrapper .affix { + position: fixed; +} + +.editor-styles-wrapper .suffice-table-container { + display: table; + width: 100%; +} + +/*---------- Media ----------*/ +.editor-styles-wrapper .wp-caption { + margin-bottom: 1.5em; + max-width: 100%; +} + +.editor-styles-wrapper .wp-caption img[class*="wp-image-"] { + display: block; + margin-left: auto; + margin-right: auto; +} + +.editor-styles-wrapper .wp-caption .wp-caption-text { + margin: 0.8075em 0; +} + +.editor-styles-wrapper .wp-caption-text { + text-align: center; +} + +.editor-styles-wrapper .gallery { + margin-bottom: 1.5em; +} + +.editor-styles-wrapper .gallery-item { + display: inline-block; + text-align: center; + vertical-align: top; + width: 100%; +} + +.editor-styles-wrapper .wp-block .gallery-columns-2 .gallery-item { + max-width: 50%; +} + +.editor-styles-wrapper .wp-block .gallery-columns-3 .gallery-item { + max-width: 33.33%; +} + +.editor-styles-wrapper .wp-block .gallery-columns-4 .gallery-item { + max-width: 25%; +} + +.editor-styles-wrapper .wp-block .gallery-columns-5 .gallery-item { + max-width: 20%; +} + +.editor-styles-wrapper .wp-block .gallery-columns-6 .gallery-item { + max-width: 16.66%; +} + +.editor-styles-wrapper .wp-block .gallery-columns-7 .gallery-item { + max-width: 14.28%; +} + +.editor-styles-wrapper .wp-block .gallery-columns-8 .gallery-item { + max-width: 12.5%; +} + +.editor-styles-wrapper .wp-block .gallery-columns-9 .gallery-item { + max-width: 11.11%; +} + +.editor-styles-wrapper .gallery-caption { + display: block; +} + +.editor-styles-wrapper .page-content .wp-smiley, +.editor-styles-wrapper .entry-content .wp-smiley, +.editor-styles-wrapper .comment-content .wp-smiley { + border: none; + margin-bottom: 0; + margin-top: 0; + padding: 0; +} + +/* Make sure embeds and iframes fit their containers. */ +.editor-styles-wrapper embed, +.editor-styles-wrapper iframe, +.editor-styles-wrapper object { + max-width: 100%; +} From 7dfe56ec681a3dac5b7205e6fe9d634a45bb8d3b Mon Sep 17 00:00:00 2001 From: Premi Jimee Date: Tue, 23 Jun 2020 13:58:04 +0545 Subject: [PATCH 02/37] Update - Block Style CSS --- style-editor-block.css | 141 +++++++++++++++++++++++++++++++++++++++++ 1 file changed, 141 insertions(+) diff --git a/style-editor-block.css b/style-editor-block.css index 18ccf09..177ada1 100644 --- a/style-editor-block.css +++ b/style-editor-block.css @@ -27,6 +27,16 @@ padding-bottom: 0; line-height: 36px; } + +/* Block quote */ +.editor-styles-wrapper blockquote { + font-family: georgia, "Times New Roman", cursive; + font-size: 16px; + border-left: 3px solid #E5E4E6; + margin-left: 30px; + padding-left: 30px; +} + /* heading */ .editor-styles-wrapper h1, @@ -132,6 +142,137 @@ width: 100%; } +/*---------- Elements ----------*/ +.editor-styles-wrapper table, +.editor-styles-wrapper th, +.editor-styles-wrapper td { + border: 1px solid #D1D1D1; +} + +.editor-styles-wrapper table { + border-collapse: separate; + border-spacing: 0; + border-width: 1px 0 0 1px; + margin: 0 0 1.75em; + table-layout: fixed; + /* Prevents HTML tables from becoming too wide */ + width: 100%; +} + +.editor-styles-wrapper caption, +.editor-styles-wrapper th, +.editor-styles-wrapper td { + font-weight: normal; + text-align: left; +} + +.editor-styles-wrapper th { + border-width: 0 1px 1px 0; + font-weight: 700; +} + +.editor-styles-wrapper td { + border-width: 0 1px 1px 0; +} + +.editor-styles-wrapper th, +.editor-styles-wrapper td { + padding: 0.4375em; +} + +.editor-styles-wrapper .title { + margin: 30px 0; +} + +.editor-styles-wrapper .title .title-title { + font-weight: 500; + font-size: 26px; + color: #424143; + margin: 0 0 15px; +} + +.editor-styles-wrapper .title .sub-title { + margin: 0; + color: #67666A; +} + +.editor-styles-wrapper .title.title-left { + text-align: left; +} + +.editor-styles-wrapper .title.title-right { + text-align: right; +} + +.editor-styles-wrapper .title.title-center { + text-align: center; +} + +.editor-styles-wrapper .title.title-magazine { + position: relative; + margin: 45px 0 15px; +} + +.editor-styles-wrapper .title.title-magazine .title-title { + padding: 10px 20px; + background: #EF7278; + display: inline-block; + font-size: 16px; + color: #FFF; + font-weight: normal; + text-transform: none; + margin: 0; +} + +.editor-styles-wrapper .title.title-magazine .title-title::before { + content: ""; + position: absolute; + width: 100%; + height: 2px; + background: inherit; + left: 0; + bottom: 0; +} + +.editor-styles-wrapper .title.title-arrow-down .title-title { + padding: 10px 20px; + background: #1E1E1F; + font-size: 16px; + color: #FFF; + font-weight: normal; + text-transform: none; + margin: 0; + position: relative; +} + +.editor-styles-wrapper .title.title-arrow-down .title-title::before { + content: ""; + position: absolute; + width: 20px; + height: 20px; + background: inherit; + bottom: -10px; + left: 35px; + -ms-transform: rotate(45deg); + transform: rotate(45deg); +} + +.editor-styles-wrapper .title.title-arrow-down.title-center .title-title::before { + left: 0; + right: 0; + margin: 0 auto; +} + +.editor-styles-wrapper .title.title-arrow-down.title-right .title-title::before { + left: auto; + right: 20px; + margin: 0 auto; +} + +.editor-styles-wrapper .slider { + overflow: hidden; + z-index: -2; +} /*---------- Media ----------*/ .editor-styles-wrapper .wp-caption { margin-bottom: 1.5em; From 71dff911b7576ba17f0ba1ae8b81cb91f9171b59 Mon Sep 17 00:00:00 2001 From: Premi Jimee Date: Tue, 23 Jun 2020 14:01:20 +0545 Subject: [PATCH 03/37] Update - Enqueue google fonts and editor styles --- functions.php | 20 +++++++++++++++++++- 1 file changed, 19 insertions(+), 1 deletion(-) diff --git a/functions.php b/functions.php index 090de2f..a61759e 100644 --- a/functions.php +++ b/functions.php @@ -106,9 +106,14 @@ function suffice_setup() { */ add_editor_style( array( 'editor-style.css', suffice_fonts_url() ) ); - // Gutenberg layout support. + // Gutenberg wide layout support. add_theme_support( 'align-wide' ); + // Gutenberg block styles support. + add_theme_support( 'wp-block-styles' ); + + // Gutenberg responsive embeds support. + add_theme_support( 'responsive-embeds' ); } endif; add_action( 'after_setup_theme', 'suffice_setup' ); @@ -256,6 +261,7 @@ function suffice_scripts() { wp_enqueue_style( 'perfect-scrollbar', get_template_directory_uri() . '/assets/css/perfect-scrollbar' . $suffix . '.css', array(), '0.6.16' ); wp_enqueue_style( 'suffice-style', get_stylesheet_uri() ); + /* Scripts */ wp_enqueue_script( 'suffice-skip-link-focus-fix', get_template_directory_uri() . '/assets/js/skip-link-focus-fix.js', array(), '20151215', true ); wp_enqueue_script( 'swiper', get_template_directory_uri() . '/assets/js/swiper.jquery' . $suffix . '.js', array( 'jquery' ), '3.4.0', true ); @@ -289,6 +295,18 @@ function suffice_scripts() { add_action( 'wp_enqueue_scripts', 'suffice_scripts' ); +/** + * Enqueue Google fonts and editor styles. + */ + +function suffice_block_editor_styles() { + wp_enqueue_style( 'suffice-editor-googlefonts', '//fonts.googleapis.com/css2?family=Open+Sans' ); + wp_enqueue_style( 'suffice-block-editor-styles', get_template_directory_uri() . '/style-editor-block.css' ); +} + +add_action( 'enqueue_block_editor_assets', 'suffice_block_editor_styles', 1, 1 ); + + /** * Adds css style for customizer ui */ From d2ff582eb32f9f1b626ef1f955700452b39690cf Mon Sep 17 00:00:00 2001 From: Premi Jimee Date: Wed, 24 Jun 2020 23:10:19 +0545 Subject: [PATCH 04/37] Update - Responsive CSS for large screen --- assets/sass/responsive/_large.scss | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/assets/sass/responsive/_large.scss b/assets/sass/responsive/_large.scss index e78af0c..0cc8f7b 100644 --- a/assets/sass/responsive/_large.scss +++ b/assets/sass/responsive/_large.scss @@ -1,11 +1,17 @@ @media screen and ( max-width: 1200px ) { .full-width { - .alignwide { + #primary { + + .entry-content { + + > .alignwide { margin-left: -10px; margin-right: -10px; } } } + } +} @media screen and ( min-width: 992px ) { /* Make sticky header on desktop */ From 7e420dbcfc072e6dc6747f22f7e909ec70108bb9 Mon Sep 17 00:00:00 2001 From: Premi Jimee Date: Wed, 24 Jun 2020 23:10:54 +0545 Subject: [PATCH 05/37] Update - Responsive CSS for small screen --- assets/sass/responsive/_small.scss | 11 +++++++++-- 1 file changed, 9 insertions(+), 2 deletions(-) diff --git a/assets/sass/responsive/_small.scss b/assets/sass/responsive/_small.scss index 4181036..9172899 100644 --- a/assets/sass/responsive/_small.scss +++ b/assets/sass/responsive/_small.scss @@ -130,32 +130,39 @@ } .full-width { + #primary .entry-content > &.boxed { - .alignwide { + #primary { + + >.alignwide { margin-left: -20px; margin-right: -20px; } } } +} } @media screen and ( max-width: 600px ) { .full-width { + #primary .entry-content > .alignwide { margin-left: 0; margin-right: 0; } &.boxed { - .alignwide { + #primary { + >.alignwide { margin-left: 0; margin-right: 0; } } } + } } @media screen and ( max-width: 480px ) { From cc8eb36908a7f40a329b576a1c0791fcfb36b72d Mon Sep 17 00:00:00 2001 From: Premi Jimee Date: Wed, 24 Jun 2020 23:12:20 +0545 Subject: [PATCH 06/37] Update - Gutenberg alignwide CSS --- assets/sass/site/primary/_posts.scss | 17 +++++++++++------ 1 file changed, 11 insertions(+), 6 deletions(-) diff --git a/assets/sass/site/primary/_posts.scss b/assets/sass/site/primary/_posts.scss index 6eede3b..60cccdd 100644 --- a/assets/sass/site/primary/_posts.scss +++ b/assets/sass/site/primary/_posts.scss @@ -420,33 +420,38 @@ = Gutenberg AlignWide = ====================================*/ .full-width { - .alignfull { + #primary .entry-content > .alignfull { margin-left: calc(50% - 49.5vw); margin-right: calc(50% - 49.5vw); max-width: unset; - img { - max-width: unset; - } + &.wp-block-cover, + &.wp-block-cover-image + { + width: unset; + } } - .alignwide { + #primary .entry-content > .alignwide { margin-left: -60px; margin-right: -60px; max-width: unset; } &.boxed { + #primary { + #content { overflow: hidden; } - .alignwide { + >.alignwide { margin-left: -60px; margin-right: -60px; } } } +} /*===== End of Gutenberg AlignWide ======*/ From 1addce876780cbc94b59c97ca99ad2971f06f25c Mon Sep 17 00:00:00 2001 From: Premi Jimee Date: Wed, 24 Jun 2020 23:13:00 +0545 Subject: [PATCH 07/37] Update - Compile Sass into CSS --- style.css | 310 +++++++++++++++++++++++++++++++++--------------------- 1 file changed, 190 insertions(+), 120 deletions(-) diff --git a/style.css b/style.css index a0b65ee..c3901ca 100644 --- a/style.css +++ b/style.css @@ -98,6 +98,8 @@ figure { } hr { + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible; @@ -240,6 +242,8 @@ fieldset { } legend { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; box-sizing: border-box; color: inherit; display: table; @@ -259,6 +263,8 @@ textarea { [type="checkbox"], [type="radio"] { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; } @@ -316,7 +322,6 @@ template { } .container.container--flex { - display: -ms-flexbox; display: flex; } @@ -1306,8 +1311,7 @@ td { background: inherit; bottom: -10px; left: 35px; - -ms-transform: rotate(45deg); - transform: rotate(45deg); + transform: rotate(45deg); } .title.title-arrow-down.title-center .title-title::before { @@ -1476,18 +1480,15 @@ td { .slider.slider-hide-controls:hover .swiper-button-prev, .slider.slider-hide-controls:hover .swiper-button-next { opacity: 1; - -ms-transform: translate(0, 0); - transform: translate(0, 0); + transform: translate(0, 0); } .slider.slider-hide-controls .swiper-button-prev { - -ms-transform: translate(-30px, 0); - transform: translate(-30px, 0); + transform: translate(-30px, 0); } .slider.slider-hide-controls .swiper-button-next { - -ms-transform: translate(30px, 0); - transform: translate(30px, 0); + transform: translate(30px, 0); } .slider.slider-controls-flat .swiper-button-prev, @@ -1573,8 +1574,7 @@ td { position: absolute; width: 55px; height: 55px; - -ms-transform: scaleX(1.7) rotate(45deg); - transform: scaleX(1.7) rotate(45deg); + transform: scaleX(1.7) rotate(45deg); background: inherit; left: 23px; border-radius: 10px 24px; @@ -1619,14 +1619,12 @@ td { top: 9px; border-radius: 3px; text-align: center; - -ms-transform: rotate(45deg); - transform: rotate(45deg); + transform: rotate(45deg); transition: all 0.3s ease; } .icon-box-small .icon-box-icon .icon-box-inner-icon { - -ms-transform: rotate(-45deg); - transform: rotate(-45deg); + transform: rotate(-45deg); } .icon-box-small .icon-box-description { @@ -1733,8 +1731,7 @@ td { .portfolio-items .portfolio-item .portfolio-item-thumbnail .portfolio-item-description { visibility: hidden; opacity: 0; - -ms-transform: translateY(50%); - transform: translateY(50%); + transform: translateY(50%); position: absolute; bottom: 0; left: 0; @@ -1758,8 +1755,7 @@ td { .portfolio-items .portfolio-item .portfolio-item-thumbnail:hover .portfolio-item-description { visibility: visible; opacity: 1; - -ms-transform: translateY(0); - transform: translateY(0); + transform: translateY(0); } .portfolio-items.portfolio-with-text .portfolio-item .portfolio-item-thumbnail { @@ -1769,8 +1765,7 @@ td { .portfolio-items.portfolio-with-text .portfolio-item .portfolio-item-description { visibility: visible; opacity: 1; - -ms-transform: none; - transform: none; + transform: none; position: initial; } @@ -1891,8 +1886,7 @@ td { .team-member.team-bubble:hover .team-bubble-one, .team-member.team-bubble:hover .team-bubble-two { - -ms-transform: scale(1.1); - transform: scale(1.1); + transform: scale(1.1); } /*===== End of Team Member ======*/ @@ -1976,8 +1970,7 @@ td { right: 0; bottom: 0; font-size: 60px; - -ms-transform: rotate(180deg); - transform: rotate(180deg); + transform: rotate(180deg); } .testimonials-container.testimonials-bubble .testimonial-description .testimonial-author { @@ -2015,8 +2008,7 @@ td { background: #FFF; position: absolute; bottom: -5px; - -ms-transform: rotate(45deg); - transform: rotate(45deg); + transform: rotate(45deg); box-shadow: 1px 0 5px rgba(0, 0, 0, 0.05); left: 37px; } @@ -2103,8 +2095,7 @@ td { position: absolute; width: 55px; height: 55px; - -ms-transform: scaleX(1.7) rotate(45deg); - transform: scaleX(1.7) rotate(45deg); + transform: scaleX(1.7) rotate(45deg); background: inherit; left: 23px; border-radius: 10px 24px; @@ -2135,26 +2126,21 @@ td { } .cta-boxed-one .cta-bordered-inner { - display: -ms-flexbox; display: flex; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + flex-wrap: wrap; } .cta-boxed-one .cta-bordered-inner .cta-icon { - -ms-flex: 1; - flex: 1; + flex: 1; } .cta-boxed-one .cta-bordered-inner .cta-info { - -ms-flex: 6; - flex: 6; + flex: 6; padding: 0 30px; } .cta-boxed-one .cta-bordered-inner .cta-actions { - -ms-flex: 2; - flex: 2; + flex: 2; clear: both; } @@ -2262,8 +2248,7 @@ td { position: absolute; width: 76px; height: 76px; - -ms-transform: scaleX(1.7) rotate(45deg); - transform: scaleX(1.7) rotate(45deg); + transform: scaleX(1.7) rotate(45deg); background: inherit; left: 37px; border-radius: 10px 24px; @@ -2932,8 +2917,7 @@ td { right: 0; min-width: 320px; z-index: 9999; - -ms-transform: translateX(100%); - transform: translateX(100%); + transform: translateX(100%); transition: transform 0.35s; } @@ -3091,8 +3075,7 @@ td { } .mini-cart-sidebar.show-mini-cart { - -ms-transform: translateX(0); - transform: translateX(0); + transform: translateX(0); } /* Product Widget */ @@ -3446,42 +3429,51 @@ td { } #suffice-preloader.preloader-moon .circle:nth-of-type(0) { + -webkit-transform: rotate(0deg) scale(1.1); -ms-transform: rotate(0deg) scale(1.1); transform: rotate(0deg) scale(1.1); } #suffice-preloader.preloader-moon .circle:nth-of-type(0) .inner { + -webkit-animation: spin 1s infinite linear; animation: spin 1s infinite linear; } #suffice-preloader.preloader-moon .circle:nth-of-type(1) { + -webkit-transform: rotate(70deg) scale(1.1); -ms-transform: rotate(70deg) scale(1.1); transform: rotate(70deg) scale(1.1); } #suffice-preloader.preloader-moon .circle:nth-of-type(1) .inner { + -webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } #suffice-preloader.preloader-moon .circle:nth-of-type(2) { + -webkit-transform: rotate(140deg) scale(1.1); -ms-transform: rotate(140deg) scale(1.1); transform: rotate(140deg) scale(1.1); } #suffice-preloader.preloader-moon .circle:nth-of-type(2) .inner { + -webkit-animation: spin 3s infinite linear; animation: spin 3s infinite linear; } #suffice-preloader.preloader-moon .circle:nth-of-type(3) { + -webkit-transform: rotate(210deg) scale(1.1); -ms-transform: rotate(210deg) scale(1.1); transform: rotate(210deg) scale(1.1); } #suffice-preloader.preloader-moon .circle:nth-of-type(3) .inner { + -webkit-animation: spin 4s infinite linear; animation: spin 4s infinite linear; } #suffice-preloader.preloader-moon .start-animation { + -webkit-animation: spin 5s infinite linear; animation: spin 5s infinite linear; } @@ -3495,6 +3487,7 @@ td { border-top-right-radius: 20px; border-bottom-left-radius: 20px; background-color: #FFF; + -webkit-animation: spin 1s infinite linear; animation: spin 1s infinite linear; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); } @@ -3504,6 +3497,7 @@ td { border-right: 1em solid #EEE; border-bottom: 1em solid #EEE; border-left: 1em solid #666; + -webkit-transform: translateZ(0); transform: translateZ(0); border-radius: 50%; } @@ -3517,12 +3511,14 @@ td { #suffice-preloader.preloader-circular-stroke .preloader-animation { width: 50px; height: 50px; + -webkit-animation: spin 1s infinite linear; animation: spin 1s infinite linear; } #suffice-preloader.preloader-circular-stroke-text .preloader-animation { width: 30px; height: 30px; + -webkit-animation: spin 0.5s infinite linear; animation: spin 0.5s infinite linear; margin-bottom: 5px; } @@ -3543,33 +3539,40 @@ td { display: inline-block; width: 8px; height: 30px; + -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); + -webkit-animation: jump 0.3s alternate infinite cubic-bezier(0.2, 0, 0.5, 1); animation: jump 0.3s alternate infinite cubic-bezier(0.2, 0, 0.5, 1); background-color: #FFF; } #suffice-preloader.preloader-piano .piano-outer li:nth-of-type(1) { + -webkit-animation-delay: 111ms; animation-delay: 111ms; background-color: #f2f2f2; } #suffice-preloader.preloader-piano .piano-outer li:nth-of-type(2) { + -webkit-animation-delay: 222ms; animation-delay: 222ms; background-color: #e6e6e6; } #suffice-preloader.preloader-piano .piano-outer li:nth-of-type(3) { + -webkit-animation-delay: 333ms; animation-delay: 333ms; background-color: #d9d9d9; } #suffice-preloader.preloader-piano .piano-outer li:nth-of-type(4) { + -webkit-animation-delay: 444ms; animation-delay: 444ms; background-color: #cccccc; } #suffice-preloader.preloader-piano .piano-outer li:nth-of-type(5) { + -webkit-animation-delay: 555ms; animation-delay: 555ms; background-color: #bfbfbf; } @@ -3584,22 +3587,27 @@ td { height: 8px; border-radius: 50%; background: #1E1E1F; + -webkit-animation: jump 0.3s alternate infinite cubic-bezier(0.2, 0, 0.5, 1); animation: jump 0.3s alternate infinite cubic-bezier(0.2, 0, 0.5, 1); } #suffice-preloader.preloader-bouncing-dots .three-dot li:nth-of-type(1) { + -webkit-animation-delay: 111ms; animation-delay: 111ms; } #suffice-preloader.preloader-bouncing-dots .three-dot li:nth-of-type(2) { + -webkit-animation-delay: 222ms; animation-delay: 222ms; } #suffice-preloader.preloader-bouncing-dots .three-dot li:nth-of-type(3) { + -webkit-animation-delay: 333ms; animation-delay: 333ms; } #suffice-preloader.preloader-bouncing-dots .three-dot li:nth-of-type(4) { + -webkit-animation-delay: 444ms; animation-delay: 444ms; } @@ -3611,6 +3619,7 @@ td { width: 30px; height: 30px; border-radius: 50%; + -webkit-animation: bounce 2s infinite ease-in-out; animation: bounce 2s infinite ease-in-out; opacity: 0.6; } @@ -3621,33 +3630,74 @@ td { #suffice-preloader.preloader-circle-bounce .circle-bounce .circle-bounce-two { background-color: #1E1E1F; + -webkit-animation-delay: -1s; animation-delay: -1s; } +@-webkit-keyframes spin { + from { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + to { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} + @keyframes spin { from { + -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { + -webkit-transform: rotate(360deg); transform: rotate(360deg); } } +@-webkit-keyframes jump { + from { + -webkit-transform: translateY(0); + transform: translateY(0); + } + to { + -webkit-transform: translateY(12px); + transform: translateY(12px); + } +} + @keyframes jump { from { + -webkit-transform: translateY(0); transform: translateY(0); } to { + -webkit-transform: translateY(12px); transform: translateY(12px); } } +@-webkit-keyframes bounce { + 0%, + 100% { + -webkit-transform: scale(0); + transform: scale(0); + } + 50% { + -webkit-transform: scale(1); + transform: scale(1); + } +} + @keyframes bounce { 0%, 100% { + -webkit-transform: scale(0); transform: scale(0); } 50% { + -webkit-transform: scale(1); transform: scale(1); } } @@ -3695,8 +3745,7 @@ td { background: #FFF; padding: 15px; border-top: 3px solid #00BAF4; - -ms-transform: translateY(50%); - transform: translateY(50%); + transform: translateY(50%); visibility: hidden; opacity: 0; transition: all 0.3s ease-in-out; @@ -3706,8 +3755,7 @@ td { .header-action-search-form.header-action-search-form--show { opacity: 1; visibility: visible; - -ms-transform: translateY(0); - transform: translateY(0); + transform: translateY(0); } .search-form-container { @@ -3748,11 +3796,13 @@ td { } .search-form-container.search-form-style-fullscreen .search-form-close .close-icon::before, .search-form-container.search-form-style-halfscreen .search-form-close .close-icon::before { + -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg); transform: translateX(-50%) translateY(-50%) rotate(-45deg); } .search-form-container.search-form-style-fullscreen .search-form-close .close-icon::after, .search-form-container.search-form-style-halfscreen .search-form-close .close-icon::after { + -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg); } @@ -3774,6 +3824,14 @@ td { padding: 15px 0; } +.search-form-container.search-form-style-fullscreen .search-form .search-field::-webkit-input-placeholder, .search-form-container.search-form-style-halfscreen .search-form .search-field::-webkit-input-placeholder { + color: #232f3d; +} + +.search-form-container.search-form-style-fullscreen .search-form .search-field::-moz-placeholder, .search-form-container.search-form-style-halfscreen .search-form .search-field::-moz-placeholder { + color: #232f3d; +} + .search-form-container.search-form-style-fullscreen .search-form .search-field:-ms-input-placeholder, .search-form-container.search-form-style-halfscreen .search-form .search-field:-ms-input-placeholder { color: #232f3d; } @@ -3805,7 +3863,9 @@ td { padding: 30px; background: #516f8e; z-index: 9999; + -webkit-animation: zoom-in 0.2s ease-in-out; animation: zoom-in 0.2s ease-in-out; + -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); transition: all 0.2s; @@ -3833,6 +3893,7 @@ td { } .search-form-container.search-form-style-fullscreen.search-form--show { + -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } @@ -3846,6 +3907,7 @@ td { background: #1d2833; z-index: 9999; padding: 15px 0; + -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); transition: all 0.3s ease-in-out; @@ -3875,6 +3937,14 @@ td { padding: 0 30px; } +.search-form-container.search-form-style-halfscreen .search-form .search-field::-webkit-input-placeholder { + color: #516f8e; +} + +.search-form-container.search-form-style-halfscreen .search-form .search-field::-moz-placeholder { + color: #516f8e; +} + .search-form-container.search-form-style-halfscreen .search-form .search-field:-ms-input-placeholder { color: #516f8e; } @@ -3884,6 +3954,7 @@ td { } .search-form-container.search-form-style-halfscreen.search-form--show { + -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } @@ -3988,7 +4059,9 @@ a:focus { display: inline-block; font-family: FontAwesome; padding: 0 0 0 10px; + transition: -webkit-transform 0.35s; transition: transform 0.35s; + transition: transform 0.35s, -webkit-transform 0.35s; } /*---------- Slide In ----------*/ @@ -4001,8 +4074,7 @@ a:focus { .navigation-default.navigation-default--push-left .menu-primary, .navigation-default.navigation-default--push-left .primary-menu { - -ms-transform: translateX(-100px); - transform: translateX(-100px); + transform: translateX(-100px); } .navigation-default .menu-primary, @@ -4036,8 +4108,7 @@ a:focus { .navigation-default .primary-menu ul li.focus > .children { visibility: visible; opacity: 1; - -ms-transform: translate(0, 0) !important; - transform: translate(0, 0) !important; + transform: translate(0, 0) !important; } .navigation-default .menu-primary ul li.menu-go-back, .navigation-default .menu-primary ul li.menu-show-all, @@ -4096,8 +4167,7 @@ a:focus { border-top: 2px solid #00BAF4; position: fixed; z-index: 999; - -ms-transform: translate(0, 30px); - transform: translate(0, 30px); + transform: translate(0, 30px); transition: transform 0.35s, visibility 0.35s, opacity 0.35s; opacity: 0; visibility: hidden; @@ -4148,8 +4218,7 @@ a:focus { position: absolute; left: 100%; transition: transform 0, visibility 0.35s, opacity 0.35s; - -ms-transform: translate(-45px, 0); - transform: translate(-45px, 0); + transform: translate(-45px, 0); } .navigation-default .menu-primary > ul > li .sub-menu li.menu-item-has-children .sub-menu.sub-menu--left, @@ -4168,8 +4237,7 @@ a:focus { .navigation-default .primary-menu > ul > li .children li.page_item_has_children .sub-menu.sub-menu--left, .navigation-default .primary-menu > ul > li .children li.page_item_has_children .children.sub-menu--left { left: -100%; - -ms-transform: translate(45px, 0); - transform: translate(45px, 0); + transform: translate(45px, 0); } .navigation-default .menu-primary > ul > li .sub-menu.sub-menu--show, @@ -4178,8 +4246,7 @@ a:focus { .navigation-default .primary-menu > ul > li .children.sub-menu--show { opacity: 1; visibility: visible; - -ms-transform: translate(0); - transform: translate(0); + transform: translate(0); } .navigation-default.menu-has-submenu-indicator li.menu-item-has-children > a::after, @@ -4224,8 +4291,7 @@ a:focus { bottom: 0; background: #19232d; width: 300px; - -ms-transform: translateX(-100%); - transform: translateX(-100%); + transform: translateX(-100%); transition: transform 0.35s; /* If submenu indicator is there*/ /* if menu border is active*/ @@ -4235,14 +4301,14 @@ a:focus { .navigation-offcanvas-push.navigation-offcanvas--right { left: auto; right: 0; - -ms-transform: translateX(100%); - transform: translateX(100%); + transform: translateX(100%); } .navigation-offcanvas.navigation--show, .navigation-offcanvas-push.navigation--show { opacity: 1; visibility: visible; + -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); } @@ -4278,12 +4344,14 @@ a:focus { .navigation-offcanvas.navigation--show .nav-header .nav-close::after, .navigation-offcanvas-push.navigation--show .nav-header .nav-close::after { + -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .navigation-offcanvas.navigation--show .nav-header .nav-close::before, .navigation-offcanvas-push.navigation--show .nav-header .nav-close::before { + -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } @@ -4461,11 +4529,13 @@ a:focus { } .navigation-fullscreen .nav-header .nav-close::after { + -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .navigation-fullscreen .nav-header .nav-close::before { + -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } @@ -4503,17 +4573,21 @@ a:focus { .navigation-fullscreen .menu-primary ul li ul, .navigation-fullscreen .primary-menu ul li ul { + transition: -webkit-transform 0.35s; transition: transform 0.35s; + transition: transform 0.35s, -webkit-transform 0.35s; } .navigation-fullscreen .menu-primary ul.slide-out-menu > li > a, .navigation-fullscreen .primary-menu ul.slide-out-menu > li > a { + -webkit-transform: translate(-150%, 0); -ms-transform: translate(-150%, 0); transform: translate(-150%, 0); } .navigation-fullscreen .menu-primary ul.slide-in-menu, .navigation-fullscreen .primary-menu ul.slide-in-menu { + -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } @@ -4530,6 +4604,7 @@ a:focus { left: 0; right: 0; bottom: 0; + -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } @@ -4562,9 +4637,12 @@ a:focus { padding: 0; margin: 0; z-index: 9999; + transition: opacity 0.45s, visibility 0.45s, -webkit-transform 0.35s; transition: transform 0.35s, opacity 0.45s, visibility 0.45s; + transition: transform 0.35s, opacity 0.45s, visibility 0.45s, -webkit-transform 0.35s; opacity: 0; visibility: hidden; + -webkit-transform: translate(0, -100%); -ms-transform: translate(0, -100%); transform: translate(0, -100%); } @@ -4611,11 +4689,13 @@ a:focus { } .mobile-navigation .nav-header .nav-close::after { + -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .mobile-navigation .nav-header .nav-close::before { + -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } @@ -4639,7 +4719,9 @@ a:focus { text-decoration: none; color: #FFF !important; display: block; + transition: -webkit-transform 0.35s; transition: transform 0.35s; + transition: transform 0.35s, -webkit-transform 0.35s; padding: 10px 25px; } @@ -4669,12 +4751,14 @@ a:focus { .mobile-navigation .menu-primary ul.slide-out-menu > li > a, .mobile-navigation .primary-menu ul.slide-out-menu > li > a { + -webkit-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); transform: translate(-100%, 0); } .mobile-navigation .menu-primary ul.slide-in-menu, .mobile-navigation .primary-menu ul.slide-in-menu { + -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } @@ -4691,14 +4775,18 @@ a:focus { left: 0; right: 0; bottom: 0; + -webkit-transform: translate(105%, 0); -ms-transform: translate(105%, 0); transform: translate(105%, 0); + transition: -webkit-transform 0.35s; transition: transform 0.35s; + transition: transform 0.35s, -webkit-transform 0.35s; } .mobile-navigation.navigation--show { opacity: 1; visibility: visible; + -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); } @@ -5021,8 +5109,7 @@ a:focus { .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); - -webkit-clip-path: inset(50%); - clip-path: inset(50%); + clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; @@ -5038,8 +5125,7 @@ a:focus { border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; - -webkit-clip-path: none; - clip-path: none; + clip-path: none; color: #21759b; display: block; font-size: 0.875rem; @@ -5497,6 +5583,8 @@ body.siteorigin-panels .site-footer { } html { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; box-sizing: border-box; } @@ -5504,6 +5592,8 @@ html { *::before, *::after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ + -webkit-box-sizing: inherit; + -moz-box-sizing: inherit; box-sizing: inherit; } @@ -5726,16 +5816,13 @@ html { } .header-top .container--flex { - -ms-flex-pack: justify; - justify-content: space-between; - -ms-flex-align: center; - align-items: center; + justify-content: space-between; + align-items: center; } .header-top .header-top-left-section { text-align: left; - -ms-flex: 7; - flex: 7; + flex: 7; } .header-top .header-top-right-section { @@ -5842,8 +5929,7 @@ html { .wp-custom-header:hover .wp-custom-header-video-button { visibility: visible; opacity: 1; - -ms-transform: translateY(0); - transform: translateY(0); + transform: translateY(0); } .wp-custom-header > img, @@ -5877,8 +5963,7 @@ html { transition: box-shadow 0.35s, opacity 0.35s, visibility 0.35s, transform 0.35s; opacity: 0; visibility: hidden; - -ms-transform: translateY(10px); - transform: translateY(10px); + transform: translateY(10px); } .wp-custom-header .wp-custom-header-video-button:hover { @@ -6383,8 +6468,7 @@ html { right: 0; bottom: 0; left: 0; - -ms-transform: translateY(101%); - transform: translateY(101%); + transform: translateY(101%); transition: all 0.35s; } @@ -6398,8 +6482,7 @@ html { } .related-post-container.related-post-style-hover .related-post-item .related-post-item-inner:hover .related-header { - -ms-transform: translateY(0); - transform: translateY(0); + transform: translateY(0); } .related-post-container.related-post-style-overlayed .related-post-item .related-post-item-inner { @@ -6415,8 +6498,7 @@ html { right: 0; bottom: 0; left: 0; - -ms-transform: translateY(0); - transform: translateY(0); + transform: translateY(0); transition: all 0.35s; } @@ -6430,8 +6512,7 @@ html { } .related-post-container.related-post-style-overlayed .related-post-item .related-post-item-inner:hover .related-header { - -ms-transform: translateY(101%); - transform: translateY(101%); + transform: translateY(101%); } .related-post-container .recent-button-prev, @@ -6490,27 +6571,27 @@ html { /*==================================== = Gutenberg AlignWide = ====================================*/ -.full-width .alignfull { +.full-width #primary .entry-content > .alignfull { margin-left: calc(50% - 49.5vw); margin-right: calc(50% - 49.5vw); max-width: unset; } -.full-width .alignfull img { - max-width: unset; +.full-width #primary .entry-content > .alignfull.wp-block-cover, .full-width #primary .entry-content > .alignfull.wp-block-cover-image { + width: unset; } -.full-width .alignwide { +.full-width #primary .entry-content > .alignwide { margin-left: -60px; margin-right: -60px; max-width: unset; } -.full-width.boxed #content { +.full-width.boxed #primary #content { overflow: hidden; } -.full-width.boxed .alignwide { +.full-width.boxed #primary > .alignwide { margin-left: -60px; margin-right: -60px; } @@ -6640,8 +6721,7 @@ html { transition: transform 0.4s, opacity 0.35s, visibility 0.35s; visibility: hidden; opacity: 0; - -ms-transform: translate(0, 40px); - transform: translate(0, 40px); + transform: translate(0, 40px); color: #FFF; } @@ -6652,8 +6732,7 @@ html { .featured-post-container.feature-post-style-one .featured-post:hover .entry-content { opacity: 1; visibility: visible; - -ms-transform: translate(0, 0); - transform: translate(0, 0); + transform: translate(0, 0); } .featured-post-container.feature-post-style-one .featured-post:hover .entry-header { @@ -6923,12 +7002,9 @@ object { /* Footer Widgets */ .footer-widgets { - display: -ms-flexbox; display: flex; - -ms-flex-pack: justify; - justify-content: space-between; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + justify-content: space-between; + flex-wrap: wrap; padding: 60px 0 15px; } @@ -6992,8 +7068,7 @@ object { .footer-bottom .site-info { padding: 15px 0; font-size: 12px; - -ms-flex: 6; - flex: 6; + flex: 6; color: #516F8E; } @@ -7007,12 +7082,9 @@ object { } .footer-bottom .footer-bottom-container { - display: -ms-flexbox; display: flex; - -ms-flex-pack: justify; - justify-content: space-between; - -ms-flex-align: center; - align-items: center; + justify-content: space-between; + align-items: center; border-top: 1px solid #212538; } @@ -7036,7 +7108,7 @@ object { /*---------- responsive ----------*/ @media screen and (max-width: 1200px) { - .full-width .alignwide { + .full-width #primary .entry-content > .alignwide { margin-left: -10px; margin-right: -10px; } @@ -7128,8 +7200,7 @@ object { padding: 30px; } .cta-boxed-one .cta-bordered-inner { - -ms-flex-direction: column; - flex-direction: column; + flex-direction: column; } .cta-boxed-one .cta-bordered-inner .cta-actions .btn-group { float: none; @@ -7162,18 +7233,20 @@ object { .footer-widgets.footer-widgets-col--three .footer-widget-area, .footer-widgets.footer-widgets-col--four .footer-widget-area { width: 48.5%; } - .full-width.boxed .alignwide { + #primary .entry-content > +.full-width.boxed #primary > .alignwide { margin-left: -20px; margin-right: -20px; } } @media screen and (max-width: 600px) { - .full-width .alignwide { + .full-width #primary .entry-content > +.alignwide { margin-left: 0; margin-right: 0; } - .full-width.boxed .alignwide { + .full-width.boxed #primary > .alignwide { margin-left: 0; margin-right: 0; } @@ -7182,8 +7255,7 @@ object { @media screen and (max-width: 480px) { /* Header adjustment on mobile devices*/ .header-top .container--flex { - -ms-flex-direction: column; - flex-direction: column; + flex-direction: column; } .header-top .header-top-left-section, .header-top .header-top-right-section { @@ -7218,15 +7290,13 @@ object { margin-bottom: 15px; } .footer-widgets { - -ms-flex-direction: column; - flex-direction: column; + flex-direction: column; } .footer-widgets.footer-widgets-col--two .footer-widget-area, .footer-widgets.footer-widgets-col--three .footer-widget-area, .footer-widgets.footer-widgets-col--four .footer-widget-area { width: 100%; } .footer-bottom .footer-bottom-container { - -ms-flex-direction: column; - flex-direction: column; + flex-direction: column; } .footer-bottom .footer-bottom-container .site-info, .footer-bottom .footer-bottom-container .footer-navigation { From 536eaed45dff16bb02fdfd79bab13f1a6f4f8037 Mon Sep 17 00:00:00 2001 From: Premi Jimee Date: Wed, 24 Jun 2020 23:14:38 +0545 Subject: [PATCH 08/37] Update - Comment browerSyncReload --- gulpfile.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/gulpfile.js b/gulpfile.js index a73c348..bfb6258 100644 --- a/gulpfile.js +++ b/gulpfile.js @@ -137,7 +137,7 @@ function makepotfile() { function watch() { gulp.watch( paths.styles.src, sassCompile ); gulp.watch( paths.adminscss.src, compileAdminSass ); - gulp.watch( [paths.js.src, paths.php.src], browserSyncReload ); + //gulp.watch( [paths.js.src, paths.php.src], browserSyncReload ); } function deleteCSS() { From f464ba4e9eb43dd9cbb9ef34e383eadc3f26e38b Mon Sep 17 00:00:00 2001 From: Premi Jimee Date: Thu, 2 Jul 2020 22:14:43 +0545 Subject: [PATCH 09/37] Update - Changes in table header --- assets/sass/elements/_tables.scss | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/assets/sass/elements/_tables.scss b/assets/sass/elements/_tables.scss index 6f4049f..814de23 100644 --- a/assets/sass/elements/_tables.scss +++ b/assets/sass/elements/_tables.scss @@ -1,6 +1,6 @@ table, -th, -td { +.wp-block-table th, +.wp-block-table td { border: 1px solid #D1D1D1; } From 361ed2bd85ebcced0d72ce2d8ee2c052bd28338c Mon Sep 17 00:00:00 2001 From: Premi Jimee Date: Thu, 2 Jul 2020 22:17:10 +0545 Subject: [PATCH 10/37] Update - Gutenberg block layout design and social links --- assets/sass/media/_galleries.scss | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) diff --git a/assets/sass/media/_galleries.scss b/assets/sass/media/_galleries.scss index 0b1724c..2c5e294 100644 --- a/assets/sass/media/_galleries.scss +++ b/assets/sass/media/_galleries.scss @@ -44,3 +44,21 @@ .gallery-caption { display: block; } + +ul.wp-block-gallery { + padding: 0; +} + +.wp-block-gallery ul.blocks-gallery-grid img, +ul.wp-block-gallery img { + margin-bottom: 0; +} + +/* Gutenberg Blocks Layout. +--------------------------------------------------------------*/ +.wp-block-gallery.alignleft, .wp-block-gallery.alignright, .wp-block-gallery.aligncenter, +.wp-block-social-links.alignleft, +.wp-block-social-links.alignright, +.wp-block-social-links.aligncenter { + display: flex; +} From 6172990b465b307aae7c251089b409b43172f4b2 Mon Sep 17 00:00:00 2001 From: Premi Jimee Date: Thu, 2 Jul 2020 22:19:02 +0545 Subject: [PATCH 11/37] Add - Social link color --- assets/sass/navigations/_menus.scss | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/assets/sass/navigations/_menus.scss b/assets/sass/navigations/_menus.scss index 212223e..8c0ade2 100644 --- a/assets/sass/navigations/_menus.scss +++ b/assets/sass/navigations/_menus.scss @@ -1073,3 +1073,7 @@ .clients-all-content .bx-next { right: 0; } + +.wp-social-link svg { + color: #ffffff; +} \ No newline at end of file From 23f17445b010ce2ca0a72d05015489fe74e8596c Mon Sep 17 00:00:00 2001 From: Premi Jimee Date: Thu, 2 Jul 2020 22:20:53 +0545 Subject: [PATCH 12/37] Add - Alignfull and alignwide CSS for max width --- assets/sass/responsive/_large.scss | 38 +++++++++++++----------------- 1 file changed, 16 insertions(+), 22 deletions(-) diff --git a/assets/sass/responsive/_large.scss b/assets/sass/responsive/_large.scss index 0cc8f7b..57d1522 100644 --- a/assets/sass/responsive/_large.scss +++ b/assets/sass/responsive/_large.scss @@ -1,18 +1,26 @@ @media screen and ( max-width: 1200px ) { .full-width { - #primary { - - .entry-content { - - > .alignwide { + .alignwide { margin-left: -10px; margin-right: -10px; } } } - } -} +@media screen and (max-width: 1400px) and (min-width: 1200px) { + .no-sidebar-full-width #primary .entry-content > .alignwide { + margin-left: -30px; + margin-right: -30px; + } + .no-sidebar #primary .entry-content > .alignwide { + margin-left: -50px; + margin-right: -50px; + } + .no-sidebar #primary .entry-content > .alignfull { + margin-left: -100px; + margin-right: -100px; + } + } @media screen and ( min-width: 992px ) { /* Make sticky header on desktop */ .header-sticky-desktop { @@ -26,18 +34,4 @@ } } } -} - - - -@media ( min-width: 768px ) { - - /* Only make slider full viewport height on larger devices */ - .slider { - &.slider-height--full { - .swiper-container { - height: 100vh; - } - } - } -} +} \ No newline at end of file From 6ec502719382aa3b1a2d7c90f270a37157c347e5 Mon Sep 17 00:00:00 2001 From: Premi Jimee Date: Thu, 2 Jul 2020 22:21:57 +0545 Subject: [PATCH 13/37] Add - CSS for box layout --- assets/sass/responsive/_small.scss | 39 ++++++++++++++++++------------ 1 file changed, 23 insertions(+), 16 deletions(-) diff --git a/assets/sass/responsive/_small.scss b/assets/sass/responsive/_small.scss index 9172899..835a415 100644 --- a/assets/sass/responsive/_small.scss +++ b/assets/sass/responsive/_small.scss @@ -130,39 +130,45 @@ } .full-width { - #primary .entry-content > &.boxed { - #primary { - - >.alignwide { + .alignwide { margin-left: -20px; margin-right: -20px; } } } -} } @media screen and ( max-width: 600px ) { .full-width { - #primary .entry-content > - .alignwide { - margin-left: 0; - margin-right: 0; - } + #primary { + .entry-content { + > .alignwide { + margin-left: 0; + margin-right: 0; + } + } + } &.boxed { - #primary { - >.alignwide { - margin-left: 0; - margin-right: 0; + + .site-content { + overflow: hidden; } + #primary { + + .entry-content { + + > .alignwide { + margin-left: 0; + margin-right: 0; + } + } + } } - } - } } @media screen and ( max-width: 480px ) { @@ -257,3 +263,4 @@ } } } +} \ No newline at end of file From 3040cdd4995d0ed87a74b244cf42b9c419bfecae Mon Sep 17 00:00:00 2001 From: Premi Jimee Date: Thu, 2 Jul 2020 22:24:32 +0545 Subject: [PATCH 14/37] Fix - CSS for alignwide and alignfull --- assets/sass/site/primary/_posts.scss | 47 ++++++++++++++++++---------- 1 file changed, 30 insertions(+), 17 deletions(-) diff --git a/assets/sass/site/primary/_posts.scss b/assets/sass/site/primary/_posts.scss index 60cccdd..f0a086d 100644 --- a/assets/sass/site/primary/_posts.scss +++ b/assets/sass/site/primary/_posts.scss @@ -420,38 +420,51 @@ = Gutenberg AlignWide = ====================================*/ .full-width { - #primary .entry-content > .alignfull { + #primary { + + .entry-content { + + > .alignfull { margin-left: calc(50% - 49.5vw); margin-right: calc(50% - 49.5vw); max-width: unset; - &.wp-block-cover, - &.wp-block-cover-image - { - width: unset; - } + &.wp-block-cover, + &.wp-block-cover-image, + &.wp-block-cover, + &.wp-block-cover-image { + width: unset; } - #primary .entry-content > .alignwide { + > .alignwide { margin-left: -60px; margin-right: -60px; max-width: unset; + width: unset; } &.boxed { #primary { - #content { - overflow: hidden; - } + .entry-content { - >.alignwide { - margin-left: -60px; - margin-right: -60px; - } + > .alignfull { + margin-left: -30px; + margin-right: -30px; + max-width: unset; + &.wp-block-cover, + &.wp-block-cover-image { + width: unset; + } + } + + > .alignwide { + margin: 0; + } + } + } } } -} - -/*===== End of Gutenberg AlignWide ======*/ + } +/*===== End of Gutenberg AlignWide ======*/ \ No newline at end of file From 66ec5862120838a10b60a125ffa0642b24e79af0 Mon Sep 17 00:00:00 2001 From: Premi Jimee Date: Thu, 2 Jul 2020 22:26:51 +0545 Subject: [PATCH 15/37] Add - CSS for gutenberg compatibility --- style-editor-block.css | 270 ++++++++++++++++++++++++++++++++++++++++- 1 file changed, 269 insertions(+), 1 deletion(-) diff --git a/style-editor-block.css b/style-editor-block.css index 177ada1..50e9606 100644 --- a/style-editor-block.css +++ b/style-editor-block.css @@ -28,6 +28,275 @@ line-height: 36px; } + +.editor-styles-wrapper hr { + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; + height: 0; + overflow: visible; +} + + +.editor-styles-wrapper pre { + font-family: monospace, monospace; + font-size: 1em; + white-space: pre-wrap; +} + + +.editor-styles-wrapper a { + background-color: transparent; + -webkit-text-decoration-skip: objects; +} + + +.editor-styles-wrapper a:active, + +.editor-styles-wrapper a:hover { + outline-width: 0; +} + + +.editor-styles-wrapper abbr[title] { + border-bottom: 1px #767676 dotted; + text-decoration: none; +} + + +.editor-styles-wrapper b, +.editor-styles-wrapper strong { + font-weight: inherit; +} + + +.editor-styles-wrapper b, +.editor-styles-wrapper strong { + font-weight: 700; +} + + +.editor-styles-wrapper code, +.editor-styles-wrapper kbd, +.editor-styles-wrapper samp { + font-family: monospace, monospace; + font-size: 1em; +} + + +.editor-styles-wrapper dfn { + font-style: italic; +} + + +.editor-styles-wrapper mark { + background-color: #EEE; + color: #222; +} + + +.editor-styles-wrapper small { + font-size: 80%; +} + + +.editor-styles-wrapper sub, + +.editor-styles-wrapper sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + + +.editor-styles-wrapper sub { + bottom: -0.25em; +} + + +.editor-styles-wrapper sup { + top: -0.5em; +} + + +.editor-styles-wrapper audio, + +.editor-styles-wrapper video { + display: inline-block; +} + + +.editor-styles-wrapper audio:not([controls]) { + display: none; + height: 0; +} + + +.editor-styles-wrapper img { + border-style: none; + max-width: 100%; + height: auto; +} + + +.editor-styles-wrapper svg:not(:root) { + overflow: hidden; +} + + +.editor-styles-wrapper button, + +.editor-styles-wrapper input, + +.editor-styles-wrapper optgroup, + +.editor-styles-wrapper select, + +.editor-styles-wrapper textarea { + font-family: sans-serif; + font-size: 100%; + line-height: 1.15; + margin: 0; +} + + +.editor-styles-wrapper button, + +.editor-styles-wrapper input { + overflow: visible; +} + + +.editor-styles-wrapper button, + +.editor-styles-wrapper select { + text-transform: none; +} + + +.editor-styles-wrapper button, + +.editor-styles-wrapper html [type="button"], + +.editor-styles-wrapper [type="reset"], + +.editor-styles-wrapper [type="submit"] { + -webkit-appearance: button; +} + + +.editor-styles-wrapper button::-moz-focus-inner, + +.editor-styles-wrapper [type="button"]::-moz-focus-inner, + +.editor-styles-wrapper [type="reset"]::-moz-focus-inner, + +.editor-styles-wrapper [type="submit"]::-moz-focus-inner { + border-style: none; + padding: 0; +} + + +.editor-styles-wrapper button:-moz-focusring, + +.editor-styles-wrapper [type="button"]:-moz-focusring, + +.editor-styles-wrapper [type="reset"]:-moz-focusring, + +.editor-styles-wrapper [type="submit"]:-moz-focusring { + outline: 1px dotted ButtonText; +} + + +.editor-styles-wrapper fieldset { + border: 1px solid #BBB; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; +} + + +.editor-styles-wrapper legend { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + color: inherit; + display: table; + max-width: 100%; + padding: 0; + white-space: normal; +} + + +.editor-styles-wrapper progress { + display: inline-block; + vertical-align: baseline; +} + + +.editor-styles-wrapper textarea { + overflow: auto; +} + + +.editor-styles-wrapper [type="checkbox"], + +.editor-styles-wrapper [type="radio"] { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + padding: 0; +} + + +.editor-styles-wrapper [type="number"]::-webkit-inner-spin-button, + +.editor-styles-wrapper [type="number"]::-webkit-outer-spin-button { + height: auto; +} + + +.editor-styles-wrapper [type="search"] { + -webkit-appearance: textfield; + outline-offset: -2px; +} + + +.editor-styles-wrapper [type="search"]::-webkit-search-cancel-button, + +.editor-styles-wrapper [type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + + +.editor-styles-wrapper ::-webkit-file-upload-button { + -webkit-appearance: button; + font: inherit; +} + + +.editor-styles-wrapper details, + +.editor-styles-wrapper menu { + display: block; +} + + +.editor-styles-wrapper summary { + display: list-item; +} + + +.editor-styles-wrapper canvas { + display: inline-block; +} + + +.editor-styles-wrapper template { + display: none; +} + + /* Block quote */ .editor-styles-wrapper blockquote { font-family: georgia, "Times New Roman", cursive; @@ -77,7 +346,6 @@ font-size: 16px; font-weight: bold; } - /* Text styles */ .editor-styles-wrapper p { line-height: 24px; From 95142548e95f2a0fc9f688f7d50fd66e6d34c8af Mon Sep 17 00:00:00 2001 From: Premi Jimee Date: Thu, 2 Jul 2020 22:28:08 +0545 Subject: [PATCH 16/37] Update - Compiled SCSS file --- style.css | 73 +++++++++++++++++++++++++++++++++++++++---------------- 1 file changed, 52 insertions(+), 21 deletions(-) diff --git a/style.css b/style.css index c3901ca..a3a33e1 100644 --- a/style.css +++ b/style.css @@ -1202,8 +1202,8 @@ h6 { /*---------- Elements ----------*/ table, -th, -td { +.wp-block-table th, +.wp-block-table td { border: 1px solid #D1D1D1; } @@ -5104,6 +5104,10 @@ a:focus { right: 0; } +.wp-social-link svg { + color: #ffffff; +} + /*---------- Modules ----------*/ /* Text meant only for screen readers. */ .screen-reader-text { @@ -6571,27 +6575,27 @@ html { /*==================================== = Gutenberg AlignWide = ====================================*/ -.full-width #primary .entry-content > .alignfull { +.no-sidebar-full-width .no-sidebar #primary .entry-content > .alignfull { margin-left: calc(50% - 49.5vw); margin-right: calc(50% - 49.5vw); max-width: unset; } -.full-width #primary .entry-content > .alignfull.wp-block-cover, .full-width #primary .entry-content > .alignfull.wp-block-cover-image { +.no-sidebar-full-width .no-sidebar #primary .entry-content > .alignfull.wp-block-cover, .no-sidebar-full-width .no-sidebar #primary .entry-content > .alignfull.wp-block-cover-image { width: unset; } -.full-width #primary .entry-content > .alignwide { +.no-sidebar-full-width #primary .entry-content > .alignwide { margin-left: -60px; margin-right: -60px; max-width: unset; } -.full-width.boxed #primary #content { +.no-sidebar-full-width.boxed #primary #content { overflow: hidden; } -.full-width.boxed #primary > .alignwide { +.no-sidebar-full-width.boxed #primary > .alignwide { margin-left: -60px; margin-right: -60px; } @@ -6978,6 +6982,24 @@ html { display: block; } +ul.wp-block-gallery { + padding: 0; +} + +.wp-block-gallery ul.blocks-gallery-grid img, +ul.wp-block-gallery img { + margin-bottom: 0; +} + +/* Gutenberg Blocks Layout. +--------------------------------------------------------------*/ +.wp-block-gallery.alignleft, .wp-block-gallery.alignright, .wp-block-gallery.aligncenter, +.wp-block-social-links.alignleft, +.wp-block-social-links.alignright, +.wp-block-social-links.aligncenter { + display: flex; +} + .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { @@ -7108,12 +7130,27 @@ object { /*---------- responsive ----------*/ @media screen and (max-width: 1200px) { - .full-width #primary .entry-content > .alignwide { + .full-width .alignwide { margin-left: -10px; margin-right: -10px; } } +@media screen and (max-width: 1400px) and (min-width: 1200px) { + .no-sidebar-full-width #primary .entry-content > .alignwide { + margin-left: -30px; + margin-right: -30px; + } + .no-sidebar #primary .entry-content > .alignwide { + margin-left: -50px; + margin-right: -50px; + } + .no-sidebar #primary .entry-content > .alignfull { + margin-left: -100px; + margin-right: -100px; + } +} + @media screen and (min-width: 992px) { /* Make sticky header on desktop */ .header-sticky-desktop .header-inner-wrapper { @@ -7124,13 +7161,6 @@ object { } } -@media (min-width: 768px) { - /* Only make slider full viewport height on larger devices */ - .slider.slider-height--full .swiper-container { - height: 100vh; - } -} - @media screen and (max-width: 992px) { /* breadcrumbs on mobile and tablets */ .breadcrumbs { @@ -7233,26 +7263,27 @@ object { .footer-widgets.footer-widgets-col--three .footer-widget-area, .footer-widgets.footer-widgets-col--four .footer-widget-area { width: 48.5%; } - #primary .entry-content > -.full-width.boxed #primary > .alignwide { + .full-width.boxed .alignwide { margin-left: -20px; margin-right: -20px; } } @media screen and (max-width: 600px) { - .full-width #primary .entry-content > -.alignwide { + .full-width #primary .entry-content > .alignwide { margin-left: 0; margin-right: 0; } - .full-width.boxed #primary > .alignwide { + .full-width.boxed .site-content { + overflow: hidden; + } + .full-width.boxed #primary .entry-content > .alignwide { margin-left: 0; margin-right: 0; } } -@media screen and (max-width: 480px) { +@media screen and (max-width: 600px) and (max-width: 480px) { /* Header adjustment on mobile devices*/ .header-top .container--flex { flex-direction: column; From d37071aabef01fc0f0869bdcae29f8fb18427718 Mon Sep 17 00:00:00 2001 From: Premi Jimee Date: Thu, 2 Jul 2020 22:29:15 +0545 Subject: [PATCH 17/37] Add - Gutenberg blocks layout --- editor-style.css | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) diff --git a/editor-style.css b/editor-style.css index 306b545..82eb96e 100644 --- a/editor-style.css +++ b/editor-style.css @@ -421,6 +421,24 @@ h6 { display: block; } +ul.wp-block-gallery { + padding: 0; +} + +.wp-block-gallery ul.blocks-gallery-grid img, +ul.wp-block-gallery img { + margin-bottom: 0; +} + +/* Gutenberg Blocks Layout. +--------------------------------------------------------------*/ +.wp-block-gallery.alignleft, .wp-block-gallery.alignright, .wp-block-gallery.aligncenter, +.wp-block-social-links.alignleft, +.wp-block-social-links.alignright, +.wp-block-social-links.aligncenter { + display: flex; +} + /*---------- Media Elements ----------*/ .page-content .wp-smiley, .entry-content .wp-smiley, From fdd6e6db44363d37b6a83e319ab7cc6f22f65e7c Mon Sep 17 00:00:00 2001 From: Premi Jimee Date: Fri, 3 Jul 2020 09:17:27 +0545 Subject: [PATCH 18/37] Fix - Fixing of codes in table --- assets/sass/elements/_tables.scss | 18 +++++++++++++----- 1 file changed, 13 insertions(+), 5 deletions(-) diff --git a/assets/sass/elements/_tables.scss b/assets/sass/elements/_tables.scss index 814de23..84df881 100644 --- a/assets/sass/elements/_tables.scss +++ b/assets/sass/elements/_tables.scss @@ -1,5 +1,7 @@ table, -.wp-block-table th, +th, +.wp-block-table th +td, .wp-block-table td { border: 1px solid #D1D1D1; } @@ -16,21 +18,27 @@ table { caption, th, -td { +.wp-block-table th, +td, +.wp-block-table td { font-weight: normal; text-align: left; } -th { +th, +.wp-block-table th { border-width: 0 1px 1px 0; font-weight: 700; } -td { +td, +.wp-block-table td { border-width: 0 1px 1px 0; } th, -td { +.wp-block-table th , +td, +.wp-block-table td { padding: 0.4375em; } \ No newline at end of file From aaba92dd11b052ee03308fbfb011c2c46d924a61 Mon Sep 17 00:00:00 2001 From: Premi Jimee Date: Fri, 3 Jul 2020 09:18:59 +0545 Subject: [PATCH 19/37] Remove - Repeat code removed --- assets/sass/responsive/_large.scss | 9 +++------ 1 file changed, 3 insertions(+), 6 deletions(-) diff --git a/assets/sass/responsive/_large.scss b/assets/sass/responsive/_large.scss index 57d1522..500354a 100644 --- a/assets/sass/responsive/_large.scss +++ b/assets/sass/responsive/_large.scss @@ -8,15 +8,12 @@ } @media screen and (max-width: 1400px) and (min-width: 1200px) { - .no-sidebar-full-width #primary .entry-content > .alignwide { + .full-width #primary .entry-content > .alignwide { margin-left: -30px; margin-right: -30px; } - .no-sidebar #primary .entry-content > .alignwide { - margin-left: -50px; - margin-right: -50px; - } - .no-sidebar #primary .entry-content > .alignfull { + + .full-width #primary .entry-content > .alignfull { margin-left: -100px; margin-right: -100px; } From d62ad8c88838ec4204c6eb652f5903b640bc9c5d Mon Sep 17 00:00:00 2001 From: Premi Jimee Date: Fri, 3 Jul 2020 09:27:01 +0545 Subject: [PATCH 20/37] Add - Alginwide and alignfull css --- assets/sass/site/primary/_posts.scss | 40 +++++++++++----------------- 1 file changed, 15 insertions(+), 25 deletions(-) diff --git a/assets/sass/site/primary/_posts.scss b/assets/sass/site/primary/_posts.scss index f0a086d..42684cc 100644 --- a/assets/sass/site/primary/_posts.scss +++ b/assets/sass/site/primary/_posts.scss @@ -420,51 +420,41 @@ = Gutenberg AlignWide = ====================================*/ .full-width { - #primary { - - .entry-content { - - > .alignfull { + #primary .entry-content > .alignfull { margin-left: calc(50% - 49.5vw); margin-right: calc(50% - 49.5vw); max-width: unset; - &.wp-block-cover, - &.wp-block-cover-image, - &.wp-block-cover, - &.wp-block-cover-image { - width: unset; +.full-width #primary .entry-content > .alignfull.wp-block-cover, +.full-width #primary .entry-content > .alignfull.wp-block-cover-image, +.full-width #primary .entry-content > .alignfull.wp-block-cover, +.full-width #primary .entry-content > .alignfull.wp-block-cover-image { + width: unset; +} } - > .alignwide { +.full-width #primary .entry-content > .alignwide, +.full-width #primary .entry-content > .alignwide { margin-left: -60px; margin-right: -60px; max-width: unset; - width: unset; } &.boxed { + .site-content { + overflow: hidden; + } #primary { .entry-content { - > .alignfull { - margin-left: -30px; - margin-right: -30px; - max-width: unset; - - &.wp-block-cover, - &.wp-block-cover-image { - width: unset; - } - } - > .alignwide { - margin: 0; + margin-left: -60px; + margin-right: -60px; } } } } } - } + /*===== End of Gutenberg AlignWide ======*/ \ No newline at end of file From acb4f7d3cf6c2f6f8adcfec45a874a73a4e33baa Mon Sep 17 00:00:00 2001 From: Premi Jimee Date: Fri, 3 Jul 2020 09:28:17 +0545 Subject: [PATCH 21/37] Tweak - Changes in blockquote --- assets/sass/typography/_copy.scss | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/assets/sass/typography/_copy.scss b/assets/sass/typography/_copy.scss index 6c1274c..1c4f987 100644 --- a/assets/sass/typography/_copy.scss +++ b/assets/sass/typography/_copy.scss @@ -10,7 +10,10 @@ p { } -blockquote { +blockquote, +.wp-block-quote, +.wp-block-quote.is-style-large, +.wp-block-quote.has-text-align-right { font-family: georgia, "Times New Roman", cursive; font-size: 16px; border-left: 3px solid $color-gray-lighten; From d14e141e37e5a22652562883d2fcb8f4ed1d557d Mon Sep 17 00:00:00 2001 From: Premi Jimee Date: Fri, 3 Jul 2020 09:29:25 +0545 Subject: [PATCH 22/37] Update - Blockquote changes in CSS --- editor-style.css | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/editor-style.css b/editor-style.css index 82eb96e..a95b483 100644 --- a/editor-style.css +++ b/editor-style.css @@ -285,7 +285,10 @@ p { line-height: 24px; } -blockquote { +blockquote, +.wp-block-quote, +.wp-block-quote.is-style-large, +.wp-block-quote.has-text-align-right { font-family: georgia, "Times New Roman", cursive; font-size: 16px; border-left: 3px solid #E5E4E6; From ebb0441166ceef326589eda56e108701fd80a181 Mon Sep 17 00:00:00 2001 From: Premi Jimee Date: Fri, 3 Jul 2020 09:30:13 +0545 Subject: [PATCH 23/37] Update - Remaing gutenberg block CSS added --- style-editor-block.css | 31 ++++++++++++++++++++++++------- 1 file changed, 24 insertions(+), 7 deletions(-) diff --git a/style-editor-block.css b/style-editor-block.css index 50e9606..1200122 100644 --- a/style-editor-block.css +++ b/style-editor-block.css @@ -5,30 +5,24 @@ line-height: 1.3; color: #424143; } - .editor-styles-wrapper > * { font-family: "Open Sans", Helvetica, Arial, sans-serif; color: #424143; } - .wp-block { max-width: 1170px; } - .editor-styles-wrapper .wp-block[data-align="wide"] { max-width: 1200px; } - .editor-styles-wrapper .wp-block.editor-post-title__block .editor-post-title__input { font-weight: normal; - color: #222222; + color: #424143; font-family: 'Lato', sans-serif; font-size: 22px; padding-bottom: 0; line-height: 36px; } - - .editor-styles-wrapper hr { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; @@ -295,6 +289,29 @@ .editor-styles-wrapper template { display: none; } +.editor-styles-wrapper [type="text"], +.editor-styles-wrapper [type="email"], +.editor-styles-wrapper [type="url"], +.editor-styles-wrapper [type="password"], +.editor-styles-wrapper [type="search"], +.editor-styles-wrapper [type="number"], +.editor-styles-wrapper [type="tel"], +.editor-styles-wrapper [type="range"], +.editor-styles-wrapper [type="date"], +.editor-styles-wrapper [type="month"], +.editor-styles-wrapper [type="week"], +.editor-styles-wrapper [type="time"], +.editor-styles-wrapper [type="datetime"], +.editor-styles-wrapper [type="datetime-local"], +.editor-styles-wrapper [type="color"], +textarea { + padding: 7px 15px; + border: 1px solid #FFF; + outline: none; + transition: border-color 0.35s; + margin-bottom: 15px; + border: 1px solid #CCC; +} /* Block quote */ From d29cf2fadd1c9de31fc2d1076150a7348258033f Mon Sep 17 00:00:00 2001 From: Premi Jimee Date: Fri, 3 Jul 2020 09:30:53 +0545 Subject: [PATCH 24/37] Update - Compiled Sass into CSS --- style.css | 45 ++++++++++++++++++++++++++++----------------- 1 file changed, 28 insertions(+), 17 deletions(-) diff --git a/style.css b/style.css index a3a33e1..5d97717 100644 --- a/style.css +++ b/style.css @@ -1074,7 +1074,10 @@ p { line-height: 24px; } -blockquote { +blockquote, +.wp-block-quote, +.wp-block-quote.is-style-large, +.wp-block-quote.has-text-align-right { font-family: georgia, "Times New Roman", cursive; font-size: 16px; border-left: 3px solid #E5E4E6; @@ -1202,7 +1205,9 @@ h6 { /*---------- Elements ----------*/ table, -.wp-block-table th, +th, +.wp-block-table th +td, .wp-block-table td { border: 1px solid #D1D1D1; } @@ -1219,22 +1224,28 @@ table { caption, th, -td { +.wp-block-table th, +td, +.wp-block-table td { font-weight: normal; text-align: left; } -th { +th, +.wp-block-table th { border-width: 0 1px 1px 0; font-weight: 700; } -td { +td, +.wp-block-table td { border-width: 0 1px 1px 0; } th, -td { +.wp-block-table th, +td, +.wp-block-table td { padding: 0.4375em; } @@ -6575,27 +6586,31 @@ html { /*==================================== = Gutenberg AlignWide = ====================================*/ -.no-sidebar-full-width .no-sidebar #primary .entry-content > .alignfull { +.full-width #primary .entry-content > .alignfull { margin-left: calc(50% - 49.5vw); margin-right: calc(50% - 49.5vw); max-width: unset; } -.no-sidebar-full-width .no-sidebar #primary .entry-content > .alignfull.wp-block-cover, .no-sidebar-full-width .no-sidebar #primary .entry-content > .alignfull.wp-block-cover-image { +.full-width #primary .entry-content > .alignfull .full-width #primary .entry-content > .alignfull.wp-block-cover, +.full-width #primary .entry-content > .alignfull .full-width #primary .entry-content > .alignfull.wp-block-cover-image, +.full-width #primary .entry-content > .alignfull .full-width #primary .entry-content > .alignfull.wp-block-cover, +.full-width #primary .entry-content > .alignfull .full-width #primary .entry-content > .alignfull.wp-block-cover-image { width: unset; } -.no-sidebar-full-width #primary .entry-content > .alignwide { +.full-width .full-width #primary .entry-content > .alignwide, +.full-width .full-width #primary .entry-content > .alignwide { margin-left: -60px; margin-right: -60px; max-width: unset; } -.no-sidebar-full-width.boxed #primary #content { +.full-width.boxed .site-content { overflow: hidden; } -.no-sidebar-full-width.boxed #primary > .alignwide { +.full-width.boxed #primary .entry-content > .alignwide { margin-left: -60px; margin-right: -60px; } @@ -7137,15 +7152,11 @@ object { } @media screen and (max-width: 1400px) and (min-width: 1200px) { - .no-sidebar-full-width #primary .entry-content > .alignwide { + .full-width #primary .entry-content > .alignwide { margin-left: -30px; margin-right: -30px; } - .no-sidebar #primary .entry-content > .alignwide { - margin-left: -50px; - margin-right: -50px; - } - .no-sidebar #primary .entry-content > .alignfull { + .full-width #primary .entry-content > .alignfull { margin-left: -100px; margin-right: -100px; } From 01e63f874328d39171dade8dbcc15ccecd4045f3 Mon Sep 17 00:00:00 2001 From: Premi Jimee Date: Mon, 6 Jul 2020 07:39:03 +0545 Subject: [PATCH 25/37] Remove - line space and arranged indentation --- style-editor-block.css | 155 +---------------------------------------- 1 file changed, 1 insertion(+), 154 deletions(-) diff --git a/style-editor-block.css b/style-editor-block.css index 1200122..d0b1baa 100644 --- a/style-editor-block.css +++ b/style-editor-block.css @@ -30,186 +30,118 @@ height: 0; overflow: visible; } - - .editor-styles-wrapper pre { font-family: monospace, monospace; font-size: 1em; white-space: pre-wrap; } - - .editor-styles-wrapper a { background-color: transparent; -webkit-text-decoration-skip: objects; } - - .editor-styles-wrapper a:active, - .editor-styles-wrapper a:hover { outline-width: 0; } - - .editor-styles-wrapper abbr[title] { border-bottom: 1px #767676 dotted; text-decoration: none; } - - .editor-styles-wrapper b, .editor-styles-wrapper strong { font-weight: inherit; } - - .editor-styles-wrapper b, .editor-styles-wrapper strong { font-weight: 700; } - - .editor-styles-wrapper code, .editor-styles-wrapper kbd, .editor-styles-wrapper samp { font-family: monospace, monospace; font-size: 1em; } - - .editor-styles-wrapper dfn { font-style: italic; } - - .editor-styles-wrapper mark { background-color: #EEE; color: #222; } - - .editor-styles-wrapper small { font-size: 80%; } - - .editor-styles-wrapper sub, - .editor-styles-wrapper sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } - - .editor-styles-wrapper sub { bottom: -0.25em; } - - .editor-styles-wrapper sup { top: -0.5em; } - - .editor-styles-wrapper audio, - .editor-styles-wrapper video { display: inline-block; } - - .editor-styles-wrapper audio:not([controls]) { display: none; height: 0; } - - .editor-styles-wrapper img { border-style: none; max-width: 100%; height: auto; } - - .editor-styles-wrapper svg:not(:root) { overflow: hidden; } - - .editor-styles-wrapper button, - .editor-styles-wrapper input, - .editor-styles-wrapper optgroup, - .editor-styles-wrapper select, - .editor-styles-wrapper textarea { font-family: sans-serif; font-size: 100%; line-height: 1.15; margin: 0; } - - .editor-styles-wrapper button, - .editor-styles-wrapper input { overflow: visible; } - - .editor-styles-wrapper button, - .editor-styles-wrapper select { text-transform: none; } - - .editor-styles-wrapper button, - .editor-styles-wrapper html [type="button"], - .editor-styles-wrapper [type="reset"], - .editor-styles-wrapper [type="submit"] { -webkit-appearance: button; } - - .editor-styles-wrapper button::-moz-focus-inner, - .editor-styles-wrapper [type="button"]::-moz-focus-inner, - .editor-styles-wrapper [type="reset"]::-moz-focus-inner, - .editor-styles-wrapper [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } - - .editor-styles-wrapper button:-moz-focusring, - .editor-styles-wrapper [type="button"]:-moz-focusring, - .editor-styles-wrapper [type="reset"]:-moz-focusring, - .editor-styles-wrapper [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } - - .editor-styles-wrapper fieldset { border: 1px solid #BBB; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } - - .editor-styles-wrapper legend { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; @@ -220,72 +152,46 @@ padding: 0; white-space: normal; } - - .editor-styles-wrapper progress { display: inline-block; vertical-align: baseline; } - - .editor-styles-wrapper textarea { overflow: auto; } - - .editor-styles-wrapper [type="checkbox"], - .editor-styles-wrapper [type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; } - - .editor-styles-wrapper [type="number"]::-webkit-inner-spin-button, - .editor-styles-wrapper [type="number"]::-webkit-outer-spin-button { height: auto; } - - .editor-styles-wrapper [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } - - .editor-styles-wrapper [type="search"]::-webkit-search-cancel-button, - .editor-styles-wrapper [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } - - .editor-styles-wrapper ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } - - .editor-styles-wrapper details, - .editor-styles-wrapper menu { display: block; } - - .editor-styles-wrapper summary { display: list-item; } - - .editor-styles-wrapper canvas { display: inline-block; } - - .editor-styles-wrapper template { display: none; } @@ -312,8 +218,6 @@ textarea { margin-bottom: 15px; border: 1px solid #CCC; } - - /* Block quote */ .editor-styles-wrapper blockquote { font-family: georgia, "Times New Roman", cursive; @@ -322,9 +226,7 @@ textarea { margin-left: 30px; padding-left: 30px; } - /* heading */ - .editor-styles-wrapper h1, .editor-styles-wrapper h2, .editor-styles-wrapper h3, @@ -334,31 +236,25 @@ textarea { font-family: "Poppins", Helvetica, Arial, sans-serif; color: #424143; } - .editor-styles-wrapper .wp-block h1 { font-size: 48px; font-weight: normal; } - .editor-styles-wrapper .wp-block h2 { font-size: 32px; font-weight: normal; } - .editor-styles-wrapper .wp-block h3 { font-size: 26px; font-weight: normal; } - .editor-styles-wrapper .wp-block h4 { font-size: 20px; } - .editor-styles-wrapper .wp-block h5 { font-size: 18px; font-weight: normal; } - .editor-styles-wrapper .wp-block h6 { font-size: 16px; font-weight: bold; @@ -367,45 +263,35 @@ textarea { .editor-styles-wrapper p { line-height: 24px; } - .editor-styles-wrapper .text-left { text-align: left; } - .editor-styles-wrapper .text-center { text-align: center; } - .editor-styles-wrapper .text-right { text-align: right; } - .editor-styles-wrapper .center-block { display: block; margin-left: auto; margin-right: auto; } - .editor-styles-wrapper .pull-right { float: right !important; } - .editor-styles-wrapper .pull-left { float: left !important; } - .editor-styles-wrapper .hide { display: none !important; } - .editor-styles-wrapper .show { display: block !important; } - .editor-styles-wrapper .invisible { visibility: hidden; } - .editor-styles-wrapper .text-hide { font: 0/0 a; color: transparent; @@ -413,27 +299,22 @@ textarea { background-color: transparent; border: 0; } - .editor-styles-wrapper .hidden { display: none !important; } - .editor-styles-wrapper .affix { position: fixed; } - .editor-styles-wrapper .suffice-table-container { display: table; width: 100%; } - /*---------- Elements ----------*/ .editor-styles-wrapper table, .editor-styles-wrapper th, .editor-styles-wrapper td { border: 1px solid #D1D1D1; } - .editor-styles-wrapper table { border-collapse: separate; border-spacing: 0; @@ -443,61 +324,49 @@ textarea { /* Prevents HTML tables from becoming too wide */ width: 100%; } - .editor-styles-wrapper caption, .editor-styles-wrapper th, .editor-styles-wrapper td { font-weight: normal; text-align: left; } - .editor-styles-wrapper th { border-width: 0 1px 1px 0; font-weight: 700; } - .editor-styles-wrapper td { border-width: 0 1px 1px 0; } - .editor-styles-wrapper th, .editor-styles-wrapper td { padding: 0.4375em; } - .editor-styles-wrapper .title { margin: 30px 0; } - .editor-styles-wrapper .title .title-title { font-weight: 500; font-size: 26px; color: #424143; margin: 0 0 15px; } - .editor-styles-wrapper .title .sub-title { margin: 0; color: #67666A; } - .editor-styles-wrapper .title.title-left { text-align: left; } - .editor-styles-wrapper .title.title-right { text-align: right; } - .editor-styles-wrapper .title.title-center { text-align: center; } - .editor-styles-wrapper .title.title-magazine { position: relative; margin: 45px 0 15px; } - .editor-styles-wrapper .title.title-magazine .title-title { padding: 10px 20px; background: #EF7278; @@ -508,7 +377,6 @@ textarea { text-transform: none; margin: 0; } - .editor-styles-wrapper .title.title-magazine .title-title::before { content: ""; position: absolute; @@ -518,7 +386,6 @@ textarea { left: 0; bottom: 0; } - .editor-styles-wrapper .title.title-arrow-down .title-title { padding: 10px 20px; background: #1E1E1F; @@ -529,7 +396,6 @@ textarea { margin: 0; position: relative; } - .editor-styles-wrapper .title.title-arrow-down .title-title::before { content: ""; position: absolute; @@ -541,19 +407,16 @@ textarea { -ms-transform: rotate(45deg); transform: rotate(45deg); } - .editor-styles-wrapper .title.title-arrow-down.title-center .title-title::before { left: 0; right: 0; margin: 0 auto; } - .editor-styles-wrapper .title.title-arrow-down.title-right .title-title::before { left: auto; right: 20px; margin: 0 auto; } - .editor-styles-wrapper .slider { overflow: hidden; z-index: -2; @@ -563,68 +426,53 @@ textarea { margin-bottom: 1.5em; max-width: 100%; } - .editor-styles-wrapper .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; } - .editor-styles-wrapper .wp-caption .wp-caption-text { margin: 0.8075em 0; } - .editor-styles-wrapper .wp-caption-text { text-align: center; } - .editor-styles-wrapper .gallery { margin-bottom: 1.5em; } - .editor-styles-wrapper .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; } - .editor-styles-wrapper .wp-block .gallery-columns-2 .gallery-item { max-width: 50%; } - .editor-styles-wrapper .wp-block .gallery-columns-3 .gallery-item { max-width: 33.33%; } - .editor-styles-wrapper .wp-block .gallery-columns-4 .gallery-item { max-width: 25%; } - .editor-styles-wrapper .wp-block .gallery-columns-5 .gallery-item { max-width: 20%; } - .editor-styles-wrapper .wp-block .gallery-columns-6 .gallery-item { max-width: 16.66%; } - .editor-styles-wrapper .wp-block .gallery-columns-7 .gallery-item { max-width: 14.28%; } - .editor-styles-wrapper .wp-block .gallery-columns-8 .gallery-item { max-width: 12.5%; } - .editor-styles-wrapper .wp-block .gallery-columns-9 .gallery-item { max-width: 11.11%; } - .editor-styles-wrapper .gallery-caption { display: block; } - .editor-styles-wrapper .page-content .wp-smiley, .editor-styles-wrapper .entry-content .wp-smiley, .editor-styles-wrapper .comment-content .wp-smiley { @@ -633,10 +481,9 @@ textarea { margin-top: 0; padding: 0; } - /* Make sure embeds and iframes fit their containers. */ .editor-styles-wrapper embed, .editor-styles-wrapper iframe, .editor-styles-wrapper object { max-width: 100%; -} +} \ No newline at end of file From 9cdb8164c43a78653e14b01bec6f3c257ce4f5ff Mon Sep 17 00:00:00 2001 From: Premi Jimee Date: Mon, 6 Jul 2020 09:16:09 +0545 Subject: [PATCH 26/37] Update - Alignwide CSS --- assets/sass/responsive/_large.scss | 6 ++---- 1 file changed, 2 insertions(+), 4 deletions(-) diff --git a/assets/sass/responsive/_large.scss b/assets/sass/responsive/_large.scss index 500354a..2e50ceb 100644 --- a/assets/sass/responsive/_large.scss +++ b/assets/sass/responsive/_large.scss @@ -1,12 +1,10 @@ @media screen and ( max-width: 1200px ) { - .full-width { - .alignwide { + .full-width #primary .entry-content > .alignwide + { margin-left: -10px; margin-right: -10px; } } -} - @media screen and (max-width: 1400px) and (min-width: 1200px) { .full-width #primary .entry-content > .alignwide { margin-left: -30px; From 78acbbc585dbe8bcfbda6be4f1d73826635d835d Mon Sep 17 00:00:00 2001 From: Premi Jimee Date: Mon, 6 Jul 2020 09:37:40 +0545 Subject: [PATCH 27/37] Update - Gutenberg alignwide scss modified --- assets/sass/site/primary/_posts.scss | 35 +++++++++++++++++----------- 1 file changed, 21 insertions(+), 14 deletions(-) diff --git a/assets/sass/site/primary/_posts.scss b/assets/sass/site/primary/_posts.scss index 42684cc..d3c19cb 100644 --- a/assets/sass/site/primary/_posts.scss +++ b/assets/sass/site/primary/_posts.scss @@ -421,23 +421,21 @@ ====================================*/ .full-width { #primary .entry-content > .alignfull { - margin-left: calc(50% - 49.5vw); - margin-right: calc(50% - 49.5vw); + margin-left: calc(50% - 50vw); + margin-right: calc(50% - 50vw); max-width: unset; -.full-width #primary .entry-content > .alignfull.wp-block-cover, -.full-width #primary .entry-content > .alignfull.wp-block-cover-image, -.full-width #primary .entry-content > .alignfull.wp-block-cover, -.full-width #primary .entry-content > .alignfull.wp-block-cover-image { - width: unset; -} + &.wp-block-cover, + &.wp-block-cover-image { + width: unset; + } } -.full-width #primary .entry-content > .alignwide, -.full-width #primary .entry-content > .alignwide { - margin-left: -60px; - margin-right: -60px; + > .alignwide { + margin-left: -50px; + margin-right: -50px; max-width: unset; + width: unset; } &.boxed { @@ -448,9 +446,18 @@ .entry-content { + > .alignfull { + margin-left: -55px; + margin-right: -55px; + + &.wp-block-cover, + &.wp-block-cover-image { + width: unset; + } + } + > .alignwide { - margin-left: -60px; - margin-right: -60px; + margin: 0; } } } From 1896d2a230798ac6fab7df71c9570b033ed81b60 Mon Sep 17 00:00:00 2001 From: Premi Jimee Date: Mon, 6 Jul 2020 09:38:21 +0545 Subject: [PATCH 28/37] Update - New line space managed --- style-editor-block.css | 101 +++++++++++++++++++++++++++++++++++++++++ 1 file changed, 101 insertions(+) diff --git a/style-editor-block.css b/style-editor-block.css index d0b1baa..7f21897 100644 --- a/style-editor-block.css +++ b/style-editor-block.css @@ -5,16 +5,20 @@ line-height: 1.3; color: #424143; } + .editor-styles-wrapper > * { font-family: "Open Sans", Helvetica, Arial, sans-serif; color: #424143; } + .wp-block { max-width: 1170px; } + .editor-styles-wrapper .wp-block[data-align="wide"] { max-width: 1200px; } + .editor-styles-wrapper .wp-block.editor-post-title__block .editor-post-title__input { font-weight: normal; color: #424143; @@ -23,6 +27,7 @@ padding-bottom: 0; line-height: 36px; } + .editor-styles-wrapper hr { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; @@ -30,47 +35,58 @@ height: 0; overflow: visible; } + .editor-styles-wrapper pre { font-family: monospace, monospace; font-size: 1em; white-space: pre-wrap; } + .editor-styles-wrapper a { background-color: transparent; -webkit-text-decoration-skip: objects; } + .editor-styles-wrapper a:active, .editor-styles-wrapper a:hover { outline-width: 0; } + .editor-styles-wrapper abbr[title] { border-bottom: 1px #767676 dotted; text-decoration: none; } + .editor-styles-wrapper b, .editor-styles-wrapper strong { font-weight: inherit; } + .editor-styles-wrapper b, .editor-styles-wrapper strong { font-weight: 700; } + .editor-styles-wrapper code, .editor-styles-wrapper kbd, .editor-styles-wrapper samp { font-family: monospace, monospace; font-size: 1em; } + .editor-styles-wrapper dfn { font-style: italic; } + .editor-styles-wrapper mark { background-color: #EEE; color: #222; } + .editor-styles-wrapper small { font-size: 80%; } + .editor-styles-wrapper sub, .editor-styles-wrapper sup { font-size: 75%; @@ -78,28 +94,35 @@ position: relative; vertical-align: baseline; } + .editor-styles-wrapper sub { bottom: -0.25em; } + .editor-styles-wrapper sup { top: -0.5em; } + .editor-styles-wrapper audio, .editor-styles-wrapper video { display: inline-block; } + .editor-styles-wrapper audio:not([controls]) { display: none; height: 0; } + .editor-styles-wrapper img { border-style: none; max-width: 100%; height: auto; } + .editor-styles-wrapper svg:not(:root) { overflow: hidden; } + .editor-styles-wrapper button, .editor-styles-wrapper input, .editor-styles-wrapper optgroup, @@ -110,20 +133,24 @@ line-height: 1.15; margin: 0; } + .editor-styles-wrapper button, .editor-styles-wrapper input { overflow: visible; } + .editor-styles-wrapper button, .editor-styles-wrapper select { text-transform: none; } + .editor-styles-wrapper button, .editor-styles-wrapper html [type="button"], .editor-styles-wrapper [type="reset"], .editor-styles-wrapper [type="submit"] { -webkit-appearance: button; } + .editor-styles-wrapper button::-moz-focus-inner, .editor-styles-wrapper [type="button"]::-moz-focus-inner, .editor-styles-wrapper [type="reset"]::-moz-focus-inner, @@ -131,17 +158,20 @@ border-style: none; padding: 0; } + .editor-styles-wrapper button:-moz-focusring, .editor-styles-wrapper [type="button"]:-moz-focusring, .editor-styles-wrapper [type="reset"]:-moz-focusring, .editor-styles-wrapper [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } + .editor-styles-wrapper fieldset { border: 1px solid #BBB; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } + .editor-styles-wrapper legend { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; @@ -152,13 +182,16 @@ padding: 0; white-space: normal; } + .editor-styles-wrapper progress { display: inline-block; vertical-align: baseline; } + .editor-styles-wrapper textarea { overflow: auto; } + .editor-styles-wrapper [type="checkbox"], .editor-styles-wrapper [type="radio"] { -webkit-box-sizing: border-box; @@ -166,35 +199,44 @@ box-sizing: border-box; padding: 0; } + .editor-styles-wrapper [type="number"]::-webkit-inner-spin-button, .editor-styles-wrapper [type="number"]::-webkit-outer-spin-button { height: auto; } + .editor-styles-wrapper [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } + .editor-styles-wrapper [type="search"]::-webkit-search-cancel-button, .editor-styles-wrapper [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } + .editor-styles-wrapper ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } + .editor-styles-wrapper details, .editor-styles-wrapper menu { display: block; } + .editor-styles-wrapper summary { display: list-item; } + .editor-styles-wrapper canvas { display: inline-block; } + .editor-styles-wrapper template { display: none; } + .editor-styles-wrapper [type="text"], .editor-styles-wrapper [type="email"], .editor-styles-wrapper [type="url"], @@ -218,6 +260,7 @@ textarea { margin-bottom: 15px; border: 1px solid #CCC; } + /* Block quote */ .editor-styles-wrapper blockquote { font-family: georgia, "Times New Roman", cursive; @@ -226,6 +269,7 @@ textarea { margin-left: 30px; padding-left: 30px; } + /* heading */ .editor-styles-wrapper h1, .editor-styles-wrapper h2, @@ -236,62 +280,79 @@ textarea { font-family: "Poppins", Helvetica, Arial, sans-serif; color: #424143; } + .editor-styles-wrapper .wp-block h1 { font-size: 48px; font-weight: normal; } + .editor-styles-wrapper .wp-block h2 { font-size: 32px; font-weight: normal; } + .editor-styles-wrapper .wp-block h3 { font-size: 26px; font-weight: normal; } + .editor-styles-wrapper .wp-block h4 { font-size: 20px; } + .editor-styles-wrapper .wp-block h5 { font-size: 18px; font-weight: normal; } + .editor-styles-wrapper .wp-block h6 { font-size: 16px; font-weight: bold; } + /* Text styles */ .editor-styles-wrapper p { line-height: 24px; } + .editor-styles-wrapper .text-left { text-align: left; } + .editor-styles-wrapper .text-center { text-align: center; } + .editor-styles-wrapper .text-right { text-align: right; } + .editor-styles-wrapper .center-block { display: block; margin-left: auto; margin-right: auto; } + .editor-styles-wrapper .pull-right { float: right !important; } + .editor-styles-wrapper .pull-left { float: left !important; } + .editor-styles-wrapper .hide { display: none !important; } + .editor-styles-wrapper .show { display: block !important; } + .editor-styles-wrapper .invisible { visibility: hidden; } + .editor-styles-wrapper .text-hide { font: 0/0 a; color: transparent; @@ -299,22 +360,27 @@ textarea { background-color: transparent; border: 0; } + .editor-styles-wrapper .hidden { display: none !important; } + .editor-styles-wrapper .affix { position: fixed; } + .editor-styles-wrapper .suffice-table-container { display: table; width: 100%; } + /*---------- Elements ----------*/ .editor-styles-wrapper table, .editor-styles-wrapper th, .editor-styles-wrapper td { border: 1px solid #D1D1D1; } + .editor-styles-wrapper table { border-collapse: separate; border-spacing: 0; @@ -324,49 +390,61 @@ textarea { /* Prevents HTML tables from becoming too wide */ width: 100%; } + .editor-styles-wrapper caption, .editor-styles-wrapper th, .editor-styles-wrapper td { font-weight: normal; text-align: left; } + .editor-styles-wrapper th { border-width: 0 1px 1px 0; font-weight: 700; } + .editor-styles-wrapper td { border-width: 0 1px 1px 0; } + .editor-styles-wrapper th, .editor-styles-wrapper td { padding: 0.4375em; } + .editor-styles-wrapper .title { margin: 30px 0; } + .editor-styles-wrapper .title .title-title { font-weight: 500; font-size: 26px; color: #424143; margin: 0 0 15px; } + .editor-styles-wrapper .title .sub-title { margin: 0; color: #67666A; } + .editor-styles-wrapper .title.title-left { text-align: left; } + .editor-styles-wrapper .title.title-right { text-align: right; } + .editor-styles-wrapper .title.title-center { text-align: center; } + .editor-styles-wrapper .title.title-magazine { position: relative; margin: 45px 0 15px; } + .editor-styles-wrapper .title.title-magazine .title-title { padding: 10px 20px; background: #EF7278; @@ -377,6 +455,7 @@ textarea { text-transform: none; margin: 0; } + .editor-styles-wrapper .title.title-magazine .title-title::before { content: ""; position: absolute; @@ -386,6 +465,7 @@ textarea { left: 0; bottom: 0; } + .editor-styles-wrapper .title.title-arrow-down .title-title { padding: 10px 20px; background: #1E1E1F; @@ -396,6 +476,7 @@ textarea { margin: 0; position: relative; } + .editor-styles-wrapper .title.title-arrow-down .title-title::before { content: ""; position: absolute; @@ -407,72 +488,91 @@ textarea { -ms-transform: rotate(45deg); transform: rotate(45deg); } + .editor-styles-wrapper .title.title-arrow-down.title-center .title-title::before { left: 0; right: 0; margin: 0 auto; } + .editor-styles-wrapper .title.title-arrow-down.title-right .title-title::before { left: auto; right: 20px; margin: 0 auto; } + .editor-styles-wrapper .slider { overflow: hidden; z-index: -2; } + /*---------- Media ----------*/ .editor-styles-wrapper .wp-caption { margin-bottom: 1.5em; max-width: 100%; } + .editor-styles-wrapper .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; } + .editor-styles-wrapper .wp-caption .wp-caption-text { margin: 0.8075em 0; } + .editor-styles-wrapper .wp-caption-text { text-align: center; } + .editor-styles-wrapper .gallery { margin-bottom: 1.5em; } + .editor-styles-wrapper .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; } + .editor-styles-wrapper .wp-block .gallery-columns-2 .gallery-item { max-width: 50%; } + .editor-styles-wrapper .wp-block .gallery-columns-3 .gallery-item { max-width: 33.33%; } + .editor-styles-wrapper .wp-block .gallery-columns-4 .gallery-item { max-width: 25%; } + .editor-styles-wrapper .wp-block .gallery-columns-5 .gallery-item { max-width: 20%; } + .editor-styles-wrapper .wp-block .gallery-columns-6 .gallery-item { max-width: 16.66%; } + .editor-styles-wrapper .wp-block .gallery-columns-7 .gallery-item { max-width: 14.28%; } + .editor-styles-wrapper .wp-block .gallery-columns-8 .gallery-item { max-width: 12.5%; } + .editor-styles-wrapper .wp-block .gallery-columns-9 .gallery-item { max-width: 11.11%; } + .editor-styles-wrapper .gallery-caption { display: block; } + .editor-styles-wrapper .page-content .wp-smiley, .editor-styles-wrapper .entry-content .wp-smiley, .editor-styles-wrapper .comment-content .wp-smiley { @@ -481,6 +581,7 @@ textarea { margin-top: 0; padding: 0; } + /* Make sure embeds and iframes fit their containers. */ .editor-styles-wrapper embed, .editor-styles-wrapper iframe, From 0b3c6e90f08424b982f1bf9d60087fc81cc0a6cb Mon Sep 17 00:00:00 2001 From: Premi Jimee Date: Mon, 6 Jul 2020 09:38:50 +0545 Subject: [PATCH 29/37] Update - Compiled Scss into CSS --- style.css | 31 ++++++++++++++++++------------- 1 file changed, 18 insertions(+), 13 deletions(-) diff --git a/style.css b/style.css index 5d97717..ce6c40f 100644 --- a/style.css +++ b/style.css @@ -6587,32 +6587,37 @@ html { = Gutenberg AlignWide = ====================================*/ .full-width #primary .entry-content > .alignfull { - margin-left: calc(50% - 49.5vw); - margin-right: calc(50% - 49.5vw); + margin-left: calc(50% - 50vw); + margin-right: calc(50% - 50vw); max-width: unset; } -.full-width #primary .entry-content > .alignfull .full-width #primary .entry-content > .alignfull.wp-block-cover, -.full-width #primary .entry-content > .alignfull .full-width #primary .entry-content > .alignfull.wp-block-cover-image, -.full-width #primary .entry-content > .alignfull .full-width #primary .entry-content > .alignfull.wp-block-cover, -.full-width #primary .entry-content > .alignfull .full-width #primary .entry-content > .alignfull.wp-block-cover-image { +.full-width #primary .entry-content > .alignfull.wp-block-cover, .full-width #primary .entry-content > .alignfull.wp-block-cover-image { width: unset; } -.full-width .full-width #primary .entry-content > .alignwide, -.full-width .full-width #primary .entry-content > .alignwide { - margin-left: -60px; - margin-right: -60px; +.full-width > .alignwide { + margin-left: -50px; + margin-right: -50px; max-width: unset; + width: unset; } .full-width.boxed .site-content { overflow: hidden; } +.full-width.boxed #primary .entry-content > .alignfull { + margin-left: -55px; + margin-right: -55px; +} + +.full-width.boxed #primary .entry-content > .alignfull.wp-block-cover, .full-width.boxed #primary .entry-content > .alignfull.wp-block-cover-image { + width: unset; +} + .full-width.boxed #primary .entry-content > .alignwide { - margin-left: -60px; - margin-right: -60px; + margin: 0; } /*===== End of Gutenberg AlignWide ======*/ @@ -7145,7 +7150,7 @@ object { /*---------- responsive ----------*/ @media screen and (max-width: 1200px) { - .full-width .alignwide { + .full-width #primary .entry-content > .alignwide { margin-left: -10px; margin-right: -10px; } From 0a6c09df94880c2bde60cce8efa1f1c3b2b319b8 Mon Sep 17 00:00:00 2001 From: Premi Jimee Date: Tue, 7 Jul 2020 09:08:14 +0545 Subject: [PATCH 30/37] Update - Compile Sass into CSS --- style.css | 21 ++++++++++++++------- 1 file changed, 14 insertions(+), 7 deletions(-) diff --git a/style.css b/style.css index ce6c40f..6688ef6 100644 --- a/style.css +++ b/style.css @@ -1206,8 +1206,8 @@ h6 { /*---------- Elements ----------*/ table, th, -.wp-block-table th td, +.wp-block-table th, .wp-block-table td { border: 1px solid #D1D1D1; } @@ -1224,8 +1224,8 @@ table { caption, th, -.wp-block-table th, td, +.wp-block-table th, .wp-block-table td { font-weight: normal; text-align: left; @@ -1243,8 +1243,8 @@ td, } th, -.wp-block-table th, td, +.wp-block-table th, .wp-block-table td { padding: 0.4375em; } @@ -6608,8 +6608,8 @@ html { } .full-width.boxed #primary .entry-content > .alignfull { - margin-left: -55px; - margin-right: -55px; + margin-left: -50px; + margin-right: -50px; } .full-width.boxed #primary .entry-content > .alignfull.wp-block-cover, .full-width.boxed #primary .entry-content > .alignfull.wp-block-cover-image { @@ -7162,8 +7162,8 @@ object { margin-right: -30px; } .full-width #primary .entry-content > .alignfull { - margin-left: -100px; - margin-right: -100px; + margin-left: -50px; + margin-right: -50px; } } @@ -7177,6 +7177,13 @@ object { } } +@media (min-width: 768px) { + /* Only make slider full viewport height on larger devices */ + .slider.slider-height--full .swiper-container { + height: 100vh; + } +} + @media screen and (max-width: 992px) { /* breadcrumbs on mobile and tablets */ .breadcrumbs { From 709d4a6bdbf5fedcf776cff016b6d6384ffb400c Mon Sep 17 00:00:00 2001 From: Premi Jimee Date: Tue, 7 Jul 2020 09:09:34 +0545 Subject: [PATCH 31/37] Update - Changed pixel for alignfull --- assets/sass/site/primary/_posts.scss | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/assets/sass/site/primary/_posts.scss b/assets/sass/site/primary/_posts.scss index d3c19cb..d8ac4d2 100644 --- a/assets/sass/site/primary/_posts.scss +++ b/assets/sass/site/primary/_posts.scss @@ -447,8 +447,8 @@ .entry-content { > .alignfull { - margin-left: -55px; - margin-right: -55px; + margin-left: -50px; + margin-right: -50px; &.wp-block-cover, &.wp-block-cover-image { From 1ae52e0db25f2362f18642697f8a233673b88c81 Mon Sep 17 00:00:00 2001 From: Premi Jimee Date: Tue, 7 Jul 2020 09:11:27 +0545 Subject: [PATCH 32/37] Update - Arranged gutenberg selector indentation --- assets/sass/elements/_tables.scss | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/assets/sass/elements/_tables.scss b/assets/sass/elements/_tables.scss index 84df881..191c775 100644 --- a/assets/sass/elements/_tables.scss +++ b/assets/sass/elements/_tables.scss @@ -1,7 +1,7 @@ table, th, -.wp-block-table th td, +.wp-block-table th, .wp-block-table td { border: 1px solid #D1D1D1; } @@ -18,8 +18,8 @@ table { caption, th, -.wp-block-table th, td, +.wp-block-table th, .wp-block-table td { font-weight: normal; text-align: left; @@ -37,8 +37,8 @@ td, } th, -.wp-block-table th , td, +.wp-block-table th, .wp-block-table td { padding: 0.4375em; } \ No newline at end of file From b9eab31b5cb99bd9d06acdad036106d114860afa Mon Sep 17 00:00:00 2001 From: Premi Jimee Date: Tue, 7 Jul 2020 09:12:09 +0545 Subject: [PATCH 33/37] Remove - Unnecessary code removed --- style-editor-block.css | 103 ----------------------------------------- 1 file changed, 103 deletions(-) diff --git a/style-editor-block.css b/style-editor-block.css index 7f21897..ae02459 100644 --- a/style-editor-block.css +++ b/style-editor-block.css @@ -412,100 +412,6 @@ textarea { padding: 0.4375em; } -.editor-styles-wrapper .title { - margin: 30px 0; -} - -.editor-styles-wrapper .title .title-title { - font-weight: 500; - font-size: 26px; - color: #424143; - margin: 0 0 15px; -} - -.editor-styles-wrapper .title .sub-title { - margin: 0; - color: #67666A; -} - -.editor-styles-wrapper .title.title-left { - text-align: left; -} - -.editor-styles-wrapper .title.title-right { - text-align: right; -} - -.editor-styles-wrapper .title.title-center { - text-align: center; -} - -.editor-styles-wrapper .title.title-magazine { - position: relative; - margin: 45px 0 15px; -} - -.editor-styles-wrapper .title.title-magazine .title-title { - padding: 10px 20px; - background: #EF7278; - display: inline-block; - font-size: 16px; - color: #FFF; - font-weight: normal; - text-transform: none; - margin: 0; -} - -.editor-styles-wrapper .title.title-magazine .title-title::before { - content: ""; - position: absolute; - width: 100%; - height: 2px; - background: inherit; - left: 0; - bottom: 0; -} - -.editor-styles-wrapper .title.title-arrow-down .title-title { - padding: 10px 20px; - background: #1E1E1F; - font-size: 16px; - color: #FFF; - font-weight: normal; - text-transform: none; - margin: 0; - position: relative; -} - -.editor-styles-wrapper .title.title-arrow-down .title-title::before { - content: ""; - position: absolute; - width: 20px; - height: 20px; - background: inherit; - bottom: -10px; - left: 35px; - -ms-transform: rotate(45deg); - transform: rotate(45deg); -} - -.editor-styles-wrapper .title.title-arrow-down.title-center .title-title::before { - left: 0; - right: 0; - margin: 0 auto; -} - -.editor-styles-wrapper .title.title-arrow-down.title-right .title-title::before { - left: auto; - right: 20px; - margin: 0 auto; -} - -.editor-styles-wrapper .slider { - overflow: hidden; - z-index: -2; -} - /*---------- Media ----------*/ .editor-styles-wrapper .wp-caption { margin-bottom: 1.5em; @@ -573,15 +479,6 @@ textarea { display: block; } -.editor-styles-wrapper .page-content .wp-smiley, -.editor-styles-wrapper .entry-content .wp-smiley, -.editor-styles-wrapper .comment-content .wp-smiley { - border: none; - margin-bottom: 0; - margin-top: 0; - padding: 0; -} - /* Make sure embeds and iframes fit their containers. */ .editor-styles-wrapper embed, .editor-styles-wrapper iframe, From 0f0d37bcaee70a4c029ef85d48bebeea4fffceb6 Mon Sep 17 00:00:00 2001 From: Premi Jimee Date: Tue, 7 Jul 2020 12:00:00 +0545 Subject: [PATCH 34/37] Update - Minimum width size added --- assets/sass/responsive/_large.scss | 17 +++++++++++++++-- 1 file changed, 15 insertions(+), 2 deletions(-) diff --git a/assets/sass/responsive/_large.scss b/assets/sass/responsive/_large.scss index 2e50ceb..c238a1f 100644 --- a/assets/sass/responsive/_large.scss +++ b/assets/sass/responsive/_large.scss @@ -5,6 +5,7 @@ margin-right: -10px; } } + @media screen and (max-width: 1400px) and (min-width: 1200px) { .full-width #primary .entry-content > .alignwide { margin-left: -30px; @@ -12,8 +13,8 @@ } .full-width #primary .entry-content > .alignfull { - margin-left: -100px; - margin-right: -100px; + margin-left: -50px; + margin-right: -50px; } } @media screen and ( min-width: 992px ) { @@ -29,4 +30,16 @@ } } } +} + +@media ( min-width: 768px ) { + + /* Only make slider full viewport height on larger devices */ + .slider { + &.slider-height--full { + .swiper-container { + height: 100vh; + } + } + } } \ No newline at end of file From eaaf8284153ffd2e00e9921c9c5928dfe1b154dc Mon Sep 17 00:00:00 2001 From: Premi Jimee Date: Tue, 7 Jul 2020 12:03:43 +0545 Subject: [PATCH 35/37] Update - Remove unnecessary code --- style-editor-block.css | 59 ------------------------------------------ 1 file changed, 59 deletions(-) diff --git a/style-editor-block.css b/style-editor-block.css index ae02459..d5d0a80 100644 --- a/style-editor-block.css +++ b/style-editor-block.css @@ -315,65 +315,6 @@ textarea { line-height: 24px; } -.editor-styles-wrapper .text-left { - text-align: left; -} - -.editor-styles-wrapper .text-center { - text-align: center; -} - -.editor-styles-wrapper .text-right { - text-align: right; -} - -.editor-styles-wrapper .center-block { - display: block; - margin-left: auto; - margin-right: auto; -} - -.editor-styles-wrapper .pull-right { - float: right !important; -} - -.editor-styles-wrapper .pull-left { - float: left !important; -} - -.editor-styles-wrapper .hide { - display: none !important; -} - -.editor-styles-wrapper .show { - display: block !important; -} - -.editor-styles-wrapper .invisible { - visibility: hidden; -} - -.editor-styles-wrapper .text-hide { - font: 0/0 a; - color: transparent; - text-shadow: none; - background-color: transparent; - border: 0; -} - -.editor-styles-wrapper .hidden { - display: none !important; -} - -.editor-styles-wrapper .affix { - position: fixed; -} - -.editor-styles-wrapper .suffice-table-container { - display: table; - width: 100%; -} - /*---------- Elements ----------*/ .editor-styles-wrapper table, .editor-styles-wrapper th, From 9d5bf851892aeb65f835c739ca8b23005b06b56b Mon Sep 17 00:00:00 2001 From: Premi Jimee Date: Tue, 7 Jul 2020 12:06:01 +0545 Subject: [PATCH 36/37] Update - Code indentaion managed and alignfull pixel update --- assets/sass/site/primary/_posts.scss | 61 ++++++++++++++++------------ 1 file changed, 34 insertions(+), 27 deletions(-) diff --git a/assets/sass/site/primary/_posts.scss b/assets/sass/site/primary/_posts.scss index d8ac4d2..fd12c8b 100644 --- a/assets/sass/site/primary/_posts.scss +++ b/assets/sass/site/primary/_posts.scss @@ -420,48 +420,55 @@ = Gutenberg AlignWide = ====================================*/ .full-width { - #primary .entry-content > .alignfull { - margin-left: calc(50% - 50vw); - margin-right: calc(50% - 50vw); - max-width: unset; + #primary { + .entry-content { - &.wp-block-cover, - &.wp-block-cover-image { - width: unset; - } - } + > .alignfull { + margin-left: calc(50% - 50vw); + margin-right: calc(50% - 50vw); + max-width: unset; - > .alignwide { - margin-left: -50px; - margin-right: -50px; + &.wp-block-cover, + &.wp-block-cover-image { + width: unset; + } + } + + > .alignwide { + margin-left: -60px; + margin-right: -60px; max-width: unset; - width: unset; } - +} + } &.boxed { - .site-content { + #content { overflow: hidden; } - #primary { - .entry-content { + #primary { - > .alignfull { - margin-left: -50px; - margin-right: -50px; + .entry-content { - &.wp-block-cover, - &.wp-block-cover-image { - width: unset; - } - } + > .alignfull { + margin-left: -15px; + margin-right: -15px; - > .alignwide { - margin: 0; + &.wp-block-cover, + &.wp-block-cover-image { + width: unset; } } + + > .alignwide { + margin-left: -15px; + margin-right: -15px; + max-width: unset; + } } } + + } } /*===== End of Gutenberg AlignWide ======*/ \ No newline at end of file From 19f96aa2a033fc23e4ae3abace46d3f00751eb07 Mon Sep 17 00:00:00 2001 From: Premi Jimee Date: Tue, 7 Jul 2020 12:07:55 +0545 Subject: [PATCH 37/37] Update - Compiled CSS --- style.css | 17 +++++++++-------- 1 file changed, 9 insertions(+), 8 deletions(-) diff --git a/style.css b/style.css index 6688ef6..f3d55e7 100644 --- a/style.css +++ b/style.css @@ -6596,20 +6596,19 @@ html { width: unset; } -.full-width > .alignwide { - margin-left: -50px; - margin-right: -50px; +.full-width #primary .entry-content > .alignwide { + margin-left: -60px; + margin-right: -60px; max-width: unset; - width: unset; } -.full-width.boxed .site-content { +.full-width.boxed #content { overflow: hidden; } .full-width.boxed #primary .entry-content > .alignfull { - margin-left: -50px; - margin-right: -50px; + margin-left: -15px; + margin-right: -15px; } .full-width.boxed #primary .entry-content > .alignfull.wp-block-cover, .full-width.boxed #primary .entry-content > .alignfull.wp-block-cover-image { @@ -6617,7 +6616,9 @@ html { } .full-width.boxed #primary .entry-content > .alignwide { - margin: 0; + margin-left: -15px; + margin-right: -15px; + max-width: unset; } /*===== End of Gutenberg AlignWide ======*/