Stylelint rules - allow flex and grid properties to be longhanded

[MAILPOET-2067]
This commit is contained in:
Ján Mikláš
2019-05-13 13:47:27 +02:00
committed by M. Shull
parent 8ae7e87b8f
commit b4612424b0
3 changed files with 12 additions and 6 deletions

View File

@@ -21,10 +21,12 @@
"comment-whitespace-inside": "always", "comment-whitespace-inside": "always",
"declaration-bang-space-after": "never", "declaration-bang-space-after": "never",
"declaration-bang-space-before": "always", "declaration-bang-space-before": "always",
"declaration-block-no-duplicate-properties": [ true, { "declaration-block-no-duplicate-properties": [true, {
ignore: ["consecutive-duplicates-with-different-values"], ignore: ["consecutive-duplicates-with-different-values"],
} ], }],
"declaration-block-no-redundant-longhand-properties": true, "declaration-block-no-redundant-longhand-properties": [true, {
ignoreShorthands: [/flex/, /grid/]
}],
"declaration-block-semicolon-newline-after": "always-multi-line", "declaration-block-semicolon-newline-after": "always-multi-line",
"declaration-block-semicolon-space-after": "always-single-line", "declaration-block-semicolon-space-after": "always-single-line",
"declaration-block-semicolon-space-before": "never", "declaration-block-semicolon-space-before": "never",

View File

@@ -135,7 +135,8 @@ tr {
.mailpoet_import_selection_form { .mailpoet_import_selection_form {
display: flex; display: flex;
flex-flow: row nowrap; flex-direction: row;
flex-wrap: nowrap;
> * { > * {
margin-right: 2.5em; margin-right: 2.5em;
@@ -164,7 +165,8 @@ tr {
.mailpoet_import_method_paste { .mailpoet_import_method_paste {
display: flex; display: flex;
flex-flow: row nowrap; flex-direction: row;
flex-wrap: nowrap;
} }
.mailpoet_import_mailchimp { .mailpoet_import_mailchimp {

View File

@@ -17,8 +17,10 @@
background-color: #fff; background-color: #fff;
border: 2px solid #dcdcdc; border: 2px solid #dcdcdc;
display: flex; display: flex;
flex: 1 1 0; flex-basis: 0;
flex-direction: column; flex-direction: column;
flex-grow: 1;
flex-shrink: 1;
margin: 0 25px 25px 0; margin: 0 25px 25px 0;
max-width: 500px; max-width: 500px;