From 5b881c54858af4bab88bc579385504abcece7c5a Mon Sep 17 00:00:00 2001 From: Allan Corbett Date: Mon, 10 Aug 2020 09:37:51 +0100 Subject: [PATCH] fix(autolinting): linting fixes affects: @buildit/gravity-ui-web --- .../src/sass/03-elements/_headings.scss | 2 +- .../00-page-structure/_00-page-header.scss | 16 ++++++++-------- .../sass/05-components/03-organisms/_hero.scss | 2 +- 3 files changed, 10 insertions(+), 10 deletions(-) diff --git a/packages/gravity-ui-web/src/sass/03-elements/_headings.scss b/packages/gravity-ui-web/src/sass/03-elements/_headings.scss index 34ee9d4b..ef428a1e 100644 --- a/packages/gravity-ui-web/src/sass/03-elements/_headings.scss +++ b/packages/gravity-ui-web/src/sass/03-elements/_headings.scss @@ -5,8 +5,8 @@ h4, h5, h6 { font-weight: grav-font-weight('primary', 'bold'); - line-height: $grav-line-height-title; letter-spacing: -0.025em; + line-height: $grav-line-height-title; } h1 { diff --git a/packages/gravity-ui-web/src/sass/05-components/03-organisms/00-page-structure/_00-page-header.scss b/packages/gravity-ui-web/src/sass/05-components/03-organisms/00-page-structure/_00-page-header.scss index fc5d1f4a..bb09703c 100644 --- a/packages/gravity-ui-web/src/sass/05-components/03-organisms/00-page-structure/_00-page-header.scss +++ b/packages/gravity-ui-web/src/sass/05-components/03-organisms/00-page-structure/_00-page-header.scss @@ -5,11 +5,11 @@ $grav-page-heading-trigger-breakpoint: grav-breakpoint(medium); // is in case we want to give it any kind of full-bleed background styling. // The child elements within therefore need to respect the maximum content // width ($grav-page-content-max-width) themselves, where necessary. -body>header, +body > header, .grav-c-page-header { margin-top: -1 * $grav-sp-page-content-inset; - >div { + > div { display: flex; flex-wrap: wrap; padding-top: $grav-sp-m; @@ -30,8 +30,8 @@ body>header, } /* stylelint-disable-next-line selector-max-compound-selectors */ - &[aria-pressed]~.grav-c-nav-menu, - &[aria-pressed='false']~.grav-c-nav-menu { + &[aria-pressed] ~ .grav-c-nav-menu, + &[aria-pressed='false'] ~ .grav-c-nav-menu { @include grav-transition(max-height, $grav-tr-speed-slow); max-height: 0; overflow: hidden; @@ -45,7 +45,7 @@ body>header, } /* stylelint-disable-next-line selector-max-compound-selectors */ - &[aria-pressed='true']~.grav-c-nav-menu { + &[aria-pressed='true'] ~ .grav-c-nav-menu { max-height: 100vh; @media (min-width: $grav-page-heading-trigger-breakpoint) { @@ -66,7 +66,7 @@ body>header, } // Special rule for adjacent elements - +* { + + * { // This creates a gap equivalent to $grav-sp-vertical-gap-l applied to an element that has // the base font size, regardless of what the element's actual font-size is. This ensures // a consistent gap between the page header and the first item that follows it, regardless @@ -119,11 +119,11 @@ body>header, // Header within a full-bleed body, should use its DIV // as a content container /* stylelint-disable-next-line selector-no-qualifying-type */ -body.grav-o-full-bleed>header, +body.grav-o-full-bleed > header, .grav-o-full-bleed .grav-c-page-header { margin-top: 0; - >div { + > div { @include grav-l-container; } } diff --git a/packages/gravity-ui-web/src/sass/05-components/03-organisms/_hero.scss b/packages/gravity-ui-web/src/sass/05-components/03-organisms/_hero.scss index 30c7f3b2..e1bca449 100644 --- a/packages/gravity-ui-web/src/sass/05-components/03-organisms/_hero.scss +++ b/packages/gravity-ui-web/src/sass/05-components/03-organisms/_hero.scss @@ -29,7 +29,7 @@ margin: (-1 * $container-vertical-shift) auto 0; padding: $container-vertical-shift $grav-sp-m $grav-sp-m $grav-sp-m; - >* { + > * { max-width: $grav-page-content-max-width - ($container-horizontal-max-margin * 2) - ($container-horizontal-max-inset * 2); margin-right: auto; margin-left: auto;