diff --git a/.stylelintrc b/.stylelintrc index 6791e6bbf2..a6c5b7517c 100644 --- a/.stylelintrc +++ b/.stylelintrc @@ -9,18 +9,36 @@ "block-closing-brace-empty-line-before": "never", "block-closing-brace-newline-after": "always", "block-closing-brace-newline-before": "always-multi-line", + "block-closing-brace-space-before": "always-single-line", "block-opening-brace-newline-after": "always-multi-line", + "block-opening-brace-space-after": "always-single-line", + "block-opening-brace-space-before": "always", "color-hex-case": "lower", + "declaration-bang-space-after": "never", + "declaration-bang-space-before": "always", "declaration-block-semicolon-newline-after": "always-multi-line", + "declaration-block-semicolon-space-after": "always-single-line", + "declaration-block-semicolon-space-before": "never", "declaration-colon-newline-after": "always-multi-line", + "declaration-colon-space-after": "always-single-line", + "declaration-colon-space-before": "never", "declaration-empty-line-before": "never", + "function-comma-space-after": "always-single-line", + "function-comma-space-before": "never", "function-max-empty-lines": 0, "function-name-case": "lower", "function-parentheses-newline-inside": "always-multi-line", + "function-parentheses-space-inside": "never-single-line", "indentation": 2, "max-empty-lines": 1, + "media-feature-colon-space-after": "always", + "media-feature-colon-space-before": "never", "media-feature-name-case": "lower", + "media-feature-parentheses-space-inside": "never", + "media-feature-range-operator-space-after": "always", "media-query-list-comma-newline-after": "always-multi-line", + "media-query-list-comma-space-after": "always-single-line", + "media-query-list-comma-space-before": "never", "no-missing-end-of-source-newline": true, "order/properties-alphabetical-order": true, "property-case": "lower", @@ -28,16 +46,28 @@ except: ["first-nested"], ignore: ["after-comment"] }], + "scss/dollar-variable-colon-space-after": "always", + "scss/dollar-variable-colon-space-before": "never", "scss/operator-no-newline-after": true, "scss/operator-no-newline-before": true, + "scss/operator-no-unspaced": true, + "selector-attribute-brackets-space-inside": "never", + "selector-attribute-operator-space-after": "never", + "selector-attribute-operator-space-before": "never", + "selector-combinator-space-after": "always", + "selector-combinator-space-before": "always", "selector-list-comma-newline-after": "always", + "selector-list-comma-space-before": "never", "selector-max-empty-lines": 0, "selector-pseudo-class-case": "lower", + "selector-pseudo-class-parentheses-space-inside": "never", "selector-pseudo-element-case": "lower", "selector-type-case": "lower", "string-no-newline": true, "unit-case": "lower", "value-list-comma-newline-after": "always-multi-line", + "value-list-comma-space-after": "always-single-line", + "value-list-comma-space-before": "never", "value-list-max-empty-lines": 0, }, } diff --git a/assets/css/src/components/_pagesCustom.scss b/assets/css/src/components/_pagesCustom.scss index c9d6567f99..87f806d19b 100644 --- a/assets/css/src/components/_pagesCustom.scss +++ b/assets/css/src/components/_pagesCustom.scss @@ -43,7 +43,7 @@ Custom styles for MailPoet pages. margin-right: 0; } - ul.default-list { + ul.default-list { list-style-type: disc; margin-left: 40px; } diff --git a/assets/css/src/components/_progressBar.scss b/assets/css/src/components/_progressBar.scss index 68c3da2246..e4fb8c8da4 100644 --- a/assets/css/src/components/_progressBar.scss +++ b/assets/css/src/components/_progressBar.scss @@ -30,7 +30,7 @@ .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)); } } @@ -66,7 +66,7 @@ width: 100%; } - &:last-of-type{ + &:last-of-type { flex-grow: 0; width: 18px; diff --git a/assets/css/src/components/_public.scss b/assets/css/src/components/_public.scss index 0d2d9feaca..b2767df2a1 100644 --- a/assets/css/src/components/_public.scss +++ b/assets/css/src/components/_public.scss @@ -39,7 +39,7 @@ animation-delay: -0.32s; } -.mailpoet_form_loading .mailpoet_bounce2 { +.mailpoet_form_loading .mailpoet_bounce2 { animation-delay: -0.16s; margin: 0 7px; } diff --git a/assets/css/src/components/newsletterEditor/contentBlocks/_image.scss b/assets/css/src/components/newsletterEditor/contentBlocks/_image.scss index d4928ac3d9..0636008638 100644 --- a/assets/css/src/components/newsletterEditor/contentBlocks/_image.scss +++ b/assets/css/src/components/newsletterEditor/contentBlocks/_image.scss @@ -10,7 +10,7 @@ padding: 0; } - .mailpoet_content { + .mailpoet_content { margin: auto; max-width: 100%; min-width: 36px; diff --git a/assets/css/src/components/newsletterEditor/mixins/_transitions.scss b/assets/css/src/components/newsletterEditor/mixins/_transitions.scss index 9cd8158fa3..e9c382597f 100644 --- a/assets/css/src/components/newsletterEditor/mixins/_transitions.scss +++ b/assets/css/src/components/newsletterEditor/mixins/_transitions.scss @@ -25,7 +25,7 @@ transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1); /* ease-in-out */ } -@keyframes fadeIn { - 0% { opacity: 0.3; } - 100% { opacity: 1; } +@keyframes fadeIn { + 0% { opacity: 0.3; } + 100% { opacity: 1; } }