Cavemanon/piratepoet
8
Fork 0
Code Pull Requests Actions Releases 16 Activity

Enable Prettier for scss

Browse Source 
[MAILPOET-4391]
This commit is contained in:
Jan Jakes
2023-09-27 09:09:35 +02:00
committed by Aschepikov
parent 5c112d5813
commit 0eec3944f1
95 changed files with 562 additions and 326 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
.prettierignore
View File

@@ -1,5 +1,4 @@
*.hbs
*.scss
.mp_svn
_generated
_output

12
mailpoet/assets/css/src/components-admin/3rd-party-plugins/_members.scss
View File

@@ -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%);
}
}

2
mailpoet/assets/css/src/components-automation-analytics/_header.scss
View File

@@ -8,7 +8,7 @@
width: 100%;
.components-dropdown__content .components-popover__content {
padding: 0
padding: 0;
}
* {

2
mailpoet/assets/css/src/components-automation-analytics/tabs/_orders.scss
View File

@@ -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;
}

10
mailpoet/assets/css/src/components-automation-editor/_add-step-button.scss
View File

@@ -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;
}
}

7
mailpoet/assets/css/src/components-automation-editor/_add-trigger.scss
View File

@@ -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);
}
}

3
mailpoet/assets/css/src/components-automation-editor/_chip.scss
View File

@@ -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);
}
}

5
mailpoet/assets/css/src/components-automation-editor/_errors.scss
View File

@@ -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;
}

2
mailpoet/assets/css/src/components-automation-editor/_notices.scss
View File

@@ -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;

2
mailpoet/assets/css/src/components-automation-editor/_panel.scss
View File

@@ -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;

12
mailpoet/assets/css/src/components-automation-editor/_step.scss
View File

@@ -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) {

17
mailpoet/assets/css/src/components-automation-integrations/mailpoet/_button.scss
View File

@@ -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%
);
}
}

16
mailpoet/assets/css/src/components-automation-integrations/woocommerce.scss
View File

@@ -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;

7
mailpoet/assets/css/src/components-automation-listing/_listing.scss
View File

@@ -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);
}

3
mailpoet/assets/css/src/components-automation-listing/_search.scss
View File

@@ -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;

2
mailpoet/assets/css/src/components-automation-listing/_sections.scss
View File

@@ -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;

8
mailpoet/assets/css/src/components-automation/_option-button.scss
View File

@@ -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);
}

10
mailpoet/assets/css/src/components-editor/3rd-party-overrides/_overrides.scss
View File

@@ -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 {

10
mailpoet/assets/css/src/components-editor/_common.scss
View File

@@ -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;
}
}
}

6
mailpoet/assets/css/src/components-editor/components/_block-tools.scss
View File

@@ -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 {

6
mailpoet/assets/css/src/components-editor/components/_forms.scss
View File

@@ -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;
}
}

4
mailpoet/assets/css/src/components-editor/components/_history.scss
View File

@@ -19,5 +19,7 @@
.mailpoet_history_arrow_inactive {
cursor: not-allowed;
svg { stroke: $color-primary-inactive; }
svg {
stroke: $color-primary-inactive;
}
}

4
mailpoet/assets/css/src/components-editor/components/_layers.scss
View File

@@ -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;

2
mailpoet/assets/css/src/components-editor/components/_save.scss
View File

@@ -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;
}

2
mailpoet/assets/css/src/components-editor/components/_sidebar.scss
View File

@@ -89,7 +89,7 @@
text-align: center;
width: $editor-widget-size;
&:nth-child(3n+1) {
&:nth-child(3n + 1) {
clear: left;
}

6
mailpoet/assets/css/src/components-editor/components/_sidepanel.scss
View File

@@ -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;
}
}

4
mailpoet/assets/css/src/components-editor/content-blocks/_abandoned-cart-content.scss
View File

@@ -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 {

4
mailpoet/assets/css/src/components-editor/content-blocks/_automated-latest-content.scss
View File

@@ -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 {

8
mailpoet/assets/css/src/components-editor/content-blocks/_base.scss
View File

@@ -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;
}

76
mailpoet/assets/css/src/components-editor/content-blocks/_container.scss
View File

@@ -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;
}
}

7
mailpoet/assets/css/src/components-editor/content-blocks/_coupon.scss
View File

@@ -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;
}
}

4
mailpoet/assets/css/src/components-editor/content-blocks/_woocommerce-content.scss
View File

@@ -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;

4
mailpoet/assets/css/src/components-editor/content-blocks/_woocommerce-heading.scss
View File

@@ -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;

14
mailpoet/assets/css/src/components-form-editor/_block-editor.scss
View File

@@ -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 {

3
mailpoet/assets/css/src/components-form-editor/_form-placement.scss
View File

@@ -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;

2
mailpoet/assets/css/src/components-form-editor/_preview.scss
View File

@@ -61,7 +61,7 @@
.mailpoet_form_preview_disclaimer {
bottom: 10px;
font-size: .9em;
font-size: 0.9em;
position: absolute;
right: 0;
width: 380px;

5
mailpoet/assets/css/src/components-form-editor/_selection-item.scss
View File

@@ -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 {

2
mailpoet/assets/css/src/components-form-editor/_sidebar.scss
View File

@@ -62,7 +62,7 @@
flex-direction: column;
> * {
margin-bottom: 12px
margin-bottom: 12px;
}
}

5
mailpoet/assets/css/src/components-form-editor/_template-selection.scss
View File

@@ -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;
}

2
mailpoet/assets/css/src/components-homepage/_resources.scss
View File

@@ -49,7 +49,7 @@
fill: $color-text-light;
height: 20px;
margin-left: $grid-gap;
opacity: .4;
opacity: 0.4;
width: 20px;
}
}

2
mailpoet/assets/css/src/components-homepage/_task-list.scss
View File

@@ -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;

3
mailpoet/assets/css/src/components-homepage/_upsell.scss
View File

@@ -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 {

10
mailpoet/assets/css/src/components-plugin/_browser-preview.scss
View File

@@ -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;
}

4
mailpoet/assets/css/src/components-plugin/_common.scss
View File

@@ -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;

2
mailpoet/assets/css/src/components-plugin/_feature-announcement.scss
View File

@@ -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

5
mailpoet/assets/css/src/components-plugin/_forms.scss
View File

@@ -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;

6
mailpoet/assets/css/src/components-plugin/_import-export.scss
View File

@@ -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,

20
mailpoet/assets/css/src/components-plugin/_landingpage.scss
View File

@@ -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;
}
}
}

34
mailpoet/assets/css/src/components-plugin/_legacy-modal.scss
View File

@@ -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 {

8
mailpoet/assets/css/src/components-plugin/_listing-newsletters.scss
View File

@@ -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 {

15
mailpoet/assets/css/src/components-plugin/_listing.scss
View File

@@ -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 {

1
mailpoet/assets/css/src/components-plugin/_logs.scss
View File

@@ -1,4 +1,3 @@
.mailpoet-logs-full-message {
font-size: 12px;
height: 120px;

4
mailpoet/assets/css/src/components-plugin/_newsletter-congratulate.scss
View File

@@ -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;

6
mailpoet/assets/css/src/components-plugin/_newsletter-templates.scss
View File

@@ -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 {

4
mailpoet/assets/css/src/components-plugin/_notice.scss
View File

@@ -2,7 +2,9 @@
clear: both;
position: relative;
p:empty { display: none; }
p:empty {
display: none;
}
.button {
overflow: initial;

2
mailpoet/assets/css/src/components-plugin/_pages-custom.scss
View File

@@ -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 {

18
mailpoet/assets/css/src/components-plugin/_pages.scss
View File

@@ -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 {

8
mailpoet/assets/css/src/components-plugin/_premium-page.scss
View File

@@ -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 {

20
mailpoet/assets/css/src/components-plugin/_progress-bar.scss
View File

@@ -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;
}
}
}

4
mailpoet/assets/css/src/components-plugin/_set-from-address-modal.scss
View File

@@ -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;
}

6
mailpoet/assets/css/src/components-plugin/_settings.scss
View File

@@ -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;
}

3
mailpoet/assets/css/src/components-plugin/_stats.scss
View File

@@ -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;

2
mailpoet/assets/css/src/components-plugin/_subscribers.scss
View File

@@ -69,7 +69,7 @@
}
.tooltip {
margin-left: $grid-gap-half * .5;
margin-left: $grid-gap-half * 0.5;
}
.mailpoet-tooltip-message a {

6
mailpoet/assets/css/src/components-plugin/_welcome-wizard.scss
View File

@@ -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;

34
mailpoet/assets/css/src/components-public/_animation.scss
View File

@@ -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% {

54
mailpoet/assets/css/src/components-public/_public.scss
View File

@@ -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 {

36
mailpoet/assets/css/src/components/_modal.scss
View File

@@ -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 {

2
mailpoet/assets/css/src/components/_parsley.scss
View File

@@ -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;

8
mailpoet/assets/css/src/components/_premium_required.scss
View File

@@ -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;
}
}
}

13
mailpoet/assets/css/src/components/_tabs.scss
View File

@@ -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;

2
mailpoet/assets/css/src/components/_tags.scss
View File

@@ -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;

3
mailpoet/assets/css/src/components/_tooltips.scss
View File

@@ -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

10
mailpoet/assets/css/src/generic/_buttons.scss
View File

@@ -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: '';

13
mailpoet/assets/css/src/generic/_forms-checkbox.scss
View File

@@ -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;
}
}

6
mailpoet/assets/css/src/generic/_forms-input.scss
View File

@@ -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;
}

12
mailpoet/assets/css/src/generic/_forms-radio.scss
View File

@@ -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;
}
}

26
mailpoet/assets/css/src/generic/_forms-select.scss
View File

@@ -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;

26
mailpoet/assets/css/src/generic/_forms-select2.scss
View File

@@ -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;

9
mailpoet/assets/css/src/generic/_forms-textarea.scss
View File

@@ -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 {

8
mailpoet/assets/css/src/generic/_forms-toggle.scss
View File

@@ -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);
}
}

2
mailpoet/assets/css/src/generic/_forms-token-field.scss
View File

@@ -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;

4
mailpoet/assets/css/src/generic/_helpers.scss
View File

File diff suppressed because one or more lines are too long

16
mailpoet/assets/css/src/generic/_typography.scss
View File

@@ -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;

8
mailpoet/assets/css/src/mailpoet-automation-templates.scss
View File

@@ -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%;
}
}

1
mailpoet/assets/css/src/mailpoet-homepage.scss
View File

@@ -1,4 +1,3 @@
@import '../../../node_modules/@woocommerce/components/build-style/style'; // Needed to load WP admin themes color variables
// Settings

7
mailpoet/assets/css/src/mailpoet-templates.scss
View File

@@ -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;
}
}

14
mailpoet/assets/css/src/mixins/_animations.scss
View File

@@ -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;
}
}

36
mailpoet/assets/css/src/mixins/_breakpoints.scss
View File

@@ -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;
}
}
}

2
mailpoet/assets/css/src/settings/_colors.scss
View File

@@ -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;

10
mailpoet/assets/css/src/settings/_editor.scss
View File

@@ -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;

6
mailpoet/assets/css/src/settings/_form.scss
View File

@@ -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;

2
mailpoet/assets/css/src/settings/_legacy-modal.scss
View File

@@ -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;

2
mailpoet/assets/css/src/settings/_modal.scss
View File

@@ -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;

16
mailpoet/assets/css/src/settings/_newsletter.scss
View File

@@ -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;

6
mailpoet/assets/js/src/marketing_optin_block/editor.scss
View File

@@ -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;
}