From 0eec3944f1d2e33360c7a85087c08c51bc95813b Mon Sep 17 00:00:00 2001 From: Jan Jakes Date: Wed, 27 Sep 2023 09:09:35 +0200 Subject: [PATCH] Enable Prettier for scss [MAILPOET-4391] --- .prettierignore | 1 - .../3rd-party-plugins/_members.scss | 12 ++- .../_header.scss | 2 +- .../tabs/_orders.scss | 2 +- .../_add-step-button.scss | 10 ++- .../_add-trigger.scss | 7 +- .../components-automation-editor/_chip.scss | 3 +- .../components-automation-editor/_errors.scss | 5 +- .../_notices.scss | 2 +- .../components-automation-editor/_panel.scss | 2 +- .../components-automation-editor/_step.scss | 12 ++- .../mailpoet/_button.scss | 17 ++--- .../woocommerce.scss | 16 ++-- .../_listing.scss | 7 +- .../_search.scss | 3 +- .../_sections.scss | 2 +- .../components-automation/_option-button.scss | 8 +- .../3rd-party-overrides/_overrides.scss | 10 ++- .../css/src/components-editor/_common.scss | 10 ++- .../components/_block-tools.scss | 6 +- .../components-editor/components/_forms.scss | 6 +- .../components/_history.scss | 4 +- .../components-editor/components/_layers.scss | 4 +- .../components-editor/components/_save.scss | 2 +- .../components/_sidebar.scss | 2 +- .../components/_sidepanel.scss | 6 +- .../_abandoned-cart-content.scss | 4 +- .../_automated-latest-content.scss | 4 +- .../content-blocks/_base.scss | 8 +- .../content-blocks/_container.scss | 76 +++++++++++++++---- .../content-blocks/_coupon.scss | 7 +- .../content-blocks/_woocommerce-content.scss | 4 +- .../content-blocks/_woocommerce-heading.scss | 4 +- .../components-form-editor/_block-editor.scss | 14 ++-- .../_form-placement.scss | 3 +- .../src/components-form-editor/_preview.scss | 2 +- .../_selection-item.scss | 5 +- .../src/components-form-editor/_sidebar.scss | 2 +- .../_template-selection.scss | 5 +- .../src/components-homepage/_resources.scss | 2 +- .../src/components-homepage/_task-list.scss | 2 +- .../css/src/components-homepage/_upsell.scss | 3 +- .../components-plugin/_browser-preview.scss | 10 ++- .../css/src/components-plugin/_common.scss | 4 +- .../_feature-announcement.scss | 2 +- .../css/src/components-plugin/_forms.scss | 5 +- .../src/components-plugin/_import-export.scss | 6 +- .../src/components-plugin/_landingpage.scss | 20 ++--- .../src/components-plugin/_legacy-modal.scss | 34 ++++++--- .../_listing-newsletters.scss | 8 +- .../css/src/components-plugin/_listing.scss | 15 ++-- .../css/src/components-plugin/_logs.scss | 1 - .../_newsletter-congratulate.scss | 4 +- .../_newsletter-templates.scss | 6 +- .../css/src/components-plugin/_notice.scss | 4 +- .../src/components-plugin/_pages-custom.scss | 2 +- .../css/src/components-plugin/_pages.scss | 18 ++--- .../src/components-plugin/_premium-page.scss | 8 +- .../src/components-plugin/_progress-bar.scss | 20 +++-- .../_set-from-address-modal.scss | 4 +- .../css/src/components-plugin/_settings.scss | 6 +- .../css/src/components-plugin/_stats.scss | 3 +- .../src/components-plugin/_subscribers.scss | 2 +- .../components-plugin/_welcome-wizard.scss | 6 +- .../css/src/components-public/_animation.scss | 34 ++++----- .../css/src/components-public/_public.scss | 54 ++++++++----- .../assets/css/src/components/_modal.scss | 36 ++++++--- .../assets/css/src/components/_parsley.scss | 2 +- .../css/src/components/_premium_required.scss | 8 +- mailpoet/assets/css/src/components/_tabs.scss | 13 +++- mailpoet/assets/css/src/components/_tags.scss | 2 +- .../assets/css/src/components/_tooltips.scss | 3 +- mailpoet/assets/css/src/generic/_buttons.scss | 10 ++- .../css/src/generic/_forms-checkbox.scss | 13 +++- .../assets/css/src/generic/_forms-input.scss | 6 +- .../assets/css/src/generic/_forms-radio.scss | 12 ++- .../assets/css/src/generic/_forms-select.scss | 26 ++++--- .../css/src/generic/_forms-select2.scss | 26 ++++--- .../css/src/generic/_forms-textarea.scss | 9 ++- .../assets/css/src/generic/_forms-toggle.scss | 8 +- .../css/src/generic/_forms-token-field.scss | 2 +- mailpoet/assets/css/src/generic/_helpers.scss | 4 +- .../assets/css/src/generic/_typography.scss | 16 +++- .../src/mailpoet-automation-templates.scss | 8 +- .../assets/css/src/mailpoet-homepage.scss | 1 - .../assets/css/src/mailpoet-templates.scss | 7 +- .../assets/css/src/mixins/_animations.scss | 14 ++-- .../assets/css/src/mixins/_breakpoints.scss | 36 ++++----- mailpoet/assets/css/src/settings/_colors.scss | 2 +- mailpoet/assets/css/src/settings/_editor.scss | 10 ++- mailpoet/assets/css/src/settings/_form.scss | 6 +- .../css/src/settings/_legacy-modal.scss | 2 +- mailpoet/assets/css/src/settings/_modal.scss | 2 +- .../assets/css/src/settings/_newsletter.scss | 16 +++- .../js/src/marketing_optin_block/editor.scss | 6 +- 95 files changed, 562 insertions(+), 326 deletions(-) diff --git a/.prettierignore b/.prettierignore index 401adb0288..f876cbec05 100644 --- a/.prettierignore +++ b/.prettierignore @@ -1,5 +1,4 @@ *.hbs -*.scss .mp_svn _generated _output diff --git a/mailpoet/assets/css/src/components-admin/3rd-party-plugins/_members.scss b/mailpoet/assets/css/src/components-admin/3rd-party-plugins/_members.scss index 04e01518be..77efdd331e 100644 --- a/mailpoet/assets/css/src/components-admin/3rd-party-plugins/_members.scss +++ b/mailpoet/assets/css/src/components-admin/3rd-party-plugins/_members.scss @@ -3,7 +3,8 @@ Style for Members plugin */ .members-tab-title { .mailpoet-icon-logo { - background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNTIuMDIgMTU2LjQiPjxwYXRoIGQ9Ik0zNy43MSw4OS4xYzMuNSwwLDUuOS0uOCw3LjItMi4zYTgsOCwwLDAsMCwyLTUuNFYzNS43bDE3LDQ1LjFhMTIuNjgsMTIuNjgsMCwwLDAsMy43LDUuNGMxLjYsMS4zLDQsMiw3LjIsMmExMi41NCwxMi41NCwwLDAsMCw1LjktMS40LDguNDEsOC40MSwwLDAsMCwzLjktNWwxOC4xLTUwVjgxYTguNTMsOC41MywwLDAsMCwyLjEsNi4xYzEuNCwxLjQsMy43LDIuMiw2LjksMi4yLDMuNSwwLDUuOS0uOCw3LjItMi4zYTgsOCwwLDAsMCwyLTUuNFY4LjdhNy40OCw3LjQ4LDAsMCwwLTMuMy02LjZjLTIuMS0xLjQtNS0yLjEtOC42LTIuMWExOS4zLDE5LjMsMCwwLDAtOS40LDIsMTEuNjMsMTEuNjMsMCwwLDAtNS4xLDYuOEw3NC45MSw2Ny4xLDU0LjQxLDguNGExMi40LDEyLjQsMCwwLDAtNC41LTYuMmMtMi4xLTEuNS01LTIuMi04LjgtMi4yYTE2LjUxLDE2LjUxLDAsMCwwLTguOSwyLjFjLTIuMywxLjUtMy41LDMuOS0zLjUsNy4yVjgwLjhjMCwyLjguNyw0LjgsMiw2LjJDMzIuMjEsODguNCwzNC40MSw4OS4xLDM3LjcxLDg5LjFaIiAvPjxwYXRoIGQ9Ik0xNDksMTE2LjZsLTIuNC0xLjlhNy40LDcuNCwwLDAsMC05LjQuMywxOS42NSwxOS42NSwwLDAsMS0xMi41LDQuNmgtMjEuNEEzNy4wOCwzNy4wOCwwLDAsMCw3NywxMzAuNWwtMS4xLDEuMi0xLjEtMS4xYTM3LjI1LDM3LjI1LDAsMCwwLTI2LjMtMTAuOUgyN2ExOS41OSwxOS41OSwwLDAsMS0xMi40LTQuNiw3LjI4LDcuMjgsMCwwLDAtOS40LS4zbC0yLjQsMS45QTcuNDMsNy40MywwLDAsMCwwLDEyMi4yYTcuMTQsNy4xNCwwLDAsMCwyLjQsNS43QTM3LjI4LDM3LjI4LDAsMCwwLDI3LDEzNy40aDIxLjZhMTkuNTksMTkuNTksMCwwLDEsMTguOSwxNC40di4yYy4xLjcsMS4yLDQuNCw4LjUsNC40czguNC0zLjcsOC41LTQuNHYtLjJhMTkuNTksMTkuNTksMCwwLDEsMTguOS0xNC40SDEyNWEzNy4yOCwzNy4yOCwwLDAsMCwyNC42LTkuNSw3LjQyLDcuNDIsMCwwLDAsMi40LTUuN0E3Ljg2LDcuODYsMCwwLDAsMTQ5LDExNi42WiIgLz48L3N2Zz4=') no-repeat center; + background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNTIuMDIgMTU2LjQiPjxwYXRoIGQ9Ik0zNy43MSw4OS4xYzMuNSwwLDUuOS0uOCw3LjItMi4zYTgsOCwwLDAsMCwyLTUuNFYzNS43bDE3LDQ1LjFhMTIuNjgsMTIuNjgsMCwwLDAsMy43LDUuNGMxLjYsMS4zLDQsMiw3LjIsMmExMi41NCwxMi41NCwwLDAsMCw1LjktMS40LDguNDEsOC40MSwwLDAsMCwzLjktNWwxOC4xLTUwVjgxYTguNTMsOC41MywwLDAsMCwyLjEsNi4xYzEuNCwxLjQsMy43LDIuMiw2LjksMi4yLDMuNSwwLDUuOS0uOCw3LjItMi4zYTgsOCwwLDAsMCwyLTUuNFY4LjdhNy40OCw3LjQ4LDAsMCwwLTMuMy02LjZjLTIuMS0xLjQtNS0yLjEtOC42LTIuMWExOS4zLDE5LjMsMCwwLDAtOS40LDIsMTEuNjMsMTEuNjMsMCwwLDAtNS4xLDYuOEw3NC45MSw2Ny4xLDU0LjQxLDguNGExMi40LDEyLjQsMCwwLDAtNC41LTYuMmMtMi4xLTEuNS01LTIuMi04LjgtMi4yYTE2LjUxLDE2LjUxLDAsMCwwLTguOSwyLjFjLTIuMywxLjUtMy41LDMuOS0zLjUsNy4yVjgwLjhjMCwyLjguNyw0LjgsMiw2LjJDMzIuMjEsODguNCwzNC40MSw4OS4xLDM3LjcxLDg5LjFaIiAvPjxwYXRoIGQ9Ik0xNDksMTE2LjZsLTIuNC0xLjlhNy40LDcuNCwwLDAsMC05LjQuMywxOS42NSwxOS42NSwwLDAsMS0xMi41LDQuNmgtMjEuNEEzNy4wOCwzNy4wOCwwLDAsMCw3NywxMzAuNWwtMS4xLDEuMi0xLjEtMS4xYTM3LjI1LDM3LjI1LDAsMCwwLTI2LjMtMTAuOUgyN2ExOS41OSwxOS41OSwwLDAsMS0xMi40LTQuNiw3LjI4LDcuMjgsMCwwLDAtOS40LS4zbC0yLjQsMS45QTcuNDMsNy40MywwLDAsMCwwLDEyMi4yYTcuMTQsNy4xNCwwLDAsMCwyLjQsNS43QTM3LjI4LDM3LjI4LDAsMCwwLDI3LDEzNy40aDIxLjZhMTkuNTksMTkuNTksMCwwLDEsMTguOSwxNC40di4yYy4xLjcsMS4yLDQuNCw4LjUsNC40czguNC0zLjcsOC41LTQuNHYtLjJhMTkuNTksMTkuNTksMCwwLDEsMTguOS0xNC40SDEyNWEzNy4yOCwzNy4yOCwwLDAsMCwyNC42LTkuNSw3LjQyLDcuNDIsMCwwLDAsMi40LTUuN0E3Ljg2LDcuODYsMCwwLDAsMTQ5LDExNi42WiIgLz48L3N2Zz4=') + no-repeat center; background-size: contain; display: inline-block; height: 20px; @@ -13,15 +14,18 @@ Style for Members plugin } &:not([aria-selected='true']) .mailpoet-icon-logo { - filter: invert(24%) sepia(95%) saturate(1872%) hue-rotate(179deg) brightness(93%) contrast(101%); + filter: invert(24%) sepia(95%) saturate(1872%) hue-rotate(179deg) + brightness(93%) contrast(101%); } > a:hover .mailpoet-icon-logo, > a:active .mailpoet-icon-logo { - filter: invert(49%) sepia(50%) saturate(3683%) hue-rotate(163deg) brightness(94%) contrast(101%); + filter: invert(49%) sepia(50%) saturate(3683%) hue-rotate(163deg) + brightness(94%) contrast(101%); } &[aria-selected='true'] a .mailpoet-icon-logo { - filter: invert(33%) sepia(0%) saturate(7%) hue-rotate(205deg) brightness(94%) contrast(87%); + filter: invert(33%) sepia(0%) saturate(7%) hue-rotate(205deg) + brightness(94%) contrast(87%); } } diff --git a/mailpoet/assets/css/src/components-automation-analytics/_header.scss b/mailpoet/assets/css/src/components-automation-analytics/_header.scss index c75c386322..5b3982efc0 100644 --- a/mailpoet/assets/css/src/components-automation-analytics/_header.scss +++ b/mailpoet/assets/css/src/components-automation-analytics/_header.scss @@ -8,7 +8,7 @@ width: 100%; .components-dropdown__content .components-popover__content { - padding: 0 + padding: 0; } * { diff --git a/mailpoet/assets/css/src/components-automation-analytics/tabs/_orders.scss b/mailpoet/assets/css/src/components-automation-analytics/tabs/_orders.scss index 64f05ca553..d57d009a9f 100644 --- a/mailpoet/assets/css/src/components-automation-analytics/tabs/_orders.scss +++ b/mailpoet/assets/css/src/components-automation-analytics/tabs/_orders.scss @@ -61,7 +61,7 @@ } .mailpoet-analytics-order-status-completed, -.mailpoet-analytics-order-status-processing, { +.mailpoet-analytics-order-status-processing { background: $color-wp-green-0; color: $color-wp-green-60; } diff --git a/mailpoet/assets/css/src/components-automation-editor/_add-step-button.scss b/mailpoet/assets/css/src/components-automation-editor/_add-step-button.scss index 05a8f4da00..05b1ac9b67 100644 --- a/mailpoet/assets/css/src/components-automation-editor/_add-step-button.scss +++ b/mailpoet/assets/css/src/components-automation-editor/_add-step-button.scss @@ -14,8 +14,12 @@ &:focus { box-shadow: - 0 0 0 1px #fbfbfb, // space - 0 0 0 calc(var(--wp-admin-border-width-focus) + 1px) var(--wp-admin-theme-color), // focus ring - 0 0 0 4px #fbfbfb; // separator space + // space + 0 0 0 1px #fbfbfb, + // focus ring + 0 0 0 calc(var(--wp-admin-border-width-focus) + 1px) + var(--wp-admin-theme-color), + // separator space + 0 0 0 4px #fbfbfb; } } diff --git a/mailpoet/assets/css/src/components-automation-editor/_add-trigger.scss b/mailpoet/assets/css/src/components-automation-editor/_add-trigger.scss index aaad477970..c99d9696d9 100644 --- a/mailpoet/assets/css/src/components-automation-editor/_add-trigger.scss +++ b/mailpoet/assets/css/src/components-automation-editor/_add-trigger.scss @@ -13,7 +13,10 @@ &:focus { box-shadow: - 0 0 0 1px #fbfbfb, // space - 0 0 0 calc(var(--wp-admin-border-width-focus) + 1px) var(--wp-admin-theme-color), // focus ring + // space + 0 0 0 1px #fbfbfb, + // focus ring + 0 0 0 calc(var(--wp-admin-border-width-focus) + 1px) + var(--wp-admin-theme-color); } } diff --git a/mailpoet/assets/css/src/components-automation-editor/_chip.scss b/mailpoet/assets/css/src/components-automation-editor/_chip.scss index d38673ba32..6a09c310b5 100644 --- a/mailpoet/assets/css/src/components-automation-editor/_chip.scss +++ b/mailpoet/assets/css/src/components-automation-editor/_chip.scss @@ -35,6 +35,7 @@ } &:focus { - box-shadow: 0 0 0 calc(var(--wp-admin-border-width-focus)) var(--wp-admin-theme-color); + box-shadow: 0 0 0 calc(var(--wp-admin-border-width-focus)) + var(--wp-admin-theme-color); } } diff --git a/mailpoet/assets/css/src/components-automation-editor/_errors.scss b/mailpoet/assets/css/src/components-automation-editor/_errors.scss index 618e1e97ae..80ab49c298 100644 --- a/mailpoet/assets/css/src/components-automation-editor/_errors.scss +++ b/mailpoet/assets/css/src/components-automation-editor/_errors.scss @@ -34,8 +34,7 @@ .mailpoet-automation-field__error { position: relative; - input:not([type='radio']) - select, + input:not([type='radio']) select, textarea, input[type='text'].components-form-token-field__input { background: right top/26px no-repeat url('../../img/icons/alert.svg'); @@ -43,7 +42,7 @@ } select, - input[type=number] { + input[type='number'] { background-position-x: calc(100% - 26px); padding-right: 8px !important; } diff --git a/mailpoet/assets/css/src/components-automation-editor/_notices.scss b/mailpoet/assets/css/src/components-automation-editor/_notices.scss index 66c57e87db..9461ca1711 100644 --- a/mailpoet/assets/css/src/components-automation-editor/_notices.scss +++ b/mailpoet/assets/css/src/components-automation-editor/_notices.scss @@ -9,7 +9,7 @@ .mailpoet-automation-editor-notices__notice-list { // Notices have some unusual margin and padding by default, reset that. .components-notice { - border-bottom: 1px solid rgba(0, 0, 0, .2); + border-bottom: 1px solid rgba(0, 0, 0, 0.2); box-sizing: border-box; margin: 0; min-height: 60px; diff --git a/mailpoet/assets/css/src/components-automation-editor/_panel.scss b/mailpoet/assets/css/src/components-automation-editor/_panel.scss index 58e436fa0a..ccd1e76354 100644 --- a/mailpoet/assets/css/src/components-automation-editor/_panel.scss +++ b/mailpoet/assets/css/src/components-automation-editor/_panel.scss @@ -67,7 +67,7 @@ } .mailpoet-automation-activate-panel { - animation: mailpoet-automation-activate-panel-animation .1s forwards; + animation: mailpoet-automation-activate-panel-animation 0.1s forwards; background: #fff; border-left: 1px solid #ddd; bottom: 0; diff --git a/mailpoet/assets/css/src/components-automation-editor/_step.scss b/mailpoet/assets/css/src/components-automation-editor/_step.scss index f29239b5a2..d3b9dda194 100644 --- a/mailpoet/assets/css/src/components-automation-editor/_step.scss +++ b/mailpoet/assets/css/src/components-automation-editor/_step.scss @@ -22,7 +22,7 @@ background: white; border: 1px solid #dcdcde; border-radius: 4px; - box-shadow: 0 1px 2px rgba(0, 0, 0, .05); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); display: grid; grid-gap: 12px; grid-template-columns: auto 1fr; @@ -39,9 +39,13 @@ &:focus, &.is-selected-step { box-shadow: - 0 0 0 1px #fbfbfb, // space - 0 0 0 calc(var(--wp-admin-border-width-focus) + 1px) var(--wp-admin-theme-color), // focus ring - 0 1px 2px rgba(0, 0, 0, .05); // original shadow + // space + 0 0 0 1px #fbfbfb, + // focus ring + 0 0 0 calc(var(--wp-admin-border-width-focus) + 1px) + var(--wp-admin-theme-color), + // original shadow + 0 1px 2px rgba(0, 0, 0, 0.05); } &:has(.mailpoet-automation-editor-step-footer) { diff --git a/mailpoet/assets/css/src/components-automation-integrations/mailpoet/_button.scss b/mailpoet/assets/css/src/components-automation-integrations/mailpoet/_button.scss index aef918685e..98bea49d02 100644 --- a/mailpoet/assets/css/src/components-automation-integrations/mailpoet/_button.scss +++ b/mailpoet/assets/css/src/components-automation-integrations/mailpoet/_button.scss @@ -9,20 +9,19 @@ } &:disabled { - color: rgba(255, 255, 255, .4); + color: rgba(255, 255, 255, 0.4); } &.is-busy { --background-color-1: #2c3236; --background-color-2: #535659; - background-image: - linear-gradient( - -45deg, - var(--background-color-1) 33%, - var(--background-color-2) 33%, - var(--background-color-2) 70%, - var(--background-color-1) 70% - ); + background-image: linear-gradient( + -45deg, + var(--background-color-1) 33%, + var(--background-color-2) 33%, + var(--background-color-2) 70%, + var(--background-color-1) 70% + ); } } diff --git a/mailpoet/assets/css/src/components-automation-integrations/woocommerce.scss b/mailpoet/assets/css/src/components-automation-integrations/woocommerce.scss index 46be692222..1a7ade2bc7 100644 --- a/mailpoet/assets/css/src/components-automation-integrations/woocommerce.scss +++ b/mailpoet/assets/css/src/components-automation-integrations/woocommerce.scss @@ -1,17 +1,15 @@ - @import '../../../../node_modules/@woocommerce/components/build-style/style'; .mailpoet-product-search { &.is-busy { animation: components-button__busy-animation 2500ms infinite linear; - background-image: - linear-gradient( - -45deg, - var(--background-color-1) 33%, - var(--background-color-2) 33%, - var(--background-color-2) 70%, - var(--background-color-1) 70% - ); + background-image: linear-gradient( + -45deg, + var(--background-color-1) 33%, + var(--background-color-2) 33%, + var(--background-color-2) 70%, + var(--background-color-1) 70% + ); background-size: 100px 100%; --background-color-1: #2c3236; --background-color-2: #535659; diff --git a/mailpoet/assets/css/src/components-automation-listing/_listing.scss b/mailpoet/assets/css/src/components-automation-listing/_listing.scss index 7fabd24593..9774f986fe 100644 --- a/mailpoet/assets/css/src/components-automation-listing/_listing.scss +++ b/mailpoet/assets/css/src/components-automation-listing/_listing.scss @@ -54,12 +54,13 @@ } .components-tab-panel__tabs-item:focus-visible { - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) + var(--wp-admin-theme-color); } .components-tab-panel__tabs-item.is-active:focus-visible { - box-shadow: - inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), + box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) + var(--wp-admin-theme-color), inset 0 -4px 0 0 var(--wp-admin-theme-color); } diff --git a/mailpoet/assets/css/src/components-automation-listing/_search.scss b/mailpoet/assets/css/src/components-automation-listing/_search.scss index fb5a74a47b..6edc79b533 100644 --- a/mailpoet/assets/css/src/components-automation-listing/_search.scss +++ b/mailpoet/assets/css/src/components-automation-listing/_search.scss @@ -1,4 +1,5 @@ -.mailpoet-automation-listing-search.woocommerce-search.woocommerce-select-control > div { +.mailpoet-automation-listing-search.woocommerce-search.woocommerce-select-control + > div { border-color: $color-wordpress-heading; border-radius: 2px; box-shadow: none; diff --git a/mailpoet/assets/css/src/components-automation-listing/_sections.scss b/mailpoet/assets/css/src/components-automation-listing/_sections.scss index dfb2fcff3b..4a060286e1 100644 --- a/mailpoet/assets/css/src/components-automation-listing/_sections.scss +++ b/mailpoet/assets/css/src/components-automation-listing/_sections.scss @@ -80,7 +80,7 @@ .mailpoet-automation-preheading { display: block; font-size: 11px; - letter-spacing: .2px; + letter-spacing: 0.2px; line-height: 16px; margin-bottom: 32px; text-transform: uppercase; diff --git a/mailpoet/assets/css/src/components-automation/_option-button.scss b/mailpoet/assets/css/src/components-automation/_option-button.scss index 65ac388adc..ad3dd2e124 100644 --- a/mailpoet/assets/css/src/components-automation/_option-button.scss +++ b/mailpoet/assets/css/src/components-automation/_option-button.scss @@ -27,7 +27,13 @@ .mailpoet-option-button-opener.is-busy { animation: components-button__busy-animation 2500ms infinite linear; background-color: var(--wp-admin-theme-color); - background-image: linear-gradient(-45deg, var(--wp-admin-theme-color) 33%, var(--wp-admin-theme-color-darker-20) 33%, var(--wp-admin-theme-color-darker-20) 70%, var(--wp-admin-theme-color) 70%); + background-image: linear-gradient( + -45deg, + var(--wp-admin-theme-color) 33%, + var(--wp-admin-theme-color-darker-20) 33%, + var(--wp-admin-theme-color-darker-20) 70%, + var(--wp-admin-theme-color) 70% + ); background-size: 100px 100%; border-color: var(--wp-admin-theme-color); } diff --git a/mailpoet/assets/css/src/components-editor/3rd-party-overrides/_overrides.scss b/mailpoet/assets/css/src/components-editor/3rd-party-overrides/_overrides.scss index 861d37788d..b60b7344a3 100644 --- a/mailpoet/assets/css/src/components-editor/3rd-party-overrides/_overrides.scss +++ b/mailpoet/assets/css/src/components-editor/3rd-party-overrides/_overrides.scss @@ -32,7 +32,7 @@ &.tox-tinymce-inline { border: 1px solid $color-editor-border-content; border-radius: 3px; - box-shadow: 0 0 3px 1px rgba(0, 0, 0, .05); + box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.05); /* Fix for fixed TinyMCE toolbar to be above WP menu */ z-index: 50001; @@ -86,9 +86,13 @@ } &.auto-fold #wpcontent { - @include respond-to(medium-screen) { margin-left: 36px; } + @include respond-to(medium-screen) { + margin-left: 36px; + } - @include respond-to(small-screen) { margin-left: 0; } + @include respond-to(small-screen) { + margin-left: 0; + } } .wrap { diff --git a/mailpoet/assets/css/src/components-editor/_common.scss b/mailpoet/assets/css/src/components-editor/_common.scss index bb61c85634..c69311cc05 100644 --- a/mailpoet/assets/css/src/components-editor/_common.scss +++ b/mailpoet/assets/css/src/components-editor/_common.scss @@ -15,7 +15,9 @@ span.select2-container--open > span.select2-dropdown { min-width: 150px; } -span.select2-container--open > span.select2-dropdown li.select2-results__option { +span.select2-container--open + > span.select2-dropdown + li.select2-results__option { font-size: 13px; margin: 0 !important; @@ -28,7 +30,7 @@ span.select2-container--open > span.select2-dropdown li.select2-results__option font-size: 13px; padding-left: 15px; - &[aria-selected=true] { + &[aria-selected='true'] { background-color: #eee; color: #444; } @@ -51,7 +53,9 @@ span.select2-container--open > span.select2-dropdown li.select2-results__option ul { list-style-type: circle; - ul { list-style-type: square; } + ul { + list-style-type: square; + } } } diff --git a/mailpoet/assets/css/src/components-editor/components/_block-tools.scss b/mailpoet/assets/css/src/components-editor/components/_block-tools.scss index d3e6333a17..9118b3b712 100644 --- a/mailpoet/assets/css/src/components-editor/components/_block-tools.scss +++ b/mailpoet/assets/css/src/components-editor/components/_block-tools.scss @@ -18,13 +18,13 @@ padding: 3px 7px; position: relative; transform: translateY(100%); - transition: all 250ms cubic-bezier(.42, 0, .58, 1); + transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1); } .mailpoet_resize_active & .mailpoet_tools_slider, &.mailpoet_display_tools .mailpoet_tools_slider { transform: translateY(0); - transition: all 250ms cubic-bezier(.42, 0, .58, 1), visibility 0s linear; + transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1), visibility 0s linear; visibility: visible; } @@ -119,7 +119,7 @@ &:hover svg, &:focus svg { - opacity: .7; + opacity: 0.7; } .mailpoet_delete_block_confirmation { diff --git a/mailpoet/assets/css/src/components-editor/components/_forms.scss b/mailpoet/assets/css/src/components-editor/components/_forms.scss index d60318fda7..75beac571a 100644 --- a/mailpoet/assets/css/src/components-editor/components/_forms.scss +++ b/mailpoet/assets/css/src/components-editor/components/_forms.scss @@ -20,7 +20,7 @@ .mailpoet_form_field_optional { color: $color-primary-inactive; - font-size: .8em; + font-size: 0.8em; } .mailpoet_form_field_radio_option, @@ -38,11 +38,11 @@ .mailpoet_form_field_input_option { display: inline-block; - input[type=checkbox] { + input[type='checkbox'] { vertical-align: top; } - input[type=text] { + input[type='text'] { vertical-align: middle; } } diff --git a/mailpoet/assets/css/src/components-editor/components/_history.scss b/mailpoet/assets/css/src/components-editor/components/_history.scss index 5eed4dcb51..d9baeeb339 100644 --- a/mailpoet/assets/css/src/components-editor/components/_history.scss +++ b/mailpoet/assets/css/src/components-editor/components/_history.scss @@ -19,5 +19,7 @@ .mailpoet_history_arrow_inactive { cursor: not-allowed; - svg { stroke: $color-primary-inactive; } + svg { + stroke: $color-primary-inactive; + } } diff --git a/mailpoet/assets/css/src/components-editor/components/_layers.scss b/mailpoet/assets/css/src/components-editor/components/_layers.scss index 33c0861082..9e73638b17 100644 --- a/mailpoet/assets/css/src/components-editor/components/_layers.scss +++ b/mailpoet/assets/css/src/components-editor/components/_layers.scss @@ -1,6 +1,6 @@ .mailpoet_container_layer_active { .mailpoet_block { - opacity: .4; + opacity: 0.4; pointer-events: none; } @@ -19,7 +19,7 @@ } .mailpoet_layer_overlay { - background-color: rgba(0, 0, 0, .6); + background-color: rgba(0, 0, 0, 0.6); height: 100%; left: 0; margin: 0 !important; diff --git a/mailpoet/assets/css/src/components-editor/components/_save.scss b/mailpoet/assets/css/src/components-editor/components/_save.scss index c37a8fae0f..94c8f38b93 100644 --- a/mailpoet/assets/css/src/components-editor/components/_save.scss +++ b/mailpoet/assets/css/src/components-editor/components/_save.scss @@ -87,7 +87,7 @@ .mailpoet_editor_last_saved { color: $color-primary-inactive; - font-size: .9em; + font-size: 0.9em; margin-top: 10px; text-align: right; } diff --git a/mailpoet/assets/css/src/components-editor/components/_sidebar.scss b/mailpoet/assets/css/src/components-editor/components/_sidebar.scss index b7a6c079ba..82c11536e3 100644 --- a/mailpoet/assets/css/src/components-editor/components/_sidebar.scss +++ b/mailpoet/assets/css/src/components-editor/components/_sidebar.scss @@ -89,7 +89,7 @@ text-align: center; width: $editor-widget-size; - &:nth-child(3n+1) { + &:nth-child(3n + 1) { clear: left; } diff --git a/mailpoet/assets/css/src/components-editor/components/_sidepanel.scss b/mailpoet/assets/css/src/components-editor/components/_sidepanel.scss index 6f30ed558b..9f65f7a718 100644 --- a/mailpoet/assets/css/src/components-editor/components/_sidepanel.scss +++ b/mailpoet/assets/css/src/components-editor/components/_sidepanel.scss @@ -43,7 +43,7 @@ .mailpoet_sidepanel_field_optional { color: $color-primary-inactive; - font-size: .8em; + font-size: 0.8em; } .mailpoet_sidepanel_radio_option, @@ -61,11 +61,11 @@ .mailpoet_sidepanel_input_option { display: inline-block; - input[type=checkbox] { + input[type='checkbox'] { vertical-align: top; } - input[type=text] { + input[type='text'] { vertical-align: middle; } } diff --git a/mailpoet/assets/css/src/components-editor/content-blocks/_abandoned-cart-content.scss b/mailpoet/assets/css/src/components-editor/content-blocks/_abandoned-cart-content.scss index d2ced2645b..3e24d38b33 100644 --- a/mailpoet/assets/css/src/components-editor/content-blocks/_abandoned-cart-content.scss +++ b/mailpoet/assets/css/src/components-editor/content-blocks/_abandoned-cart-content.scss @@ -6,12 +6,12 @@ background: rgba(#fff, 0); height: 100%; position: absolute; - transition: background .15s ease-out; + transition: background 0.15s ease-out; width: 100%; z-index: 19; .mailpoet_abandoned_cart_content_block:hover & { - background: rgba(#fff, .9); + background: rgba(#fff, 0.9); cursor: pointer; .mailpoet_overlay_message { diff --git a/mailpoet/assets/css/src/components-editor/content-blocks/_automated-latest-content.scss b/mailpoet/assets/css/src/components-editor/content-blocks/_automated-latest-content.scss index 660ccbffc4..5a0e432df1 100644 --- a/mailpoet/assets/css/src/components-editor/content-blocks/_automated-latest-content.scss +++ b/mailpoet/assets/css/src/components-editor/content-blocks/_automated-latest-content.scss @@ -6,12 +6,12 @@ background: rgba(#fff, 0); height: 100%; position: absolute; - transition: background .15s ease-out; + transition: background 0.15s ease-out; width: 100%; z-index: 19; .mailpoet_automated_latest_content_block:hover & { - background: rgba(#fff, .9); + background: rgba(#fff, 0.9); cursor: pointer; .mailpoet_overlay_message { diff --git a/mailpoet/assets/css/src/components-editor/content-blocks/_base.scss b/mailpoet/assets/css/src/components-editor/content-blocks/_base.scss index 96a96b3388..f5ff32640a 100644 --- a/mailpoet/assets/css/src/components-editor/content-blocks/_base.scss +++ b/mailpoet/assets/css/src/components-editor/content-blocks/_base.scss @@ -14,7 +14,7 @@ position: absolute; right: 0; top: 0; - transition: .3s; + transition: 0.3s; z-index: 1; } @@ -29,7 +29,9 @@ top: -2px; } - &.mailpoet_highlight > .mailpoet_container_horizontal ~ .mailpoet_block_highlight { + &.mailpoet_highlight + > .mailpoet_container_horizontal + ~ .mailpoet_block_highlight { border: 2px solid $color-editor-background-column !important; } } @@ -47,7 +49,7 @@ font-style: normal; font-weight: normal; line-height: $editor-line-height; - margin: 0 0 .3em; + margin: 0 0 0.3em; padding: 0; } diff --git a/mailpoet/assets/css/src/components-editor/content-blocks/_container.scss b/mailpoet/assets/css/src/components-editor/content-blocks/_container.scss index 7b3a69a078..7326e16c0c 100644 --- a/mailpoet/assets/css/src/components-editor/content-blocks/_container.scss +++ b/mailpoet/assets/css/src/components-editor/content-blocks/_container.scss @@ -34,7 +34,9 @@ width: $grid-editor-width; } - > .mailpoet_container_block > .mailpoet_container > .mailpoet_container_block { + > .mailpoet_container_block + > .mailpoet_container + > .mailpoet_container_block { padding-bottom: 0; padding-top: 0; } @@ -42,33 +44,77 @@ .mailpoet_container_horizontal > .mailpoet_container_block { padding-bottom: 0; padding-top: 0; - width: $editor-column-margin + $editor-column-width-one + $editor-column-margin; + width: $editor-column-margin + $editor-column-width-one + + $editor-column-margin; } - > .mailpoet_container_block > .mailpoet_container > .mailpoet_container_block > .mailpoet_container_horizontal, - > .mailpoet_container_block > .mailpoet_container > .mailpoet_posts_block > .mailpoet_posts_container > .mailpoet_container_block > .mailpoet_container > .mailpoet_container_block > .mailpoet_container_horizontal, - > .mailpoet_container_block > .mailpoet_container .mailpoet_automated_latest_content_block_posts .mailpoet_container_horizontal, - > .mailpoet_container_block > .mailpoet_container > .mailpoet_products_block > .mailpoet_products_container > .mailpoet_container_block > .mailpoet_container > .mailpoet_container_block > .mailpoet_container_horizontal, - > .mailpoet_container_block > .mailpoet_container .mailpoet_abandoned_cart_content_container .mailpoet_container_horizontal { + > .mailpoet_container_block + > .mailpoet_container + > .mailpoet_container_block + > .mailpoet_container_horizontal, + > .mailpoet_container_block + > .mailpoet_container + > .mailpoet_posts_block + > .mailpoet_posts_container + > .mailpoet_container_block + > .mailpoet_container + > .mailpoet_container_block + > .mailpoet_container_horizontal, + > .mailpoet_container_block + > .mailpoet_container + .mailpoet_automated_latest_content_block_posts + .mailpoet_container_horizontal, + > .mailpoet_container_block + > .mailpoet_container + > .mailpoet_products_block + > .mailpoet_products_container + > .mailpoet_container_block + > .mailpoet_container + > .mailpoet_container_block + > .mailpoet_container_horizontal, + > .mailpoet_container_block + > .mailpoet_container + .mailpoet_abandoned_cart_content_container + .mailpoet_container_horizontal { > .mailpoet_block:first-child:nth-last-child(2), > .mailpoet_block:first-child:nth-last-child(2) ~ .mailpoet_block { - width: $editor-column-margin + $editor-column-width-two + $editor-column-margin; + width: $editor-column-margin + $editor-column-width-two + + $editor-column-margin; } > .mailpoet_block:first-child:nth-last-child(3), > .mailpoet_block:first-child:nth-last-child(3) ~ .mailpoet_block { - width: $editor-column-margin + $editor-column-width-three + $editor-column-margin; + width: $editor-column-margin + $editor-column-width-three + + $editor-column-margin; } } - > .mailpoet_container_block > .mailpoet_container > .mailpoet_container_block > .mailpoet_container_horizontal.mailpoet_irregular_width_contents_container.column_layout_1_2 > .mailpoet_container_block:first-child, - > .mailpoet_container_block > .mailpoet_container > .mailpoet_container_block > .mailpoet_container_horizontal.mailpoet_irregular_width_contents_container.column_layout_2_1 > .mailpoet_container_block:nth-child(2) { - width: $editor-column-margin + $editor-column-width-three + $editor-column-margin; + > .mailpoet_container_block + > .mailpoet_container + > .mailpoet_container_block + > .mailpoet_container_horizontal.mailpoet_irregular_width_contents_container.column_layout_1_2 + > .mailpoet_container_block:first-child, + > .mailpoet_container_block + > .mailpoet_container + > .mailpoet_container_block + > .mailpoet_container_horizontal.mailpoet_irregular_width_contents_container.column_layout_2_1 + > .mailpoet_container_block:nth-child(2) { + width: $editor-column-margin + $editor-column-width-three + + $editor-column-margin; } - > .mailpoet_container_block > .mailpoet_container > .mailpoet_container_block > .mailpoet_container_horizontal.mailpoet_irregular_width_contents_container.column_layout_2_1 > .mailpoet_container_block:first-child, - > .mailpoet_container_block > .mailpoet_container > .mailpoet_container_block > .mailpoet_container_horizontal.mailpoet_irregular_width_contents_container.column_layout_1_2 > .mailpoet_container_block:nth-child(2) { - width: $editor-column-margin + $editor-column-width-two-wider + $editor-column-margin; + > .mailpoet_container_block + > .mailpoet_container + > .mailpoet_container_block + > .mailpoet_container_horizontal.mailpoet_irregular_width_contents_container.column_layout_2_1 + > .mailpoet_container_block:first-child, + > .mailpoet_container_block + > .mailpoet_container + > .mailpoet_container_block + > .mailpoet_container_horizontal.mailpoet_irregular_width_contents_container.column_layout_1_2 + > .mailpoet_container_block:nth-child(2) { + width: $editor-column-margin + $editor-column-width-two-wider + + $editor-column-margin; } } diff --git a/mailpoet/assets/css/src/components-editor/content-blocks/_coupon.scss b/mailpoet/assets/css/src/components-editor/content-blocks/_coupon.scss index d91e61ac06..319bfa2d35 100644 --- a/mailpoet/assets/css/src/components-editor/content-blocks/_coupon.scss +++ b/mailpoet/assets/css/src/components-editor/content-blocks/_coupon.scss @@ -4,7 +4,7 @@ } .mailpoet_editor_coupon_overlay { - background: rgba(255, 255, 255, .5); + background: rgba(255, 255, 255, 0.5); color: #000; cursor: pointer; display: none; @@ -18,7 +18,7 @@ :hover { .mailpoet_editor_coupon { - opacity: .5; + opacity: 0.5; } .mailpoet_editor_coupon_overlay { @@ -84,7 +84,8 @@ border-right: none; } - .components-search-control input[type=search].components-search-control__input { + .components-search-control + input[type='search'].components-search-control__input { background: $color-white; } } diff --git a/mailpoet/assets/css/src/components-editor/content-blocks/_woocommerce-content.scss b/mailpoet/assets/css/src/components-editor/content-blocks/_woocommerce-content.scss index 86d49cd668..5a591906c5 100644 --- a/mailpoet/assets/css/src/components-editor/content-blocks/_woocommerce-content.scss +++ b/mailpoet/assets/css/src/components-editor/content-blocks/_woocommerce-content.scss @@ -1,10 +1,10 @@ .mailpoet_woocommerce_content_overlay { - background: rgba(255, 255, 255, .7); + background: rgba(255, 255, 255, 0.7); height: 100%; margin: -10px -20px; // cancel out the mailpoet_block padding opacity: 0; position: absolute; - transition: opacity .15s ease-out; + transition: opacity 0.15s ease-out; width: 100%; z-index: 1; diff --git a/mailpoet/assets/css/src/components-editor/content-blocks/_woocommerce-heading.scss b/mailpoet/assets/css/src/components-editor/content-blocks/_woocommerce-heading.scss index 329be3cc38..e1139f151d 100644 --- a/mailpoet/assets/css/src/components-editor/content-blocks/_woocommerce-heading.scss +++ b/mailpoet/assets/css/src/components-editor/content-blocks/_woocommerce-heading.scss @@ -1,9 +1,9 @@ .mailpoet_woocommerce_heading_overlay { - background: rgba(255, 255, 255, .7); + background: rgba(255, 255, 255, 0.7); height: 100%; opacity: 0; position: absolute; - transition: opacity .15s ease-out; + transition: opacity 0.15s ease-out; width: 100%; z-index: 1; diff --git a/mailpoet/assets/css/src/components-form-editor/_block-editor.scss b/mailpoet/assets/css/src/components-form-editor/_block-editor.scss index 1acded1571..fd1c0cfb5e 100644 --- a/mailpoet/assets/css/src/components-form-editor/_block-editor.scss +++ b/mailpoet/assets/css/src/components-form-editor/_block-editor.scss @@ -26,7 +26,9 @@ width: 100%; } -.block-editor .block-editor-inserter .block-editor-button-block-appender.block-list-appender__toggle { +.block-editor + .block-editor-inserter + .block-editor-button-block-appender.block-list-appender__toggle { align-items: center; box-shadow: inset 0 0 0 1px #1e1e1e; display: flex; @@ -37,7 +39,7 @@ width: 100%; &:hover { - box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color) + box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color); } } @@ -101,7 +103,8 @@ h2 { // Adjustments for family-font-select in popover .mailpoet_toolbar_item { .mailpoet-font-family-select { - .components-input-control__container .components-custom-select-control__button { + .components-input-control__container + .components-custom-select-control__button { height: 48px; width: 200px; } @@ -138,9 +141,10 @@ h2 { } // Close button animation -.edit-post-header-toolbar.edit-post-header-toolbar__left > .edit-post-header-toolbar__inserter-toggle { +.edit-post-header-toolbar.edit-post-header-toolbar__left + > .edit-post-header-toolbar__inserter-toggle { svg { - transition: transform cubic-bezier(.165, .84, .44, 1) .2s; + transition: transform cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; } &.is-pressed svg { diff --git a/mailpoet/assets/css/src/components-form-editor/_form-placement.scss b/mailpoet/assets/css/src/components-form-editor/_form-placement.scss index edda5a34b7..1340a78728 100644 --- a/mailpoet/assets/css/src/components-form-editor/_form-placement.scss +++ b/mailpoet/assets/css/src/components-form-editor/_form-placement.scss @@ -1,4 +1,3 @@ - .form-placement-option-list { display: flex; flex-direction: row; @@ -40,7 +39,7 @@ .form-placement-option-icon { background-color: #fff; - box-shadow: 0 4px 18px 0 rgba(68, 75, 102, .15); + box-shadow: 0 4px 18px 0 rgba(68, 75, 102, 0.15); height: 63px; margin: 0 auto; object-fit: contain; diff --git a/mailpoet/assets/css/src/components-form-editor/_preview.scss b/mailpoet/assets/css/src/components-form-editor/_preview.scss index c61b782ed1..c6103b1113 100644 --- a/mailpoet/assets/css/src/components-form-editor/_preview.scss +++ b/mailpoet/assets/css/src/components-form-editor/_preview.scss @@ -61,7 +61,7 @@ .mailpoet_form_preview_disclaimer { bottom: 10px; - font-size: .9em; + font-size: 0.9em; position: absolute; right: 0; width: 380px; diff --git a/mailpoet/assets/css/src/components-form-editor/_selection-item.scss b/mailpoet/assets/css/src/components-form-editor/_selection-item.scss index b1fdb95db8..f79a6c2a82 100644 --- a/mailpoet/assets/css/src/components-form-editor/_selection-item.scss +++ b/mailpoet/assets/css/src/components-form-editor/_selection-item.scss @@ -1,4 +1,3 @@ - .selection-item { background-color: #fff; border: solid $selection-item-active-border $selection-item-base-color; @@ -15,7 +14,7 @@ } .selection-item-overlay { - background-color: rgba(0, 0, 0, .3); + background-color: rgba(0, 0, 0, 0.3); border-radius: 2px; height: 100%; left: 0; @@ -28,7 +27,7 @@ .selection-item-active { border: solid $selection-item-active-border $gutenberg-control-active-color; - box-shadow: 0 4px 8px 0 rgba(156, 166, 204, .5); + box-shadow: 0 4px 8px 0 rgba(156, 166, 204, 0.5); } .selection-item-settings { diff --git a/mailpoet/assets/css/src/components-form-editor/_sidebar.scss b/mailpoet/assets/css/src/components-form-editor/_sidebar.scss index 22c0a6ce82..7de581e38a 100644 --- a/mailpoet/assets/css/src/components-form-editor/_sidebar.scss +++ b/mailpoet/assets/css/src/components-form-editor/_sidebar.scss @@ -62,7 +62,7 @@ flex-direction: column; > * { - margin-bottom: 12px + margin-bottom: 12px; } } diff --git a/mailpoet/assets/css/src/components-form-editor/_template-selection.scss b/mailpoet/assets/css/src/components-form-editor/_template-selection.scss index 9c503e2d80..4de32e0ff5 100644 --- a/mailpoet/assets/css/src/components-form-editor/_template-selection.scss +++ b/mailpoet/assets/css/src/components-form-editor/_template-selection.scss @@ -6,7 +6,10 @@ $mailpoet-form-template-thumbnail-height: 316px; @mixin formTemplatesGrid() { display: grid; grid-gap: $grid-gap; - grid-template-columns: repeat(auto-fill, $mailpoet-form-template-thumbnail-width + $grid-gap-half); + grid-template-columns: repeat( + auto-fill, + $mailpoet-form-template-thumbnail-width + $grid-gap-half + ); justify-content: center; } diff --git a/mailpoet/assets/css/src/components-homepage/_resources.scss b/mailpoet/assets/css/src/components-homepage/_resources.scss index 3f36a0832d..9a071db21b 100644 --- a/mailpoet/assets/css/src/components-homepage/_resources.scss +++ b/mailpoet/assets/css/src/components-homepage/_resources.scss @@ -49,7 +49,7 @@ fill: $color-text-light; height: 20px; margin-left: $grid-gap; - opacity: .4; + opacity: 0.4; width: 20px; } } diff --git a/mailpoet/assets/css/src/components-homepage/_task-list.scss b/mailpoet/assets/css/src/components-homepage/_task-list.scss index b28020bbba..0e4d96b4e6 100644 --- a/mailpoet/assets/css/src/components-homepage/_task-list.scss +++ b/mailpoet/assets/css/src/components-homepage/_task-list.scss @@ -88,7 +88,7 @@ $task-icon-size: 32px; content: ''; height: 100%; left: 0; - opacity: .1; + opacity: 0.1; pointer-events: none; position: absolute; top: 0; diff --git a/mailpoet/assets/css/src/components-homepage/_upsell.scss b/mailpoet/assets/css/src/components-homepage/_upsell.scss index af2e30d07a..b269deed5a 100644 --- a/mailpoet/assets/css/src/components-homepage/_upsell.scss +++ b/mailpoet/assets/css/src/components-homepage/_upsell.scss @@ -1,5 +1,6 @@ .mailpoet-homepage-upsell { - background: bottom right/290px no-repeat url('../../img/homepage/upsell-illustration.png') #fffaf2; + background: bottom right/290px no-repeat + url('../../img/homepage/upsell-illustration.png') #fffaf2; min-height: 288px; .mailpoet-homepage-section__heading { diff --git a/mailpoet/assets/css/src/components-plugin/_browser-preview.scss b/mailpoet/assets/css/src/components-plugin/_browser-preview.scss index a31b3396dc..464bf1a2e3 100644 --- a/mailpoet/assets/css/src/components-plugin/_browser-preview.scss +++ b/mailpoet/assets/css/src/components-plugin/_browser-preview.scss @@ -24,7 +24,7 @@ } .mailpoet_preview_icon_fill { - fill: rgba($color-text, .3); + fill: rgba($color-text, 0.3); } &.mailpoet_active { @@ -44,7 +44,7 @@ height: 100%; margin: auto; padding: 20px; - transition: width .5s; + transition: width 0.5s; } .mailpoet_browser_preview_container_desktop { @@ -58,13 +58,15 @@ .mailpoet_browser_preview_container_mobile .mailpoet_preview_send_to_email, .mailpoet_browser_preview_container_desktop .mailpoet_preview_send_to_email, -.mailpoet_browser_preview_container_send_to_email .mailpoet_browser_preview_border { +.mailpoet_browser_preview_container_send_to_email + .mailpoet_browser_preview_border { display: none; } .mailpoet_browser_preview_container_mobile .mailpoet_browser_preview_border, .mailpoet_browser_preview_container_desktop .mailpoet_browser_preview_border, -.mailpoet_browser_preview_container_send_to_email .mailpoet_preview_send_to_email { +.mailpoet_browser_preview_container_send_to_email + .mailpoet_preview_send_to_email { display: block; } diff --git a/mailpoet/assets/css/src/components-plugin/_common.scss b/mailpoet/assets/css/src/components-plugin/_common.scss index 25e3a04f36..97777b64fe 100644 --- a/mailpoet/assets/css/src/components-plugin/_common.scss +++ b/mailpoet/assets/css/src/components-plugin/_common.scss @@ -127,7 +127,7 @@ body .components-modal__screen-overlay { .mailpoet-locked-badge { align-items: center; background: #fcf9e8; - border: .5px solid #f5e6ab; + border: 0.5px solid #f5e6ab; border-radius: 4px; color: #bd8600; display: flex; @@ -135,7 +135,7 @@ body .components-modal__screen-overlay { font-weight: 500; gap: 4px; height: 20px; - letter-spacing: .2px; + letter-spacing: 0.2px; line-height: 16px; padding: 2px 8px 2px 4px; text-transform: uppercase; diff --git a/mailpoet/assets/css/src/components-plugin/_feature-announcement.scss b/mailpoet/assets/css/src/components-plugin/_feature-announcement.scss index eed2e483c9..25b5ebce0a 100644 --- a/mailpoet/assets/css/src/components-plugin/_feature-announcement.scss +++ b/mailpoet/assets/css/src/components-plugin/_feature-announcement.scss @@ -40,7 +40,7 @@ position: fixed; right: -400px; text-align: center; - transition: right .2s ease-in; + transition: right 0.2s ease-in; width: 400px; z-index: 10000000000; // really has to be this high diff --git a/mailpoet/assets/css/src/components-plugin/_forms.scss b/mailpoet/assets/css/src/components-plugin/_forms.scss index 4eb2c9f524..2141e7997f 100644 --- a/mailpoet/assets/css/src/components-plugin/_forms.scss +++ b/mailpoet/assets/css/src/components-plugin/_forms.scss @@ -92,7 +92,8 @@ progress::-moz-progress-bar { .mailpoet-form-send-email & { grid-column: 2 / -1; - padding-top: $grid-gap + ($heading-font-size-h4 * $heading-line-height) + ($font-size * $line-height * 2); + padding-top: $grid-gap + ($heading-font-size-h4 * $heading-line-height) + + ($font-size * $line-height * 2); text-align: right; } @@ -158,7 +159,7 @@ progress::-moz-progress-bar { &:hover, &:focus, &:active { - background: rgba($color-tertiary-light, .6); + background: rgba($color-tertiary-light, 0.6); ~ .mailpoet-form-input-label { display: block; diff --git a/mailpoet/assets/css/src/components-plugin/_import-export.scss b/mailpoet/assets/css/src/components-plugin/_import-export.scss index 3343365be1..3744faefb6 100644 --- a/mailpoet/assets/css/src/components-plugin/_import-export.scss +++ b/mailpoet/assets/css/src/components-plugin/_import-export.scss @@ -11,7 +11,7 @@ } td { - padding: .5em; + padding: 0.5em; } > table { @@ -27,7 +27,7 @@ > tbody { > td { - padding: .5em; + padding: 0.5em; } > tr { @@ -55,7 +55,7 @@ .mailpoet_data_match { color: #0e90d2; - margin-left: .25em; + margin-left: 0.25em; } .mailpoet_import_error, diff --git a/mailpoet/assets/css/src/components-plugin/_landingpage.scss b/mailpoet/assets/css/src/components-plugin/_landingpage.scss index 97a595c569..f503a4cc05 100644 --- a/mailpoet/assets/css/src/components-plugin/_landingpage.scss +++ b/mailpoet/assets/css/src/components-plugin/_landingpage.scss @@ -11,7 +11,7 @@ padding: $content-padding; @include respond-to(small-screen) { - padding: $mobile-content-padding + padding: $mobile-content-padding; } } @@ -19,7 +19,7 @@ padding: $content-padding; @include respond-to(small-screen) { - padding: $mobile-content-padding + padding: $mobile-content-padding; } } @@ -70,7 +70,7 @@ } @include respond-to(small-screen) { - padding: $mobile-content-padding + padding: $mobile-content-padding; } } @@ -151,12 +151,14 @@ padding: 20px 5px; position: relative; - &::-webkit-details-marker { // remove default marker + &::-webkit-details-marker { + // remove default marker content: ''; display: none; } - &::marker { // remove default marker + &::marker { + // remove default marker content: ''; display: none; } @@ -169,7 +171,7 @@ top: 0; transform: rotate(90deg); transform-origin: center; - transition: .2s transform ease; + transition: 0.2s transform ease; } @include respond-to(small-screen) { @@ -183,19 +185,19 @@ max-height: 0; overflow: hidden; padding: 10px 5px; - transition: max-height .3s ease; + transition: max-height 0.3s ease; } // when accordion is opened &[open] { summary:after { transform: rotate(-90deg); - transition: .5s transform ease; + transition: 0.5s transform ease; } .content { max-height: 400px; - transition: max-height .5s ease-in; + transition: max-height 0.5s ease-in; } } } diff --git a/mailpoet/assets/css/src/components-plugin/_legacy-modal.scss b/mailpoet/assets/css/src/components-plugin/_legacy-modal.scss index 85653f2c54..e015df3932 100644 --- a/mailpoet/assets/css/src/components-plugin/_legacy-modal.scss +++ b/mailpoet/assets/css/src/components-plugin/_legacy-modal.scss @@ -37,15 +37,19 @@ body.mailpoet_modal_opened { } .mailpoet_popup { - animation: mailpoet_popup_fadein .5s; + animation: mailpoet_popup_fadein 0.5s; margin: auto; max-width: 100%; z-index: 25; } @keyframes mailpoet_popup_fadein { - from { opacity: 0; } - to { opacity: 1; } + from { + opacity: 0; + } + to { + opacity: 1; + } } .mailpoet_popup_wrapper { @@ -149,7 +153,7 @@ body.mailpoet_modal_opened { z-index: 2; svg { - opacity: .5; + opacity: 0.5; stroke: #979797; &:hover { @@ -245,7 +249,7 @@ body.mailpoet_modal_opened { } .mailpoet_modal_loading_2 { - animation-delay: .5s; + animation-delay: 0.5s; } .mailpoet_modal_loading_3 { @@ -254,8 +258,12 @@ body.mailpoet_modal_opened { @keyframes bounce_mailpoet_modal_loading { 20%, - 90% { background-color: $color-secondary-light; } - 50% { background-color: $color-secondary; } + 90% { + background-color: $color-secondary-light; + } + 50% { + background-color: $color-secondary; + } } .mailpoet_modal_progress { @@ -275,16 +283,20 @@ body.mailpoet_modal_opened { animation-iteration-count: infinite; animation-name: bounce_mailpoet_modal_progress; background-color: $color-secondary; - box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset; + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; height: 100%; line-height: inherit; position: absolute; - transition: width .4s ease-in-out; + transition: width 0.4s ease-in-out; } @keyframes bounce_mailpoet_modal_progress { - 50% { background-color: $color-secondary-middle; } - 100% { background-color: $color-secondary; } + 50% { + background-color: $color-secondary-middle; + } + 100% { + background-color: $color-secondary; + } } .mailpoet_modal_progress_text { diff --git a/mailpoet/assets/css/src/components-plugin/_listing-newsletters.scss b/mailpoet/assets/css/src/components-plugin/_listing-newsletters.scss index e0d9e510cc..b4efad339d 100644 --- a/mailpoet/assets/css/src/components-plugin/_listing-newsletters.scss +++ b/mailpoet/assets/css/src/components-plugin/_listing-newsletters.scss @@ -26,7 +26,7 @@ } .mailpoet_stat_link_small { - font-size: .75rem; + font-size: 0.75rem; text-decoration: underline !important; } @@ -34,7 +34,7 @@ border-radius: 3px; color: white; cursor: pointer; - font-size: .5625rem; + font-size: 0.5625rem; font-weight: 400; letter-spacing: 1px; margin-right: 4px; @@ -278,7 +278,9 @@ h1.title.mailpoet-newsletter-listing-heading { display: flex; line-height: 22px; - + div { margin-top: 4px; } + + div { + margin-top: 4px; + } } .mailpoet-listing-stats-percentages { diff --git a/mailpoet/assets/css/src/components-plugin/_listing.scss b/mailpoet/assets/css/src/components-plugin/_listing.scss index 5887565df4..4beca1950f 100644 --- a/mailpoet/assets/css/src/components-plugin/_listing.scss +++ b/mailpoet/assets/css/src/components-plugin/_listing.scss @@ -74,12 +74,12 @@ input.mailpoet-listing-current-page { .mailpoet-listing-loading tbody tr, .mailpoet_form_loading div.mailpoet-form-grid { - opacity: .2; + opacity: 0.2; } tr.mailpoet-listing-actions-and-select-all-row td { background-color: $color-white; - box-shadow: 0 4px 4px -2px rgba($color-tertiary-light, .5) !important; + box-shadow: 0 4px 4px -2px rgba($color-tertiary-light, 0.5) !important; padding: 0 !important; } @@ -116,7 +116,7 @@ div.mailpoet-listing-bulk-actions-container { .mailpoet-listing-table { border-spacing: 0; - box-shadow: 0 1px 1px rgba(0, 0, 0, .04); + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); .mailpoet-listing & { background: #fff; @@ -265,7 +265,8 @@ div.mailpoet-listing-bulk-actions-container { } .mailpoet-listing-sorting-arrow { - background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%239CA6CC' d='M2 0h8c.552 0 1 .448 1 1 0 .216-.07.427-.2.6l-4 5.333c-.331.442-.958.532-1.4.2-.076-.057-.143-.124-.2-.2L1.2 1.6C.869 1.158.958.531 1.4.2c.173-.13.384-.2.6-.2z'/%3E%3C/svg%3E") no-repeat center; + background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%239CA6CC' d='M2 0h8c.552 0 1 .448 1 1 0 .216-.07.427-.2.6l-4 5.333c-.331.442-.958.532-1.4.2-.076-.057-.143-.124-.2-.2L1.2 1.6C.869 1.158.958.531 1.4.2c.173-.13.384-.2.6-.2z'/%3E%3C/svg%3E") + no-repeat center; content: ''; display: none; height: 8px; @@ -405,9 +406,11 @@ a.mailpoet-listing-title { } .mailpoet-listing-row-selected { - background: rgba($color-secondary-light, .6); + background: rgba($color-secondary-light, 0.6); - .mailpoet-listing-check-column { border-left-color: $color-secondary; } + .mailpoet-listing-check-column { + border-left-color: $color-secondary; + } } .mailpoet-listing-footer { diff --git a/mailpoet/assets/css/src/components-plugin/_logs.scss b/mailpoet/assets/css/src/components-plugin/_logs.scss index 8d011e825f..fa6af76aeb 100644 --- a/mailpoet/assets/css/src/components-plugin/_logs.scss +++ b/mailpoet/assets/css/src/components-plugin/_logs.scss @@ -1,4 +1,3 @@ - .mailpoet-logs-full-message { font-size: 12px; height: 120px; diff --git a/mailpoet/assets/css/src/components-plugin/_newsletter-congratulate.scss b/mailpoet/assets/css/src/components-plugin/_newsletter-congratulate.scss index 586dc95858..c58428af05 100644 --- a/mailpoet/assets/css/src/components-plugin/_newsletter-congratulate.scss +++ b/mailpoet/assets/css/src/components-plugin/_newsletter-congratulate.scss @@ -1,5 +1,7 @@ .mailpoet-congratulate { - @include full-width-background(linear-gradient(to top, $color-white, $color-secondary-light)); + @include full-width-background( + linear-gradient(to top, $color-white, $color-secondary-light) + ); align-items: center; background: $color-white; display: flex; diff --git a/mailpoet/assets/css/src/components-plugin/_newsletter-templates.scss b/mailpoet/assets/css/src/components-plugin/_newsletter-templates.scss index e0eb2aa1b5..22f352b963 100644 --- a/mailpoet/assets/css/src/components-plugin/_newsletter-templates.scss +++ b/mailpoet/assets/css/src/components-plugin/_newsletter-templates.scss @@ -13,7 +13,7 @@ .mailpoet-template-preview-overlay { align-items: center; - background: rgba(#fff, .96); + background: rgba(#fff, 0.96); border-radius: $grid-border-radius; display: none; height: 100%; @@ -25,7 +25,9 @@ width: 100%; z-index: 1; - .mailpoet-template-preview:hover & { display: flex; } + .mailpoet-template-preview:hover & { + display: flex; + } } .mailpoet-template-info { diff --git a/mailpoet/assets/css/src/components-plugin/_notice.scss b/mailpoet/assets/css/src/components-plugin/_notice.scss index 60689746fb..ef2a80d071 100644 --- a/mailpoet/assets/css/src/components-plugin/_notice.scss +++ b/mailpoet/assets/css/src/components-plugin/_notice.scss @@ -2,7 +2,9 @@ clear: both; position: relative; - p:empty { display: none; } + p:empty { + display: none; + } .button { overflow: initial; diff --git a/mailpoet/assets/css/src/components-plugin/_pages-custom.scss b/mailpoet/assets/css/src/components-plugin/_pages-custom.scss index c6f484a728..a8ec29ab88 100644 --- a/mailpoet/assets/css/src/components-plugin/_pages-custom.scss +++ b/mailpoet/assets/css/src/components-plugin/_pages-custom.scss @@ -18,7 +18,7 @@ Custom styles for MailPoet pages. } .mailpoet_video { - border: 1px solid rgba(0, 0, 0, .1); + border: 1px solid rgba(0, 0, 0, 0.1); } #mailpoet-changelog ul { diff --git a/mailpoet/assets/css/src/components-plugin/_pages.scss b/mailpoet/assets/css/src/components-plugin/_pages.scss index 5f1ea3728a..44c835709d 100644 --- a/mailpoet/assets/css/src/components-plugin/_pages.scss +++ b/mailpoet/assets/css/src/components-plugin/_pages.scss @@ -18,7 +18,7 @@ Please add custom styles to pages_custom.styl hr { border: 0; - border-top: 1px solid rgba(0, 0, 0, .1); + border-top: 1px solid rgba(0, 0, 0, 0.1); height: 0; margin: 0; } @@ -33,7 +33,7 @@ Please add custom styles to pages_custom.styl .mailpoet-logo { position: absolute; right: 0; - top: .2em; + top: 0.2em; } .nav-tab { @@ -52,7 +52,7 @@ Please add custom styles to pages_custom.styl font-size: 2.8em; font-weight: 400; line-height: 1.2em; - margin: 1em 0 .5em; + margin: 1em 0 0.5em; padding: 0; text-align: center; } @@ -66,14 +66,14 @@ Please add custom styles to pages_custom.styl font-size: 2.7em; font-weight: 300; line-height: 1.3; - margin: 40px 0 .6em; + margin: 40px 0 0.6em; text-align: center; } h3 { font-size: 1.4em; line-height: 1.5; - margin: 1.25em 0 .6em; + margin: 1.25em 0 0.6em; } h4 { @@ -94,7 +94,7 @@ Please add custom styles to pages_custom.styl min-height: 60px; } - [class$=col] { + [class$='col'] { .col { float: left; position: relative; @@ -137,13 +137,13 @@ Please add custom styles to pages_custom.styl h4 { font-size: 1em; - margin: 1.4em 0 .6em; + margin: 1.4em 0 0.6em; } p { margin-left: auto; margin-right: auto; - margin-top: .6em; + margin-top: 0.6em; max-width: 55em; } @@ -258,7 +258,7 @@ Please add custom styles to pages_custom.styl } .about-text { - margin-bottom: .25em; + margin-bottom: 0.25em; } .mailpoet-logo { diff --git a/mailpoet/assets/css/src/components-plugin/_premium-page.scss b/mailpoet/assets/css/src/components-plugin/_premium-page.scss index d6dc3ed486..c9e71b7ed5 100644 --- a/mailpoet/assets/css/src/components-plugin/_premium-page.scss +++ b/mailpoet/assets/css/src/components-plugin/_premium-page.scss @@ -84,7 +84,9 @@ div.mailpoet-premium-page-section { } .mailpoet-premium-page-intro { - @include full-width-background(linear-gradient(to top, $color-white, $color-secondary-light)); + @include full-width-background( + linear-gradient(to top, $color-white, $color-secondary-light) + ); align-items: center; img { @@ -98,7 +100,9 @@ div.mailpoet-premium-page-section { } .mailpoet-premium-page-get-started { - @include full-width-background(linear-gradient(to top, $color-white, $color-secondary-light)); + @include full-width-background( + linear-gradient(to top, $color-white, $color-secondary-light) + ); } .mailpoet-premium-page-bullet-list { diff --git a/mailpoet/assets/css/src/components-plugin/_progress-bar.scss b/mailpoet/assets/css/src/components-plugin/_progress-bar.scss index 58b093f93a..512d297621 100644 --- a/mailpoet/assets/css/src/components-plugin/_progress-bar.scss +++ b/mailpoet/assets/css/src/components-plugin/_progress-bar.scss @@ -21,7 +21,7 @@ background-color: #34c2e3; background-image: linear-gradient(to bottom, #34c2e3, darken(#34c2e3, 20%)); border-radius: 3px; - box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset; + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; display: inline-block; height: 100%; position: absolute; @@ -30,7 +30,11 @@ .mailpoet_progress_complete { .mailpoet_progress_bar { background-color: hsla(191, 78%, 80%, 1); - background-image: linear-gradient(to bottom, hsla(191, 78%, 80%, 1), hsla(191, 76%, 67%, 1)); + background-image: linear-gradient( + to bottom, + hsla(191, 78%, 80%, 1), + hsla(191, 76%, 67%, 1) + ); } } @@ -70,7 +74,9 @@ flex-grow: 0; width: 18px; - &:after { display: none; } + &:after { + display: none; + } } &.active:before, @@ -80,7 +86,11 @@ } &.current { - &:before { background-color: #fff; } - &:after { background-color: #dbdbdb; } + &:before { + background-color: #fff; + } + &:after { + background-color: #dbdbdb; + } } } diff --git a/mailpoet/assets/css/src/components-plugin/_set-from-address-modal.scss b/mailpoet/assets/css/src/components-plugin/_set-from-address-modal.scss index 2f23eb5c93..91c72644a8 100644 --- a/mailpoet/assets/css/src/components-plugin/_set-from-address-modal.scss +++ b/mailpoet/assets/css/src/components-plugin/_set-from-address-modal.scss @@ -3,12 +3,12 @@ margin-top: 0; } - input[type=text] { + input[type='text'] { display: block; width: 230px; } - input[type=submit] { + input[type='submit'] { display: block; margin-top: 30px; } diff --git a/mailpoet/assets/css/src/components-plugin/_settings.scss b/mailpoet/assets/css/src/components-plugin/_settings.scss index 75e2931e57..db545e9154 100644 --- a/mailpoet/assets/css/src/components-plugin/_settings.scss +++ b/mailpoet/assets/css/src/components-plugin/_settings.scss @@ -45,7 +45,7 @@ margin-bottom: -$grid-gap; padding: $grid-gap $grid-gap; - &:nth-child(4n+3) { + &:nth-child(4n + 3) { background: $color-tertiary-light-background; } } @@ -74,7 +74,7 @@ ul.sending-method-benefits { line-height: 1.3; padding: $grid-gap; - &:nth-child(4n+3) { + &:nth-child(4n + 3) { background: $color-tertiary-light-background; } } @@ -93,7 +93,7 @@ ul.sending-method-benefits { .mailpoet-settings-inputs { padding: $grid-gap; - &:nth-child(4n+4) { + &:nth-child(4n + 4) { background: $color-tertiary-light-background; } diff --git a/mailpoet/assets/css/src/components-plugin/_stats.scss b/mailpoet/assets/css/src/components-plugin/_stats.scss index 7a18aabbeb..a34a4dfab8 100644 --- a/mailpoet/assets/css/src/components-plugin/_stats.scss +++ b/mailpoet/assets/css/src/components-plugin/_stats.scss @@ -184,7 +184,8 @@ a.mailpoet-stats-product { &:hover, &:focus { - box-shadow: 0 2px 4px 0 rgba($color-tertiary-light, .4), 0 10px 30px 0 $color-tertiary-light; + box-shadow: 0 2px 4px 0 rgba($color-tertiary-light, 0.4), + 0 10px 30px 0 $color-tertiary-light; color: $color-text; text-decoration: none; diff --git a/mailpoet/assets/css/src/components-plugin/_subscribers.scss b/mailpoet/assets/css/src/components-plugin/_subscribers.scss index 8e1948551b..6f9ca7431d 100644 --- a/mailpoet/assets/css/src/components-plugin/_subscribers.scss +++ b/mailpoet/assets/css/src/components-plugin/_subscribers.scss @@ -69,7 +69,7 @@ } .tooltip { - margin-left: $grid-gap-half * .5; + margin-left: $grid-gap-half * 0.5; } .mailpoet-tooltip-message a { diff --git a/mailpoet/assets/css/src/components-plugin/_welcome-wizard.scss b/mailpoet/assets/css/src/components-plugin/_welcome-wizard.scss index 37d6f00e6c..2d556e6a3c 100644 --- a/mailpoet/assets/css/src/components-plugin/_welcome-wizard.scss +++ b/mailpoet/assets/css/src/components-plugin/_welcome-wizard.scss @@ -112,7 +112,9 @@ margin: 0 0 40px; + p, - + ul { margin-top: -20px; } + + ul { + margin-top: -20px; + } } } @@ -141,7 +143,7 @@ line-height: 1.14; span { - background-color: rgba($color-tertiary-light, .7); + background-color: rgba($color-tertiary-light, 0.7); border-radius: 2px; color: $color-tertiary; font-size: $font-size-extra-small; diff --git a/mailpoet/assets/css/src/components-public/_animation.scss b/mailpoet/assets/css/src/components-public/_animation.scss index c9ef0242e8..ed0305ef62 100644 --- a/mailpoet/assets/css/src/components-public/_animation.scss +++ b/mailpoet/assets/css/src/components-public/_animation.scss @@ -1,5 +1,5 @@ .mailpoet_form_overlay_animation { - animation: fade-in-overlay 1s 1 cubic-bezier(.77, 0, .175, 1); + animation: fade-in-overlay 1s 1 cubic-bezier(0.77, 0, 0.175, 1); } @keyframes fade-in-overlay { @@ -8,16 +8,16 @@ } 100% { - opacity: .7; + opacity: 0.7; } } .mailpoet_form_animation_slideup { - animation: slide-up 1s 1 cubic-bezier(.77, 0, .175, 1); + animation: slide-up 1s 1 cubic-bezier(0.77, 0, 0.175, 1); } .mailpoet_form_popup.mailpoet_form_animation_slideup { - animation: slide-up-popup 1s 1 cubic-bezier(.77, 0, .175, 1); + animation: slide-up-popup 1s 1 cubic-bezier(0.77, 0, 0.175, 1); } @keyframes slide-up-popup { @@ -45,7 +45,7 @@ } .mailpoet_form_animation_fadein { - animation: fade-in 1s 1 cubic-bezier(.77, 0, .175, 1); + animation: fade-in 1s 1 cubic-bezier(0.77, 0, 0.175, 1); } @keyframes fade-in { @@ -59,11 +59,11 @@ } .mailpoet_form_animation_slideright { - animation: slide-right 1s 1 cubic-bezier(.77, 0, .175, 1); + animation: slide-right 1s 1 cubic-bezier(0.77, 0, 0.175, 1); } .mailpoet_form_popup.mailpoet_form_animation_slideright { - animation: slide-right-popup 1s 1 cubic-bezier(.77, 0, .175, 1); + animation: slide-right-popup 1s 1 cubic-bezier(0.77, 0, 0.175, 1); } @keyframes slide-right { @@ -91,11 +91,11 @@ } .mailpoet_form_animation_slideleft { - animation: slide-left 1s 1 cubic-bezier(.77, 0, .175, 1); + animation: slide-left 1s 1 cubic-bezier(0.77, 0, 0.175, 1); } .mailpoet_form_popup.mailpoet_form_animation_slideleft { - animation: slide-left-popup 1s 1 cubic-bezier(.77, 0, .175, 1); + animation: slide-left-popup 1s 1 cubic-bezier(0.77, 0, 0.175, 1); } @keyframes slide-left { @@ -123,11 +123,11 @@ } .mailpoet_form_animation_slidedown { - animation: slide-down 1s 1 cubic-bezier(.77, 0, .175, 1); + animation: slide-down 1s 1 cubic-bezier(0.77, 0, 0.175, 1); } .mailpoet_form_popup.mailpoet_form_animation_slidedown { - animation: slide-down-popup 1s 1 cubic-bezier(.77, 0, .175, 1); + animation: slide-down-popup 1s 1 cubic-bezier(0.77, 0, 0.175, 1); } @keyframes slide-down { @@ -155,11 +155,11 @@ } .mailpoet_form_animation_zoomout { - animation: zoom-out 1s 1 cubic-bezier(.77, 0, .175, 1); + animation: zoom-out 1s 1 cubic-bezier(0.77, 0, 0.175, 1); } .mailpoet_form_popup.mailpoet_form_animation_zoomout { - animation: zoom-out-popup 1s 1 cubic-bezier(.77, 0, .175, 1); + animation: zoom-out-popup 1s 1 cubic-bezier(0.77, 0, 0.175, 1); } @keyframes zoom-out { @@ -185,17 +185,17 @@ } .mailpoet_form_animation_zoomin { - animation: zoom-in 1s 1 cubic-bezier(.77, 0, .175, 1); + animation: zoom-in 1s 1 cubic-bezier(0.77, 0, 0.175, 1); } .mailpoet_form_popup.mailpoet_form_animation_zoomin { - animation: zoom-in-popup 1s 1 cubic-bezier(.77, 0, .175, 1); + animation: zoom-in-popup 1s 1 cubic-bezier(0.77, 0, 0.175, 1); } @keyframes zoom-in { 0% { opacity: 0; - transform: scale(.8); + transform: scale(0.8); } 100% { @@ -206,7 +206,7 @@ @keyframes zoom-in-popup { 0% { - transform: scale(.8) translate(-60%, -60%); + transform: scale(0.8) translate(-60%, -60%); } 100% { diff --git a/mailpoet/assets/css/src/components-public/_public.scss b/mailpoet/assets/css/src/components-public/_public.scss index f848249952..5a28ee4c4b 100644 --- a/mailpoet/assets/css/src/components-public/_public.scss +++ b/mailpoet/assets/css/src/components-public/_public.scss @@ -117,17 +117,21 @@ $form-line-height: 1.4; } .mailpoet_form_loading .mailpoet_bounce1 { - animation-delay: -.32s; + animation-delay: -0.32s; } .mailpoet_form_loading .mailpoet_bounce2 { - animation-delay: -.16s; + animation-delay: -0.16s; margin: 0 7px; } .mailpoet_captcha_form { - .mailpoet_validate_success { color: #468847; } - .mailpoet_validate_error { color: #b94a48; } + .mailpoet_validate_success { + color: #468847; + } + .mailpoet_validate_error { + color: #b94a48; + } } .mailpoet_captcha_update { @@ -178,8 +182,12 @@ $form-line-height: 1.4; @keyframes mailpoet-bouncedelay { 0%, 80%, - 100% { transform: scale(0); } - 40% { transform: scale(1); } + 100% { + transform: scale(0); + } + 40% { + transform: scale(1); + } } // Form columns @@ -198,7 +206,9 @@ $form-line-height: 1.4; .mailpoet_form_fixed_bar { @include breakpoint-min-width($form-break-small-width) { - .mailpoet_form_columns .mailpoet_form_column .mailpoet_paragraph:last-child { + .mailpoet_form_columns + .mailpoet_form_column + .mailpoet_paragraph:last-child { margin-bottom: 0; } } @@ -216,7 +226,9 @@ div.mailpoet_form:not(.mailpoet_form_fixed_bar) { @mixin maxWidthColumns() { flex-wrap: wrap; - &.mailpoet_column_with_background .mailpoet_form_column:last-child .mailpoet_paragraph:last-child { + &.mailpoet_column_with_background + .mailpoet_form_column:last-child + .mailpoet_paragraph:last-child { margin-bottom: 0 !important; } } @@ -248,7 +260,7 @@ div.mailpoet_form:not(.mailpoet_form_fixed_bar) { } &.mailpoet_stack_on_mobile { - @include breakpoint-max-width(#{ ($form-break-small-width - 1) }) { + @include breakpoint-max-width(#{($form-break-small-width - 1)}) { @include maxWidthColumns; } } @@ -277,13 +289,16 @@ div.mailpoet_form:not(.mailpoet_form_fixed_bar) { } @include breakpoint-min-width($form-break-small-width) { - .mailpoet_form_form:not(.mailpoet_form_tight_container) .mailpoet_column_with_background & .mailpoet_paragraph:last-child { + .mailpoet_form_form:not(.mailpoet_form_tight_container) + .mailpoet_column_with_background + & + .mailpoet_paragraph:last-child { margin-bottom: 0 !important; } } .mailpoet_stack_on_mobile & { - @include breakpoint-max-width(#{ ($form-break-small-width - 1) }) { + @include breakpoint-max-width(#{($form-break-small-width - 1)}) { @include maxWidthColumn; } } @@ -324,7 +339,7 @@ div.mailpoet_form:not(.mailpoet_form_fixed_bar) { left: 0; margin: 0; max-width: 100% !important; - opacity: .7; + opacity: 0.7; position: fixed; top: 0; width: 100% !important; @@ -334,7 +349,7 @@ div.mailpoet_form:not(.mailpoet_form_fixed_bar) { div.mailpoet_form_popup { background-color: white; border-radius: 10px; - box-shadow: 0 4px 35px 0 rgba(195, 65, 2, .2); + box-shadow: 0 4px 35px 0 rgba(195, 65, 2, 0.2); display: none; left: 50%; max-height: calc(100vh - 60px); @@ -360,7 +375,7 @@ div.mailpoet_form_popup { div.mailpoet_form_fixed_bar { background-color: white; - box-shadow: 0 4px 35px 0 rgba(195, 65, 2, .2); + box-shadow: 0 4px 35px 0 rgba(195, 65, 2, 0.2); box-sizing: border-box; display: none; left: 0; @@ -388,7 +403,7 @@ div.mailpoet_form_fixed_bar { div.mailpoet_form_slide_in { background-color: white; bottom: 0; - box-shadow: 0 4px 35px 0 rgba(195, 65, 2, .2); + box-shadow: 0 4px 35px 0 rgba(195, 65, 2, 0.2); display: none; max-height: calc(100vh - 60px); overflow-y: auto; @@ -498,7 +513,8 @@ div.mailpoet_form_slide_in.active { @include breakpoint-max-width($form-break-small-width - 1) { font-size: $form-mobile-low-level-heading-font-size !important; line-height: $form-line-height !important; - margin: $form-mobile-low-level-heading-font-size * math.div($form-line-height, 2) 0 !important; + margin: $form-mobile-low-level-heading-font-size * + math.div($form-line-height, 2) 0 !important; } } @@ -506,7 +522,8 @@ h1.mailpoet-heading { @include breakpoint-max-width($form-break-small-width - 1) { font-size: $form-mobile-level1-heading-font-size !important; line-height: $form-line-height !important; - margin: $form-mobile-level1-heading-font-size * math.div($form-line-height, 2) 0 !important; + margin: $form-mobile-level1-heading-font-size * + math.div($form-line-height, 2) 0 !important; } } @@ -514,7 +531,8 @@ h2.mailpoet-heading { @include breakpoint-max-width($form-break-small-width - 1) { font-size: $form-mobile-level2-heading-font-size !important; line-height: $form-line-height !important; - margin: $form-mobile-level2-heading-font-size * math.div($form-line-height, 2) 0 !important; + margin: $form-mobile-level2-heading-font-size * + math.div($form-line-height, 2) 0 !important; } &:before { diff --git a/mailpoet/assets/css/src/components/_modal.scss b/mailpoet/assets/css/src/components/_modal.scss index 21fcda4255..997c567c5c 100644 --- a/mailpoet/assets/css/src/components/_modal.scss +++ b/mailpoet/assets/css/src/components/_modal.scss @@ -6,8 +6,8 @@ .mailpoet-modal-screen-overlay { align-items: center; - animation: mailpoet-modal-screen-overlay-fadein-animation .1s ease-out; - background-color: rgba(#000, .7); + animation: mailpoet-modal-screen-overlay-fadein-animation 0.1s ease-out; + background-color: rgba(#000, 0.7); bottom: 0; display: flex; justify-content: center; @@ -19,12 +19,16 @@ } @keyframes mailpoet-modal-screen-overlay-fadein-animation { - from { opacity: 0; } - to { opacity: 1; } + from { + opacity: 0; + } + to { + opacity: 1; + } } .mailpoet-modal-frame { - animation: mailpoet-modal-appear-animation .1s ease-out; + animation: mailpoet-modal-appear-animation 0.1s ease-out; background: white; border: $modal-border-width solid $modal-light-gray-500; border-radius: 4px; @@ -39,7 +43,9 @@ position: relative; width: auto; - &:focus { outline: none; } + &:focus { + outline: none; + } @include respond-to(small-screen) { border: none; @@ -52,8 +58,12 @@ } @keyframes mailpoet-modal-appear-animation { - from { margin-top: $grid-gap * 4; } - to { margin-top: 0; } + from { + margin-top: $grid-gap * 4; + } + to { + margin-top: 0; + } } .mailpoet-modal-header { @@ -77,7 +87,7 @@ display: flex; height: $modal-close-button-size; justify-content: center; - margin-top: - math.div($modal-close-button-size, 2); + margin-top: -1 * math.div($modal-close-button-size, 2); outline: none; padding: 0; position: absolute; @@ -100,8 +110,12 @@ overflow: auto; padding: $grid-gap; - > *:first-child { margin-top: 0; } - > *:last-child { margin-bottom: 0; } + > *:first-child { + margin-top: 0; + } + > *:last-child { + margin-bottom: 0; + } } .mailpoet-modal-full-screen { diff --git a/mailpoet/assets/css/src/components/_parsley.scss b/mailpoet/assets/css/src/components/_parsley.scss index 0b1a47d152..22e8693e67 100644 --- a/mailpoet/assets/css/src/components/_parsley.scss +++ b/mailpoet/assets/css/src/components/_parsley.scss @@ -22,7 +22,7 @@ textarea.parsley-error { margin: 8px 0 3px; opacity: 0; padding: 0; - transition: all .3s ease-in; + transition: all 0.3s ease-in; &.filled { opacity: 1; diff --git a/mailpoet/assets/css/src/components/_premium_required.scss b/mailpoet/assets/css/src/components/_premium_required.scss index 01fe757cc8..dbe4b30bb8 100644 --- a/mailpoet/assets/css/src/components/_premium_required.scss +++ b/mailpoet/assets/css/src/components/_premium_required.scss @@ -23,10 +23,14 @@ font-size: $font-size-small; grid-column: 1 / span 1; - > *:first-child { margin-top: 0; } + > *:first-child { + margin-top: 0; + } @include respond-to(not-small-screen) { - > *:last-child { margin-bottom: 0; } + > *:last-child { + margin-bottom: 0; + } } } diff --git a/mailpoet/assets/css/src/components/_tabs.scss b/mailpoet/assets/css/src/components/_tabs.scss index d6a218f16f..30078bf19a 100644 --- a/mailpoet/assets/css/src/components/_tabs.scss +++ b/mailpoet/assets/css/src/components/_tabs.scss @@ -27,7 +27,7 @@ z-index: 2; &:after { - background: rgba(30, 36, 40, .1); + background: rgba(30, 36, 40, 0.1); content: ''; height: 100%; left: 0; @@ -113,8 +113,12 @@ border-radius: 0 4px 4px; padding: $grid-gap; - > *:first-child { margin-top: 0; } - > *:last-child { margin-bottom: 0; } + > *:first-child { + margin-top: 0; + } + > *:last-child { + margin-bottom: 0; + } } @include respond-to(small-screen) { @@ -136,7 +140,8 @@ z-index: 2; &:after { - background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%231d2327' d='M10 0H2c-.552 0-1 .448-1 1 0 .216.07.427.2.6l4 5.333c.331.442.958.532 1.4.2.076-.057.143-.124.2-.2l4-5.333c.331-.442.242-1.069-.2-1.4-.173-.13-.384-.2-.6-.2z'/%3E%3C/svg%3E%0A") no-repeat center; + background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%231d2327' d='M10 0H2c-.552 0-1 .448-1 1 0 .216.07.427.2.6l4 5.333c.331.442.958.532 1.4.2.076-.057.143-.124.2-.2l4-5.333c.331-.442.242-1.069-.2-1.4-.173-.13-.384-.2-.6-.2z'/%3E%3C/svg%3E%0A") + no-repeat center; content: ''; height: 8px; margin-left: auto; diff --git a/mailpoet/assets/css/src/components/_tags.scss b/mailpoet/assets/css/src/components/_tags.scss index e5d67bdc30..6384bf4e4d 100644 --- a/mailpoet/assets/css/src/components/_tags.scss +++ b/mailpoet/assets/css/src/components/_tags.scss @@ -89,7 +89,7 @@ } .mailpoet-tag-list { - background: rgba($color-tertiary-light, .7); + background: rgba($color-tertiary-light, 0.7); border-color: transparent; color: $color-text; diff --git a/mailpoet/assets/css/src/components/_tooltips.scss b/mailpoet/assets/css/src/components/_tooltips.scss index 64ade558e2..48a2068b25 100644 --- a/mailpoet/assets/css/src/components/_tooltips.scss +++ b/mailpoet/assets/css/src/components/_tooltips.scss @@ -1,6 +1,7 @@ .mailpoet-tooltip { border-radius: 4px; - box-shadow: 0 2px 4px 0 rgba(229, 233, 248, .4), 0 5px 30px 0 $color-tertiary-light; + box-shadow: 0 2px 4px 0 rgba(229, 233, 248, 0.4), + 0 5px 30px 0 $color-tertiary-light; max-width: 400px; padding: $grid-gap-half; z-index: 9990; // Allow tooltip to display over #adminmenuwrap (lefthand menu) core style diff --git a/mailpoet/assets/css/src/generic/_buttons.scss b/mailpoet/assets/css/src/generic/_buttons.scss index 072c41b5c7..f29f979d85 100644 --- a/mailpoet/assets/css/src/generic/_buttons.scss +++ b/mailpoet/assets/css/src/generic/_buttons.scss @@ -31,8 +31,12 @@ width: 10px; } - &.mailpoet-full-width + .mailpoet-button.mailpoet-full-width { margin-top: $grid-gap; } - &:not(.mailpoet-full-width) + .mailpoet-button:not(.mailpoet-full-width) { margin-left: $grid-gap; } + &.mailpoet-full-width + .mailpoet-button.mailpoet-full-width { + margin-top: $grid-gap; + } + &:not(.mailpoet-full-width) + .mailpoet-button:not(.mailpoet-full-width) { + margin-left: $grid-gap; + } } .mailpoet-button-with-spinner { @@ -40,7 +44,7 @@ touch-action: none; &:after { - background: rgba(#fff, .8) no-repeat center; + background: rgba(#fff, 0.8) no-repeat center; background-size: 24px 24px; border-radius: 2px; content: ''; diff --git a/mailpoet/assets/css/src/generic/_forms-checkbox.scss b/mailpoet/assets/css/src/generic/_forms-checkbox.scss index 3443eb1336..1292f1fc59 100644 --- a/mailpoet/assets/css/src/generic/_forms-checkbox.scss +++ b/mailpoet/assets/css/src/generic/_forms-checkbox.scss @@ -26,8 +26,13 @@ } } - &.mailpoet-full-width + .mailpoet-form-checkbox.mailpoet-full-width { margin-top: $grid-gap; } - &:not(.mailpoet-full-width) + .mailpoet-form-checkbox:not(.mailpoet-full-width) { margin-left: $grid-gap; } + &.mailpoet-full-width + .mailpoet-form-checkbox.mailpoet-full-width { + margin-top: $grid-gap; + } + &:not(.mailpoet-full-width) + + .mailpoet-form-checkbox:not(.mailpoet-full-width) { + margin-left: $grid-gap; + } } .mailpoet-form-checkbox-control { @@ -49,5 +54,7 @@ display: none; } - input:checked + &:before { display: block; } + input:checked + &:before { + display: block; + } } diff --git a/mailpoet/assets/css/src/generic/_forms-input.scss b/mailpoet/assets/css/src/generic/_forms-input.scss index b61f8cb166..338245007b 100644 --- a/mailpoet/assets/css/src/generic/_forms-input.scss +++ b/mailpoet/assets/css/src/generic/_forms-input.scss @@ -42,7 +42,8 @@ width: $form-control-icon; &:first-child { - margin: 0 (-$form-control-spacing - $form-control-icon) 0 $form-control-spacing; + margin: 0 (-$form-control-spacing - $form-control-icon) 0 + $form-control-spacing; } + input, @@ -61,7 +62,8 @@ margin-top: $grid-gap; } - &:not(.mailpoet-full-width) + .mailpoet-form-input:not(.mailpoet-full-width):not(.mailpoet-form-select), + &:not(.mailpoet-full-width) + + .mailpoet-form-input:not(.mailpoet-full-width):not(.mailpoet-form-select), &:not(.mailpoet-full-width) + .mailpoet-button:not(.mailpoet-full-width) { margin-left: $grid-gap; } diff --git a/mailpoet/assets/css/src/generic/_forms-radio.scss b/mailpoet/assets/css/src/generic/_forms-radio.scss index 22ce025836..705738ce63 100644 --- a/mailpoet/assets/css/src/generic/_forms-radio.scss +++ b/mailpoet/assets/css/src/generic/_forms-radio.scss @@ -26,8 +26,12 @@ } } - &.mailpoet-full-width + .mailpoet-form-radio.mailpoet-full-width { margin-top: $grid-gap; } - &:not(.mailpoet-full-width) + .mailpoet-form-radio:not(.mailpoet-full-width) { margin-left: $grid-gap; } + &.mailpoet-full-width + .mailpoet-form-radio.mailpoet-full-width { + margin-top: $grid-gap; + } + &:not(.mailpoet-full-width) + .mailpoet-form-radio:not(.mailpoet-full-width) { + margin-left: $grid-gap; + } } .mailpoet-form-radio-control { @@ -53,5 +57,7 @@ width: 16px; } - input:checked + &:before { display: block; } + input:checked + &:before { + display: block; + } } diff --git a/mailpoet/assets/css/src/generic/_forms-select.scss b/mailpoet/assets/css/src/generic/_forms-select.scss index 4251649ddc..07e484080d 100644 --- a/mailpoet/assets/css/src/generic/_forms-select.scss +++ b/mailpoet/assets/css/src/generic/_forms-select.scss @@ -15,8 +15,12 @@ } &.mailpoet-form-input-small > svg { - &:first-child { margin-right: -($form-control-icon-small + $form-control-spacing); } - + select { padding-left: $form-control-icon-small + 2 * $form-control-spacing; } + &:first-child { + margin-right: -($form-control-icon-small + $form-control-spacing); + } + + select { + padding-left: $form-control-icon-small + 2 * $form-control-spacing; + } ~ .mailpoet-form-react-select .mailpoet-form-react-select__value-container { padding-left: $form-control-icon-small + 2 * $form-control-spacing !important; @@ -24,7 +28,8 @@ } &:after { - background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAQCAYAAAAMJL+VAAAAqklEQVR4AWOAAS75Ak922byr7DK5/ynBHDJ5j0FmMaADkARCIeWWYLEg9xG1LACFBKYFcvlxVPOBXF4sAzbAIZs7n1LDQWYw4AJSxg1clEQ0SC/IDAZ8gEcuVwuo+CsZFnwF6WUgBgDDMJ6McI8naDBmfFAe7oTjg/JwJxwflIY74figPNwJxwfF4U44PnKvwAwHsWHhTjlAlLaSQIN7gJHax62YL84wWAAANkMq0+UYHGkAAAAASUVORK5CYII=') no-repeat center; + background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAQCAYAAAAMJL+VAAAAqklEQVR4AWOAAS75Ak922byr7DK5/ynBHDJ5j0FmMaADkARCIeWWYLEg9xG1LACFBKYFcvlxVPOBXF4sAzbAIZs7n1LDQWYw4AJSxg1clEQ0SC/IDAZ8gEcuVwuo+CsZFnwF6WUgBgDDMJ6McI8naDBmfFAe7oTjg/JwJxwflIY74figPNwJxwfF4U44PnKvwAwHsWHhTjlAlLaSQIN7gJHax62YL84wWAAANkMq0+UYHGkAAAAASUVORK5CYII=') + no-repeat center; background-size: contain; content: ''; height: 8px; @@ -50,10 +55,7 @@ } .mailpoet-form-react-select__value-container { - padding: - 2px - $form-control-icon-small + 2 * $form-control-spacing - 2px + padding: 2px $form-control-icon-small + 2 * $form-control-spacing 2px $form-control-spacing-horizontal !important; } @@ -61,7 +63,9 @@ color: $color-text !important; grid-area: 1 / 1 / 2 / 3; margin-left: 2px; - max-width: calc(100% - 8px); // leave space for narrow input to search another value + max-width: calc( + 100% - 8px + ); // leave space for narrow input to search another value overflow: hidden; text-overflow: ellipsis; } @@ -83,14 +87,14 @@ cursor: pointer; svg { - fill: rgba($color-text, .4) !important; + fill: rgba($color-text, 0.4) !important; height: 18px; width: 18px; } &:hover, &:focus { - background: rgba($color-tertiary, .1) !important; + background: rgba($color-tertiary, 0.1) !important; outline: none; } } @@ -153,7 +157,7 @@ } .mailpoet-form-react-select-count { - background: rgba($color-text-light, .5); + background: rgba($color-text-light, 0.5); border-radius: 10px; box-sizing: border-box; color: $color-text; diff --git a/mailpoet/assets/css/src/generic/_forms-select2.scss b/mailpoet/assets/css/src/generic/_forms-select2.scss index a0b4481de9..4b0ad44c9c 100644 --- a/mailpoet/assets/css/src/generic/_forms-select2.scss +++ b/mailpoet/assets/css/src/generic/_forms-select2.scss @@ -34,11 +34,15 @@ */ .mailpoet-form-select { svg { - ~ .select2 .select2-selection__rendered { padding-left: $form-control-icon + 2 * $form-control-spacing !important; } + ~ .select2 .select2-selection__rendered { + padding-left: $form-control-icon + 2 * $form-control-spacing !important; + } } &.mailpoet-form-input-small svg { - ~ .select2 .select2-selection__rendered { padding-left: $form-control-icon-small + 2 * $form-control-spacing !important; } + ~ .select2 .select2-selection__rendered { + padding-left: $form-control-icon-small + 2 * $form-control-spacing !important; + } } .select2-container { @@ -78,7 +82,7 @@ } .select2-selection__choice__remove { - color: rgba($color-text, .4) !important; + color: rgba($color-text, 0.4) !important; font-size: 22px; height: 24px; line-height: 20px; @@ -122,8 +126,12 @@ font-size: $font-size; margin-left: -1px; - &.select2-dropdown--below { margin-top: -4px; } - &.select2-dropdown--above { margin-bottom: -4px; } + &.select2-dropdown--below { + margin-top: -4px; + } + &.select2-dropdown--above { + margin-bottom: -4px; + } .select2-search--dropdown { padding: 6px 8px; @@ -151,12 +159,12 @@ display: flex; padding: 12px $form-control-spacing-horizontal; - &[aria-selected=true] { + &[aria-selected='true'] { background-color: $color-secondary-light; color: $color-text; } - &[role=group] { + &[role='group'] { align-items: stretch; flex-direction: column; } @@ -165,7 +173,7 @@ .select2-results__option--highlighted { background-color: $color-tertiary-light; - &[aria-selected=true] { + &[aria-selected='true'] { background-color: $color-secondary-light-hover; } } @@ -209,7 +217,7 @@ } .mailpoet-form-select2-count { - background: rgba($color-text-light, .5); + background: rgba($color-text-light, 0.5); border-radius: 10px; box-sizing: border-box; color: $color-text; diff --git a/mailpoet/assets/css/src/generic/_forms-textarea.scss b/mailpoet/assets/css/src/generic/_forms-textarea.scss index 809ab20698..8183fdcfce 100644 --- a/mailpoet/assets/css/src/generic/_forms-textarea.scss +++ b/mailpoet/assets/css/src/generic/_forms-textarea.scss @@ -44,8 +44,13 @@ } } - &.mailpoet-full-width + .mailpoet-form-textarea.mailpoet-full-width { margin-top: $grid-gap; } - &:not(.mailpoet-full-width) + .mailpoet-form-textarea:not(.mailpoet-full-width) { margin-left: $grid-gap; } + &.mailpoet-full-width + .mailpoet-form-textarea.mailpoet-full-width { + margin-top: $grid-gap; + } + &:not(.mailpoet-full-width) + + .mailpoet-form-textarea:not(.mailpoet-full-width) { + margin-left: $grid-gap; + } } .mailpoet-form-textarea-small { diff --git a/mailpoet/assets/css/src/generic/_forms-toggle.scss b/mailpoet/assets/css/src/generic/_forms-toggle.scss index 97be6bc497..158e5bbffd 100644 --- a/mailpoet/assets/css/src/generic/_forms-toggle.scss +++ b/mailpoet/assets/css/src/generic/_forms-toggle.scss @@ -24,21 +24,21 @@ left: 0; position: absolute; top: 0; - transition: all .2s ease; + transition: all 0.2s ease; width: 100%; &:after { background: #fff; border: 1px solid $color-input-border; border-radius: math.div($form-control-choice-height, 2); - box-shadow: 0 4px 8px rgba(#dcdcdc, .5); + box-shadow: 0 4px 8px rgba(#dcdcdc, 0.5); box-sizing: border-box; content: ''; height: calc(100% + 2px); left: -1px; position: absolute; top: -1px; - transition: all .2s ease; + transition: all 0.2s ease; width: $form-control-choice-height; } @@ -48,7 +48,7 @@ &:after { border-color: $color-secondary-middle; - box-shadow: -3px 0 8px rgba($color-secondary-middle, .4); + box-shadow: -3px 0 8px rgba($color-secondary-middle, 0.4); transform: translateX(40px - $form-control-choice-height); } } diff --git a/mailpoet/assets/css/src/generic/_forms-token-field.scss b/mailpoet/assets/css/src/generic/_forms-token-field.scss index 720cb8ac89..e5bf06b821 100644 --- a/mailpoet/assets/css/src/generic/_forms-token-field.scss +++ b/mailpoet/assets/css/src/generic/_forms-token-field.scss @@ -8,7 +8,7 @@ min-width: 0; width: $grid-column; // To align the left padding with the other inputs - input[type=text].components-form-token-field__input { + input[type='text'].components-form-token-field__input { margin-left: 0; min-height: 30px; padding-left: 8px; diff --git a/mailpoet/assets/css/src/generic/_helpers.scss b/mailpoet/assets/css/src/generic/_helpers.scss index d9f5b08e5d..d8f878e7e9 100644 --- a/mailpoet/assets/css/src/generic/_helpers.scss +++ b/mailpoet/assets/css/src/generic/_helpers.scss @@ -42,7 +42,7 @@ span.mailpoet-gap-half { } .mailpoet-disabled { - opacity: .5; + opacity: 0.5; pointer-events: none; touch-action: none; } @@ -82,7 +82,7 @@ span.mailpoet-gap-half { touch-action: none; &:after { - background: rgba(#fff, .8) no-repeat center; + background: rgba(#fff, 0.8) no-repeat center; background-image: url('data:image/gif;base64,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'); background-size: 24px 24px; border-radius: 2px; diff --git a/mailpoet/assets/css/src/generic/_typography.scss b/mailpoet/assets/css/src/generic/_typography.scss index a00fdcc01d..2a63f63d1d 100644 --- a/mailpoet/assets/css/src/generic/_typography.scss +++ b/mailpoet/assets/css/src/generic/_typography.scss @@ -30,10 +30,18 @@ h5.mailpoet-h5 { padding: 0; } -h1.mailpoet-h0 { font-size: $heading-font-size-h0; } -h1.mailpoet-h1 { font-size: $heading-font-size-h1; } -h2.mailpoet-h2 { font-size: $heading-font-size-h2; } -h3.mailpoet-h3 { font-size: $heading-font-size-h3; } +h1.mailpoet-h0 { + font-size: $heading-font-size-h0; +} +h1.mailpoet-h1 { + font-size: $heading-font-size-h1; +} +h2.mailpoet-h2 { + font-size: $heading-font-size-h2; +} +h3.mailpoet-h3 { + font-size: $heading-font-size-h3; +} h4.mailpoet-h4 { font-size: $heading-font-size-h4; diff --git a/mailpoet/assets/css/src/mailpoet-automation-templates.scss b/mailpoet/assets/css/src/mailpoet-automation-templates.scss index bfcc6028de..04d44883d0 100644 --- a/mailpoet/assets/css/src/mailpoet-automation-templates.scss +++ b/mailpoet/assets/css/src/mailpoet-automation-templates.scss @@ -46,18 +46,18 @@ ul.mailpoet-automation-templates { &:hover { background: #fff; border: 1px solid #dcdcde; - box-shadow: 0 3px 6px rgba(0, 0, 0, .15); + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15); color: inherit; } &:focus { border-color: #2271b1; - box-shadow: 0 3px 6px rgba(0, 0, 0, .15); + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15); color: inherit; } - >* { - width: 100% + > * { + width: 100%; } } diff --git a/mailpoet/assets/css/src/mailpoet-homepage.scss b/mailpoet/assets/css/src/mailpoet-homepage.scss index 6bf58d288d..d785c76083 100644 --- a/mailpoet/assets/css/src/mailpoet-homepage.scss +++ b/mailpoet/assets/css/src/mailpoet-homepage.scss @@ -1,4 +1,3 @@ - @import '../../../node_modules/@woocommerce/components/build-style/style'; // Needed to load WP admin themes color variables // Settings diff --git a/mailpoet/assets/css/src/mailpoet-templates.scss b/mailpoet/assets/css/src/mailpoet-templates.scss index 73d848c981..5e76efbb3c 100644 --- a/mailpoet/assets/css/src/mailpoet-templates.scss +++ b/mailpoet/assets/css/src/mailpoet-templates.scss @@ -31,7 +31,8 @@ margin: 0; } - .components-search-control input[type=search].components-search-control__input { + .components-search-control + input[type='search'].components-search-control__input { background: $color-white; height: 36px; } @@ -72,13 +73,13 @@ &:hover { background: #fff; - box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 3px 6px rgba(0, 0, 0, .15); + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.15); color: inherit; } &:focus { border-color: #2271b1; - box-shadow: 0 3px 6px rgba(0, 0, 0, .15); + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15); color: inherit; } } diff --git a/mailpoet/assets/css/src/mixins/_animations.scss b/mailpoet/assets/css/src/mixins/_animations.scss index e445445257..115150efb0 100644 --- a/mailpoet/assets/css/src/mixins/_animations.scss +++ b/mailpoet/assets/css/src/mixins/_animations.scss @@ -2,7 +2,7 @@ max-height: $max-height; opacity: 1; overflow-y: inherit; - transition: all 250ms cubic-bezier(.42, 0, .58, 1); /* ease-in-out */ + transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1); /* ease-in-out */ &.mailpoet_closed { max-height: 0; @@ -11,7 +11,7 @@ } @mixin animation-background-color() { - transition: background 250ms cubic-bezier(.42, 0, .58, 1); /* ease-in-out */ + transition: background 250ms cubic-bezier(0.42, 0, 0.58, 1); /* ease-in-out */ } @mixin animation-fade-in() { @@ -22,10 +22,14 @@ } @mixin animation-fade-in-and-scale-horizontally() { - transition: all 250ms cubic-bezier(.42, 0, .58, 1); /* ease-in-out */ + transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1); /* ease-in-out */ } @keyframes fadeIn { - 0% { opacity: .3; } - 100% { opacity: 1; } + 0% { + opacity: 0.3; + } + 100% { + opacity: 1; + } } diff --git a/mailpoet/assets/css/src/mixins/_breakpoints.scss b/mailpoet/assets/css/src/mixins/_breakpoints.scss index 64c43893e5..ebb4c6e279 100644 --- a/mailpoet/assets/css/src/mixins/_breakpoints.scss +++ b/mailpoet/assets/css/src/mixins/_breakpoints.scss @@ -12,22 +12,24 @@ @mixin respond-to($media) { @if $media == small-screen { - @media screen and (max-width: $mailpoet-breakpoint-small) { @content; } - } - - @else if $media == not-small-screen { - @media screen and (min-width: $mailpoet-breakpoint-small + 1) { @content; } - } - - @else if $media == medium-screen { - @media screen and (max-width: $mailpoet-breakpoint-medium) { @content; } - } - - @else if $media == only-medium-screen { - @media screen and (min-width: $mailpoet-breakpoint-small + 1) and (max-width: $mailpoet-breakpoint-medium) { @content; } - } - - @else if $media == min-medium-screen { - @media screen and (min-width: $mailpoet-breakpoint-small + 1) { @content; } + @media screen and (max-width: $mailpoet-breakpoint-small) { + @content; + } + } @else if $media == not-small-screen { + @media screen and (min-width: $mailpoet-breakpoint-small + 1) { + @content; + } + } @else if $media == medium-screen { + @media screen and (max-width: $mailpoet-breakpoint-medium) { + @content; + } + } @else if $media == only-medium-screen { + @media screen and (min-width: $mailpoet-breakpoint-small + 1) and (max-width: $mailpoet-breakpoint-medium) { + @content; + } + } @else if $media == min-medium-screen { + @media screen and (min-width: $mailpoet-breakpoint-small + 1) { + @content; + } } } diff --git a/mailpoet/assets/css/src/settings/_colors.scss b/mailpoet/assets/css/src/settings/_colors.scss index 3d46d58499..e0d20703a6 100644 --- a/mailpoet/assets/css/src/settings/_colors.scss +++ b/mailpoet/assets/css/src/settings/_colors.scss @@ -31,7 +31,7 @@ $color-tertiary-hover: darken($color-tertiary, 10%); $color-tertiary-light: #dcdcde; $color-grey-0: #f6f7f7; $color-tertiary-light-hover: darken($color-tertiary-light, 10%); -$color-tertiary-light-background: rgba($color-tertiary-light, .3); +$color-tertiary-light-background: rgba($color-tertiary-light, 0.3); $color-destructive: #b52727; $color-destructive-hover: #a02222; diff --git a/mailpoet/assets/css/src/settings/_editor.scss b/mailpoet/assets/css/src/settings/_editor.scss index 876f5cfb71..9da584afdc 100644 --- a/mailpoet/assets/css/src/settings/_editor.scss +++ b/mailpoet/assets/css/src/settings/_editor.scss @@ -4,9 +4,13 @@ $editor-line-height: 1.6em; $editor-column-margin: 20px; $editor-column-width-one: $grid-editor-width - (2 * $editor-column-margin); -$editor-column-width-two: math.div($grid-editor-width, 2) - (2 * $editor-column-margin); -$editor-column-width-two-wider: (math.div($grid-editor-width, 3) - $editor-column-margin) * 2; -$editor-column-width-three: math.div($grid-editor-width, 3) - (2 * $editor-column-margin); +$editor-column-width-two: math.div($grid-editor-width, 2) - + (2 * $editor-column-margin); +$editor-column-width-two-wider: ( + math.div($grid-editor-width, 3) - $editor-column-margin + ) * 2; +$editor-column-width-three: math.div($grid-editor-width, 3) - + (2 * $editor-column-margin); $editor-divider-background-color: #daebf2; $editor-divider-border-color: #adadad; diff --git a/mailpoet/assets/css/src/settings/_form.scss b/mailpoet/assets/css/src/settings/_form.scss index b1d5672fa6..5d3bae4717 100644 --- a/mailpoet/assets/css/src/settings/_form.scss +++ b/mailpoet/assets/css/src/settings/_form.scss @@ -3,8 +3,10 @@ $form-control-height: 36px; $form-control-height-small: 32px; $form-control-spacing: 8px; $form-control-spacing-horizontal: $form-control-spacing * 1.5; -$form-control-line-height: $form-control-height - 2 * $form-control-spacing - 2px; // subtract borders -$form-control-line-height-small: $form-control-height-small - 2 * $form-control-spacing - 2px; // subtract borders +$form-control-line-height: $form-control-height - 2 * $form-control-spacing - + 2px; // subtract borders +$form-control-line-height-small: $form-control-height-small - 2 * + $form-control-spacing - 2px; // subtract borders $form-control-icon: 16px; $form-control-icon-small: 12px; $form-control-choice-height: 24px; diff --git a/mailpoet/assets/css/src/settings/_legacy-modal.scss b/mailpoet/assets/css/src/settings/_legacy-modal.scss index 333caf09f1..58a6e51323 100644 --- a/mailpoet/assets/css/src/settings/_legacy-modal.scss +++ b/mailpoet/assets/css/src/settings/_legacy-modal.scss @@ -1,7 +1,7 @@ $legacy-modal-background-color: #fff; $legacy-modal-close-button-size: 23px; $legacy-modal-highlight-background-color: #f1f1f1; -$legacy-modal-overlay-background-color: rgba(#000, .6); +$legacy-modal-overlay-background-color: rgba(#000, 0.6); $legacy-modal-popup-margin: 30px; $legacy-modal-popup-margin_mobile: 10px; $legacy-modal-popup-padding-mobile: 12px; diff --git a/mailpoet/assets/css/src/settings/_modal.scss b/mailpoet/assets/css/src/settings/_modal.scss index 3cb3d333a9..fa319daba4 100644 --- a/mailpoet/assets/css/src/settings/_modal.scss +++ b/mailpoet/assets/css/src/settings/_modal.scss @@ -4,6 +4,6 @@ $modal-header-z-index: 10; $modal-light-gray-500: #e2e4e7; $modal-min-width: 360px; $modal-screen-overlay-z-index: 100000; -$modal-shadow-modal: 0 3px 30px rgba($modal-dark-gray-900, .2); +$modal-shadow-modal: 0 3px 30px rgba($modal-dark-gray-900, 0.2); $modal-close-button-size: 40px; $modal-close-button-padding: 6px; diff --git a/mailpoet/assets/css/src/settings/_newsletter.scss b/mailpoet/assets/css/src/settings/_newsletter.scss index 420e60d082..21835ebb66 100644 --- a/mailpoet/assets/css/src/settings/_newsletter.scss +++ b/mailpoet/assets/css/src/settings/_newsletter.scss @@ -6,10 +6,18 @@ $newsletter-box-margin-big: 40px; $newsletter-box-margin-small: 20px; $newsletter-box-description-space-between-heading-and-paragraph: 5px; $newsletter-box-description-height: 110px; -$newsletter-box-description-text-height: $newsletter-box-description-height - $newsletter-box-description-space-between-heading-and-paragraph; -$newsletter-box-heading-line-height: math.div($newsletter-box-description-text-height, 4); -$newsletter-box-heading-font-size: $newsletter-box-heading-line-height * math.div(5, 7); -$newsletter-box-description-line-height: math.div($newsletter-box-heading-line-height, 2); +$newsletter-box-description-text-height: $newsletter-box-description-height - + $newsletter-box-description-space-between-heading-and-paragraph; +$newsletter-box-heading-line-height: math.div( + $newsletter-box-description-text-height, + 4 +); +$newsletter-box-heading-font-size: $newsletter-box-heading-line-height * + math.div(5, 7); +$newsletter-box-description-line-height: math.div( + $newsletter-box-heading-line-height, + 2 +); $newsletter-box-description-font-size: $newsletter-box-description-line-height; $newsletter-thumbnail-height: $newsletter-box-height * 2; diff --git a/mailpoet/assets/js/src/marketing_optin_block/editor.scss b/mailpoet/assets/js/src/marketing_optin_block/editor.scss index 50ae11a93a..8c8ab3f6b3 100644 --- a/mailpoet/assets/js/src/marketing_optin_block/editor.scss +++ b/mailpoet/assets/js/src/marketing_optin_block/editor.scss @@ -4,7 +4,7 @@ margin: 1em 0; .block-editor-rich-text__editable { - font-size: .875em; + font-size: 0.875em; line-height: inherit; vertical-align: middle; } @@ -16,6 +16,8 @@ } } -.wc-block-checkout__additional_fields .block-editor-inner-blocks .block-editor-block-list__layout { +.wc-block-checkout__additional_fields + .block-editor-inner-blocks + .block-editor-block-list__layout { padding-left: 0; }