diff --git a/source/_patterns/00-config/_design-tokens.artifact.scss b/source/_patterns/00-config/_design-tokens.artifact.scss index d2ef2e7796aae70405654024d45884002b23a5a6..8e7f094b17029ab5820275f2b390c70be33c2e0f 100644 --- a/source/_patterns/00-config/_design-tokens.artifact.scss +++ b/source/_patterns/00-config/_design-tokens.artifact.scss @@ -503,4 +503,4 @@ $gesso: ( xxl: 96px, ), gutter-width: 40px, -); +); \ No newline at end of file diff --git a/source/_patterns/04-components/catalog/_catalog.scss b/source/_patterns/04-components/catalog/_catalog.scss index 1eb078bcf20baab9100ed3d9f089b6a41b9adff1..753761e04ffbcc17564d27701794db1afc995c1c 100644 --- a/source/_patterns/04-components/catalog/_catalog.scss +++ b/source/_patterns/04-components/catalog/_catalog.scss @@ -1,14 +1,10 @@ .path-catalogs, .path-taxonomy, .path-services { - // margin-top: 0.625rem; - .views-element-container { min-height: 3rem; position: relative; } - .uw-catalog-search{ - } .view-content { // reset the flex display: inherit; @@ -58,55 +54,3 @@ } } } -.view-uw-view-catalog-show-nodes, -.view-uw-view-catalog-show-terms{ - display: inherit; - gap: inherit; - grid-template-columns:inherit; - padding: inherit; - position: inherit; - .view-content { - .item-list{ - ul { - margin: 0; - padding: 0; - - li { - list-style-type: none; - margin-left: 0; - padding-left: 0; - p{ - margin:0; - } - a { - margin-right: .2rem; - text-decoration: underline; - - &:hover, - &:focus{ - text-decoration: none; - } - } - h2{ - font-size: gesso-font-size(3); - margin: gesso-spacing(md) 0 gesso-spacing(xs) 0; - span{ - font-family:gesso-font-family(primary); - font-size: gesso-font-size(0); - @include medium{ - font-size: gesso-font-size(1); - } - } - } - .views-field-title{ - @extend %hN; - @include display-text-style(h2); - font-size: gesso-font-size(3); - margin: gesso-spacing(md) 0 gesso-spacing(xs) 0; - } - } - } - } - } - -} diff --git a/source/_patterns/04-components/details/_details.scss b/source/_patterns/04-components/details/_details.scss index 9e6bd8a3138708559994265bb99ed0dc36632c59..d2c6322017cb2c1d056ead45b11123e681b975f9 100644 --- a/source/_patterns/04-components/details/_details.scss +++ b/source/_patterns/04-components/details/_details.scss @@ -4,7 +4,7 @@ $details-background-color: gesso-color(ui, generic, background-light) !default; $details-background-color-hover: gesso-color(ui, generic, background) !default; $details-content-background-color: gesso-color(background, site) !default; -$details-padding: gesso-spacing(lg) !default; +$details-padding: gesso-spacing(sm) !default; $details-text-color: gesso-color(text, on-light) !default; $summary-font-family: gesso-font-family(book); $details-font-family: gesso-font-family(primary); @@ -56,7 +56,7 @@ $details-font-family: gesso-font-family(primary); font-size: rem(gesso-font-size(-1)); line-height: 1.25; outline: 0; - padding: 1rem; + padding: $details-padding; text-shadow: 0 1px 0 #fff; transition: box-shadow gesso-duration(short) gesso-easing(ease-in-out); diff --git a/source/_patterns/04-components/view/_view.scss b/source/_patterns/04-components/view/_view.scss index f2d212dd3e6262af8f143f12c1d941cf79ff7b86..fc3fb74ecc67910fa3e7884cf399e412e6fa24b7 100644 --- a/source/_patterns/04-components/view/_view.scss +++ b/source/_patterns/04-components/view/_view.scss @@ -155,6 +155,63 @@ $sidebar-width: 18.75rem; } } } + + // Overite the view for when in services or catalog + &-uw-view-catalog-show-nodes, + &-uw-view-catalog-show-terms, + &-uw-view-taxonomy-show-nodes, + &-uw-view-taxonomy-show-terms, + &-uw-view-service-show-nodes, + &-uw-view-service-show-terms{ + display: inherit; + gap: inherit; + grid-template-columns:inherit; + padding: inherit; + position: inherit; + .view-content { + .item-list{ + ul { + margin: 0; + padding: 0; + + li { + list-style-type: none; + margin-left: 0; + padding-left: 0; + p{ + margin:0; + } + a { + margin-right: .2rem; + text-decoration: underline; + + &:hover, + &:focus{ + text-decoration: none; + } + } + h2{ + font-size: gesso-font-size(3); + margin: gesso-spacing(md) 0 gesso-spacing(xs) 0; + span{ + font-family:gesso-font-family(primary); + font-size: gesso-font-size(0); + @include medium{ + font-size: gesso-font-size(1); + } + } + } + .views-field-title{ + @extend %hN; + @include display-text-style(h2); + font-size: gesso-font-size(3); + margin: gesso-spacing(md) 0 gesso-spacing(xs) 0; + } + } + } + } + } + } } .uw-offcanvas--filter{ display: flex;