diff --git a/.stylelintrc.json b/.stylelintrc.json index dfe788c798cf6c4ca0674ecc4a6b88ac56e17b2a..0a93d2578ba7efe0108bf323fe25a0f2547ed9a5 100644 --- a/.stylelintrc.json +++ b/.stylelintrc.json @@ -14,7 +14,6 @@ "prettier/prettier": true, "alpha-value-notation": null, "color-function-notation": null, - "declaration-block-no-redundant-longhand-properties": null, "no-descending-specificity": null, "scss/no-global-function-names": null } diff --git a/_sass/buttons.scss b/_sass/buttons.scss index 1641deb562a8ae7c9cadd65cc050ec4d5c45a4eb..cd6177e8f1c850a8d5bad2bf1eb562d2047834af 100644 --- a/_sass/buttons.scss +++ b/_sass/buttons.scss @@ -4,10 +4,7 @@ .btn { display: inline-block; box-sizing: border-box; - padding-top: 0.3em; - padding-right: 1em; - padding-bottom: 0.3em; - padding-left: 1em; + padding: 0.3em 1em; margin: 0; font-family: inherit; font-size: inherit; diff --git a/_sass/labels.scss b/_sass/labels.scss index c8731bb3dcd0f929cec79cd100a1d8d3cc17a9ed..a1b63c9459589304dabca87bd18fbfd08ee87eb9 100644 --- a/_sass/labels.scss +++ b/_sass/labels.scss @@ -3,10 +3,7 @@ .label, .label-blue { display: inline-block; - padding-top: 0.16em; - padding-right: 0.56em; - padding-bottom: 0.16em; - padding-left: 0.56em; + padding-top: 0.16em 0.56em; margin-right: $sp-2; margin-left: $sp-2; color: $white; diff --git a/_sass/layout.scss b/_sass/layout.scss index fd5f263e78edb7f001b57d153ef7aba94e556d4c..a753866a46a15874d5642f44e9e89e47360c3df5 100644 --- a/_sass/layout.scss +++ b/_sass/layout.scss @@ -7,11 +7,10 @@ background-color: $sidebar-color; @include mq(md) { - flex-wrap: nowrap; + flex-flow: column nowrap; position: fixed; width: $nav-width-md; height: 100%; - flex-direction: column; border-right: $border $border-color; align-items: flex-end; } diff --git a/_sass/navigation.scss b/_sass/navigation.scss index 8768f142d27f309e26b8824f5c7da38280c11e55..011a32ee7a42b50efb962ffce3c86d395af97cfb 100644 --- a/_sass/navigation.scss +++ b/_sass/navigation.scss @@ -73,19 +73,13 @@ width: $nav-list-item-height-sm; height: $nav-list-item-height-sm; - padding-top: #{$nav-list-item-height-sm * 0.25}; - padding-right: #{$nav-list-item-height-sm * 0.25}; - padding-bottom: #{$nav-list-item-height-sm * 0.25}; - padding-left: #{$nav-list-item-height-sm * 0.25}; + padding: #{$nav-list-item-height-sm * 0.25}; color: $link-color; @include mq(md) { width: $nav-list-item-height; height: $nav-list-item-height; - padding-top: #{$nav-list-item-height * 0.25}; - padding-right: #{$nav-list-item-height * 0.25}; - padding-bottom: #{$nav-list-item-height * 0.25}; - padding-left: #{$nav-list-item-height * 0.25}; + padding: #{$nav-list-item-height * 0.25}; } &:hover { @@ -138,10 +132,7 @@ } .nav-category { - padding-top: $sp-2; - padding-right: $gutter-spacing-sm; - padding-bottom: $sp-2; - padding-left: $gutter-spacing-sm; + padding: $sp-2 $gutter-spacing-sm; font-weight: 600; text-align: start; text-transform: uppercase; @@ -149,8 +140,7 @@ @include fs-2; @include mq(md) { - padding-right: $gutter-spacing; - padding-left: $gutter-spacing; + padding: $sp-2 $gutter-spacing; margin-top: $gutter-spacing-sm; text-align: start; diff --git a/_sass/search.scss b/_sass/search.scss index 29efddecd20cf7142ea94ca6399d7601ad5a77f6..2c46e8cd4b53fa53dff9bf624ffb5cfac8ce79f0 100644 --- a/_sass/search.scss +++ b/_sass/search.scss @@ -41,10 +41,7 @@ position: absolute; width: 100%; height: 100%; - padding-top: $sp-2; - padding-right: $gutter-spacing-sm; - padding-bottom: $sp-2; - padding-left: #{$gutter-spacing-sm + $sp-5}; + padding: $sp-2 $gutter-spacing-sm $sp-2 #{$gutter-spacing-sm + $sp-5}; font-size: 16px; color: $body-text-color; background-color: $search-background-color; @@ -55,9 +52,7 @@ border-radius: 0; @include mq(md) { - padding-top: $gutter-spacing-sm; - padding-bottom: $gutter-spacing-sm; - padding-left: #{$gutter-spacing + $sp-5}; + padding: $sp-2 $gutter-spacing-sm $sp-2 #{$gutter-spacing + $sp-5}; font-size: 14px; background-color: $body-background-color; transition: padding-left linear #{$transition-duration * 0.5}; @@ -128,10 +123,7 @@ .search-result { display: block; - padding-top: $sp-1; - padding-right: $sp-3; - padding-bottom: $sp-1; - padding-left: $sp-3; + padding-top: $sp-1 $sp-3; &:hover, &.active { @@ -224,10 +216,7 @@ } .search-no-result { - padding-top: $sp-2; - padding-right: $sp-3; - padding-bottom: $sp-2; - padding-left: $sp-3; + padding: $sp-2 $sp-3; @include fs-3; } diff --git a/_sass/tables.scss b/_sass/tables.scss index 18d337a3b2358f7e635976d7ce8437f710becb9a..db8f9de7761ff787166df74bf1de964e365c499b 100644 --- a/_sass/tables.scss +++ b/_sass/tables.scss @@ -22,10 +22,7 @@ td { @include fs-3; min-width: 120px; - padding-top: $sp-2; - padding-right: $sp-3; - padding-bottom: $sp-2; - padding-left: $sp-3; + padding: $sp-2 $sp-3; background-color: $table-background-color; border-bottom: $border rgba($border-color, 0.5); border-left: $border $border-color;