Disable no-shorthand for certain props for better readability

This commit is contained in:
tusooa 2023-01-13 00:37:42 -05:00
parent 7dc2277453
commit a28032fa58
No known key found for this signature in database
GPG Key ID: 7B467EDE43A08224
4 changed files with 20 additions and 10 deletions

View File

@ -21,6 +21,21 @@
"import-notation": null,
"custom-property-pattern": null,
"keyframes-name-pattern": null,
"scss/operator-no-newline-after": null
"scss/operator-no-newline-after": null,
"declaration-block-no-redundant-longhand-properties": [
true,
{
"ignoreShorthands": [
"grid-template",
"margin",
"padding",
"border",
"border-width",
"border-style",
"border-color",
"border-radius"
]
}
]
}
}

View File

@ -214,10 +214,8 @@ nav {
grid-template-columns:
var(--effectiveSidebarColumnWidth)
var(--effectiveContentColumnWidth);
/* stylelint-disable declaration-block-no-redundant-longhand-properties */
grid-template-areas: "sidebar content";
grid-template-rows: 1fr;
/* stylelint-enable declaration-block-no-redundant-longhand-properties */
box-sizing: border-box;
margin: 0 auto;
align-content: flex-start;

View File

@ -14,11 +14,9 @@
.inner-nav {
display: grid;
/* stylelint-disable declaration-block-no-redundant-longhand-properties */
grid-template-rows: var(--navbar-height);
grid-template-columns: 2fr auto 2fr;
grid-template-areas: "sitename logo actions";
/* stylelint-enable declaration-block-no-redundant-longhand-properties */
box-sizing: border-box;
padding: 0 1.2em;
margin: auto;

View File

@ -43,11 +43,10 @@
mask-composite: exclude;
background-size: cover;
mask-size: 100% 60%;
border-radius:
calc(var(--__roundnessTop, --panelRadius) - 1px)
calc(var(--__roundnessTop, --panelRadius) - 1px)
calc(var(--__roundnessBottom, --panelRadius) - 1px)
calc(var(--__roundnessBottom, --panelRadius) - 1px);
border-top-left-radius: calc(var(--__roundnessTop, --panelRadius) - 1px);
border-top-right-radius: calc(var(--__roundnessTop, --panelRadius) - 1px);
border-bottom-left-radius: calc(var(--__roundnessBottom, --panelRadius) - 1px);
border-bottom-right-radius: calc(var(--__roundnessBottom, --panelRadius) - 1px);
background-color: var(--profileBg);
z-index: -2;