diff --git a/public/themes/custom/hdbt_subtheme/dist/css/styles.min.css b/public/themes/custom/hdbt_subtheme/dist/css/styles.min.css index 889bc2bd4..7d25bfe64 100644 --- a/public/themes/custom/hdbt_subtheme/dist/css/styles.min.css +++ b/public/themes/custom/hdbt_subtheme/dist/css/styles.min.css @@ -1 +1 @@ -.district-teaser,.project-teaser{background-color:#fff;margin-bottom:16px;position:relative}@media(min-width: 768px){.district-teaser,.project-teaser{display:flex}}.district-teaser .hel-icon--arrow-right,.district-teaser .hel-icon--link-external,.project-teaser .hel-icon--arrow-right,.project-teaser .hel-icon--link-external{height:32px;width:32px;transition:transform .2s linear}@media(min-width: 768px){.district-teaser .hel-icon--arrow-right,.district-teaser .hel-icon--link-external,.project-teaser .hel-icon--arrow-right,.project-teaser .hel-icon--link-external{bottom:32px;position:absolute;right:24px}}@media(prefers-reduced-motion){.district-teaser .hel-icon--arrow-right,.district-teaser .hel-icon--link-external,.project-teaser .hel-icon--arrow-right,.project-teaser .hel-icon--link-external{transition:none}}.district-teaser:hover .hel-icon--arrow-right,.project-teaser:hover .hel-icon--arrow-right{transform:translateX(4px)}.district-teaser__data,.project-teaser__data{display:flex;flex-direction:column;padding:32px 24px 32px 24px}@media(min-width: 768px){.district-teaser__data,.project-teaser__data{padding:24px 32px 24px 32px;width:60%}}.district-teaser__data .content-tags,.project-teaser__data .content-tags{margin-bottom:8px}.district-teaser__data .content-tags__tags__tag:last-child,.project-teaser__data .content-tags__tags__tag:last-child{margin-bottom:0}.district-teaser__data .metadata__item,.project-teaser__data .metadata__item{margin-bottom:16px;margin-top:0;width:100%}@media(min-width: 768px){.district-teaser__data .metadata__item>div,.project-teaser__data .metadata__item>div{display:flex;flex-wrap:wrap}}.district-teaser__data .metadata__item .metadata__item-label::after,.project-teaser__data .metadata__item .metadata__item-label::after{content:":";margin-right:4px}.district-teaser__image,.project-teaser__image{min-width:220px;overflow:hidden}@media(min-width: 768px){.district-teaser__image,.project-teaser__image{max-width:380px;width:40%}}.district-teaser__image img,.project-teaser__image img{display:block;height:auto;width:100%}.district-teaser__image .image-placeholder,.project-teaser__image .image-placeholder{height:100%;padding-bottom:aspect-ratio-padding(1.5)}.district-teaser__link,.project-teaser__link{display:block;margin-bottom:16px;text-decoration:none}.district-teaser__link::after,.project-teaser__link::after{content:"";top:0;right:0;bottom:0;left:0;position:absolute}.district-teaser__link h3,.project-teaser__link h3{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);display:inline-block;margin-top:0}@media(min-width: 992px){.district-teaser__link h3,.project-teaser__link h3{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.district__content-container{display:flex;flex-direction:column-reverse;margin:auto;margin-top:64px;max-width:1296px;padding-left:16px;padding-right:16px}@media(min-width: 992px){.district__content-container{flex-direction:row}}@media(min-width: 768px){.district__content-container{max-width:1328px}}@media(min-width: 768px){.district__content-container{padding-left:32px;padding-right:32px}}.district__content{margin-bottom:32px;width:100%}@media(min-width: 992px){.district__content{margin-bottom:0;margin-bottom:initial}}@media(min-width: 992px){.district__content.has-sidebar{margin-left:64px}}.district__content.has-sidebar .table-of-contents{margin:0}.district__content .table-of-contents,.district__content .component{padding:0 !important}@media(min-width: 992px){.district__sidebar-content{width:340px}}.node--type-district .hero__arrow{display:none}.node--type-district .metadata__item-content .label:not(:last-of-type)::after{content:", "}.page-type--district .lower-content .component--list-of-links:last-of-type{background-color:#f2f2f2;margin-bottom:calc((50px + 64px)*-1);padding-bottom:96px;padding-top:96px}.project__image-container img{height:auto;width:100%}.page-type--project.no-sidebar .project__image-container,.page-type--project.no-sidebar .content-tags,.page-type--project.no-sidebar .project__metadata-wrapper{max-width:1296px;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media(min-width: 768px){.page-type--project.no-sidebar .project__image-container,.page-type--project.no-sidebar .content-tags,.page-type--project.no-sidebar .project__metadata-wrapper{max-width:1328px}}@media(min-width: 768px){.page-type--project.no-sidebar .project__image-container,.page-type--project.no-sidebar .content-tags,.page-type--project.no-sidebar .project__metadata-wrapper{padding-left:32px;padding-right:32px}}.node--type-project .content-tags{margin-top:32px}.node--type-project .lead-in{margin-bottom:32px}.node--type-project .lower-content .component--list-of-links{background-color:#ccc}.node--type-project .metadata-container{max-width:860px}.node--type-project .metadata__item-content .label:not(:last-of-type)::after,.node--type-project .metadata__item--schedule--plan-schedule *:last-child::after{content:", "}.node--type-project .project-metadata__schedule{display:block}.page-type--project .lower-content .component--list-of-links:last-of-type{background-color:#f2f2f2;margin-bottom:calc((50px + 64px)*-1);padding-bottom:96px;padding-top:96px}.project-teaser .content-tags{margin-top:0}.component--district-listing{background-color:#f7f7f8}.layout-main-wrapper>*:last-child .component--district-listing:last-child{margin-bottom:-115px;padding-bottom:55px}.component--district-listing .component__container{padding-bottom:32px;padding-top:32px}@media(min-width: 768px){.component--district-listing .component__container{padding-bottom:64px;padding-top:64px}}.district-listing .views-infinite-scroll-content-wrapper{margin-top:16px}@media(min-width: 768px){.district-listing .views-infinite-scroll-content-wrapper{margin-top:32px}}.district-listing__count-container{--line-height: 1.5;font-size:1.25rem;font-weight:400;line-height:var(--line-height)}@media(min-width: 992px){.district-listing__count-container{--line-height: 1.5;font-size:1.375rem;font-weight:400}}.district-listing__count-container .district-listing__count{font-weight:700}.district-listing .district-teaser .content-tags{display:none}.component--journey-planner .media-oembed-content{border:1px solid #ccc;border-radius:10px;height:252px;width:100%}@media(min-width: 768px){.component--journey-planner .media-oembed-content{width:500px}}.component--list-of-plans{background-color:#f7f7f8}.has-sidebar .components--upper .component--list-of-plans .component__container{padding-bottom:32px;padding-left:32px;padding-right:32px;padding-top:32px}.layout-main-wrapper>*:last-child .component--list-of-plans:last-child{margin-bottom:-115px;padding-bottom:55px}.component--list-of-plans .component__container{padding-bottom:32px;padding-top:32px}@media(min-width: 768px){.component--list-of-plans .component__container{padding-bottom:64px;padding-top:64px}}.list-of-plans__count-container{--line-height: 1.5;font-size:1.25rem;font-weight:400;line-height:var(--line-height)}@media(min-width: 992px){.list-of-plans__count-container{--line-height: 1.5;font-size:1.375rem;font-weight:400}}.list-of-plans__count-container .list-of-plans__count{font-weight:700}.list-of-plans__list{margin-top:24px}.list-of-plans__subscribe-link{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);margin-top:32px}.list-of-plans__pager{margin-top:32px}@media(min-width: 768px){.list-of-plans__pager{margin-top:64px;text-align:center}}.list-of-plans__pager-button{width:100%}@media(min-width: 768px){.list-of-plans__pager-button{width:auto}}.plan{background-color:#fff;margin-top:8px;padding-left:24px;padding-top:24px;padding-right:24px;padding-bottom:calc(24px + 28px + 8px);position:relative}@media(min-width: 992px){.plan{padding-left:32px;padding-top:32px;padding-right:32px;padding-bottom:60px}}.plan:first-child{margin-top:0}.plan__title{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);margin-top:0}@media(min-width: 992px){.plan__title{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.plan__link{text-decoration:none}.plan__link::before{content:"";display:block;top:0;right:0;bottom:0;left:0;position:absolute}.plan__link .link__type{left:24px;bottom:24px;position:absolute}@media(min-width: 992px){.plan__link .link__type{--line-height: 2;left:auto;right:20px}}.plan__published{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);color:#666;margin-top:24px}.component--project-list{background-color:#f2f2f2}.component--project-list .component__container{padding-bottom:64px;padding-top:64px}.has-sidebar .components--upper .component--project-list .component__container{padding-bottom:32px;padding-left:32px;padding-right:32px;padding-top:32px}.project-list_count{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height)}@media(min-width: 992px){.project-list_count{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.project-list_count-text{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height)}.project-list__count-container{margin-bottom:24px}.views--project-list .views-row:last-child .project-teaser{margin-bottom:0}.project-list__buttons{display:flex;flex-direction:column}@media(min-width: 768px){.project-list__buttons{flex-direction:row}}.project-list__buttons .hds-pagination-container{width:100%}.project-list__list .project-teaser .content-tags{display:none} +.district-teaser,.project-teaser{background-color:#fff;margin-bottom:16px;position:relative}@media(min-width: 768px){.district-teaser,.project-teaser{display:flex}}.district-teaser .hel-icon--arrow-right,.district-teaser .hel-icon--link-external,.project-teaser .hel-icon--arrow-right,.project-teaser .hel-icon--link-external{height:32px;width:32px;transition:transform .2s linear}@media(min-width: 768px){.district-teaser .hel-icon--arrow-right,.district-teaser .hel-icon--link-external,.project-teaser .hel-icon--arrow-right,.project-teaser .hel-icon--link-external{bottom:32px;position:absolute;right:24px}}@media(prefers-reduced-motion){.district-teaser .hel-icon--arrow-right,.district-teaser .hel-icon--link-external,.project-teaser .hel-icon--arrow-right,.project-teaser .hel-icon--link-external{transition:none}}.district-teaser:hover .hel-icon--arrow-right,.project-teaser:hover .hel-icon--arrow-right{transform:translateX(4px)}.district-teaser__data,.project-teaser__data{display:flex;flex-direction:column;padding:32px 24px 32px 24px}@media(min-width: 768px){.district-teaser__data,.project-teaser__data{padding:24px 32px 24px 32px;width:60%}}.district-teaser__data .content-tags,.project-teaser__data .content-tags{margin-bottom:8px}.district-teaser__data .content-tags__tags__tag:last-child,.project-teaser__data .content-tags__tags__tag:last-child{margin-bottom:0}.district-teaser__data .metadata__item,.project-teaser__data .metadata__item{margin-bottom:16px;margin-top:0;width:100%}@media(min-width: 768px){.district-teaser__data .metadata__item>div,.project-teaser__data .metadata__item>div{display:flex;flex-wrap:wrap}}.district-teaser__data .metadata__item .metadata__item-label::after,.project-teaser__data .metadata__item .metadata__item-label::after{content:":";margin-right:4px}.district-teaser__image,.project-teaser__image{min-width:220px;overflow:hidden}@media(min-width: 768px){.district-teaser__image,.project-teaser__image{max-width:380px;width:40%}}.district-teaser__image img,.project-teaser__image img{display:block;height:auto;width:100%}.district-teaser__image .image-placeholder,.project-teaser__image .image-placeholder{height:100%;padding-bottom:aspect-ratio-padding(1.5)}.district-teaser__link,.project-teaser__link{display:block;margin-bottom:16px;text-decoration:none}.district-teaser__link::after,.project-teaser__link::after{content:"";top:0;right:0;bottom:0;left:0;position:absolute}.district-teaser__link h3,.project-teaser__link h3{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);display:inline-block;margin-top:0}@media(min-width: 992px){.district-teaser__link h3,.project-teaser__link h3{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.district__content-container{display:flex;flex-direction:column-reverse;margin:auto;margin-top:64px;max-width:1296px;padding-left:16px;padding-right:16px}@media(min-width: 992px){.district__content-container{flex-direction:row}}@media(min-width: 768px){.district__content-container{max-width:1328px}}@media(min-width: 768px){.district__content-container{padding-left:32px;padding-right:32px}}.district__content{margin-bottom:32px;width:100%}@media(min-width: 992px){.district__content{margin-bottom:0;margin-bottom:initial}}@media(min-width: 992px){.district__content.has-sidebar{margin-left:64px}}.district__content.has-sidebar .table-of-contents{margin:0}.district__content .table-of-contents,.district__content .component{padding:0 !important}@media(min-width: 992px){.district__sidebar-content{width:340px}}.node--type-district .hero__arrow{display:none}.node--type-district .metadata__item-content .label:not(:last-of-type)::after{content:", "}.page-type--district .lower-content .component--list-of-links:last-of-type{background-color:#f2f2f2;margin-bottom:calc((50px + 64px)*-1);padding-bottom:96px;padding-top:96px}.page-type--project .project__image-container,.page-type--project .content-tags,.page-type--project .project__metadata-wrapper{max-width:1296px;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media(min-width: 768px){.page-type--project .project__image-container,.page-type--project .content-tags,.page-type--project .project__metadata-wrapper{max-width:1328px}}@media(min-width: 768px){.page-type--project .project__image-container,.page-type--project .content-tags,.page-type--project .project__metadata-wrapper{padding-left:32px;padding-right:32px}}.page-type--project .project__image-container picture{display:block;max-width:860px}.page-type--project .project__image-container picture img{display:block;height:auto;max-width:100%;overflow:hidden;box-shadow:inset 0 0 0 1px #e6e6e6}.node--type-project .content-tags{margin-top:32px}.node--type-project .lead-in{margin-bottom:32px}.node--type-project .lower-content .component--list-of-links{background-color:#ccc}.node--type-project .metadata-container{max-width:860px}.node--type-project .metadata__item-content .label:not(:last-of-type)::after,.node--type-project .metadata__item--schedule--plan-schedule *:last-child::after{content:", "}.node--type-project .project-metadata__schedule{display:block}.page-type--project .lower-content .component--list-of-links:last-of-type{background-color:#f2f2f2;margin-bottom:calc((50px + 64px)*-1);padding-bottom:96px;padding-top:96px}.project-teaser .content-tags{margin-top:0}.component--district-listing{background-color:#f7f7f8}.layout-main-wrapper>*:last-child .component--district-listing:last-child{margin-bottom:-115px;padding-bottom:55px}.district-listing .views-infinite-scroll-content-wrapper{margin-top:16px}@media(min-width: 768px){.district-listing .views-infinite-scroll-content-wrapper{margin-top:32px}}.district-listing__count-container{--line-height: 1.5;font-size:1.25rem;font-weight:400;line-height:var(--line-height)}@media(min-width: 992px){.district-listing__count-container{--line-height: 1.5;font-size:1.375rem;font-weight:400}}.district-listing__count-container .district-listing__count{font-weight:700}.district-listing .district-teaser .content-tags{display:none}.component--journey-planner .media-oembed-content{border:1px solid #ccc;border-radius:10px;height:252px;width:100%}@media(min-width: 768px){.component--journey-planner .media-oembed-content{width:500px}}.component--list-of-plans{padding-left:16px;padding-right:16px;background-color:#f7f7f8}@media(min-width: 768px){.component--list-of-plans{padding-left:32px;padding-right:32px}}.layout-main-wrapper>*:last-child .component--list-of-plans:last-child{margin-bottom:-115px;padding-bottom:55px}.list-of-plans__count-container{--line-height: 1.5;font-size:1.25rem;font-weight:400;line-height:var(--line-height)}@media(min-width: 992px){.list-of-plans__count-container{--line-height: 1.5;font-size:1.375rem;font-weight:400}}.list-of-plans__count-container .list-of-plans__count{font-weight:700}.list-of-plans__list{margin-top:24px}.list-of-plans__subscribe-link{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);margin-top:32px}.list-of-plans__pager{margin-top:32px}@media(min-width: 768px){.list-of-plans__pager{margin-top:64px;text-align:center}}.list-of-plans__pager-button{width:100%}@media(min-width: 768px){.list-of-plans__pager-button{width:auto}}.plan{background-color:#fff;margin-top:8px;padding-left:24px;padding-top:24px;padding-right:24px;padding-bottom:calc(24px + 28px + 8px);position:relative}@media(min-width: 992px){.plan{padding-left:32px;padding-top:32px;padding-right:32px;padding-bottom:60px}}.plan:first-child{margin-top:0}.plan__title{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);margin-top:0}@media(min-width: 992px){.plan__title{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.plan__link{text-decoration:none}.plan__link::before{content:"";display:block;top:0;right:0;bottom:0;left:0;position:absolute}.plan__link .link__type{left:24px;bottom:24px;position:absolute}@media(min-width: 992px){.plan__link .link__type{--line-height: 2;left:auto;right:20px}}.plan__published{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);color:#666;margin-top:24px}.component--project-list{padding-left:16px;padding-right:16px;background-color:#f7f7f8}@media(min-width: 768px){.component--project-list{padding-left:32px;padding-right:32px}}.project-list_count{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height)}@media(min-width: 992px){.project-list_count{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.project-list_count-text{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height)}.project-list__count-container{margin-bottom:24px}.views--project-list .views-row:last-child .project-teaser{margin-bottom:0}.project-list__buttons{display:flex;flex-direction:column}@media(min-width: 768px){.project-list__buttons{flex-direction:row}}.project-list__buttons .hds-pagination-container{width:100%}.project-list__list .project-teaser .content-tags{display:none} diff --git a/public/themes/custom/hdbt_subtheme/package-lock.json b/public/themes/custom/hdbt_subtheme/package-lock.json index 7814a43eb..17af1d13a 100644 --- a/public/themes/custom/hdbt_subtheme/package-lock.json +++ b/public/themes/custom/hdbt_subtheme/package-lock.json @@ -3340,9 +3340,9 @@ } }, "node_modules/caniuse-lite": { - "version": "1.0.30001564", - "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001564.tgz", - "integrity": "sha512-DqAOf+rhof+6GVx1y+xzbFPeOumfQnhYzVnZD6LAXijR77yPtm9mfOcqOnT3mpnJiZVT+kwLAFnRlZcIz+c6bg==", + "version": "1.0.30001565", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001565.tgz", + "integrity": "sha512-xrE//a3O7TP0vaJ8ikzkD2c2NgcVUvsEe2IvFTntV4Yd1Z9FVzh+gW+enX96L0psrbaFMcVcH2l90xNuGDWc8w==", "funding": [ { "type": "opencollective", @@ -13185,9 +13185,9 @@ } }, "caniuse-lite": { - "version": "1.0.30001564", - "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001564.tgz", - "integrity": "sha512-DqAOf+rhof+6GVx1y+xzbFPeOumfQnhYzVnZD6LAXijR77yPtm9mfOcqOnT3mpnJiZVT+kwLAFnRlZcIz+c6bg==" + "version": "1.0.30001565", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001565.tgz", + "integrity": "sha512-xrE//a3O7TP0vaJ8ikzkD2c2NgcVUvsEe2IvFTntV4Yd1Z9FVzh+gW+enX96L0psrbaFMcVcH2l90xNuGDWc8w==" }, "chalk": { "version": "2.4.2", diff --git a/public/themes/custom/hdbt_subtheme/src/scss/06_components/pages/_project.scss b/public/themes/custom/hdbt_subtheme/src/scss/06_components/pages/_project.scss index 87ebb8486..a80c20ba7 100644 --- a/public/themes/custom/hdbt_subtheme/src/scss/06_components/pages/_project.scss +++ b/public/themes/custom/hdbt_subtheme/src/scss/06_components/pages/_project.scss @@ -1,11 +1,4 @@ -.project__image-container { - img { - height: auto; - width: 100%; - } -} - -.page-type--project.no-sidebar { +.page-type--project { .project__image-container, .content-tags, .project__metadata-wrapper { @@ -14,11 +7,22 @@ margin-left: auto; margin-right: auto; } -} + .project__image-container picture { + display: block; + max-width: $content-width-max; -.node--type-project { + img { + display: block; + height: auto; + max-width: 100%; + overflow: hidden; + box-shadow: inset 0 0 0 1px #e6e6e6; + } + } +} +.node--type-project { .content-tags { margin-top: $spacing-double; } diff --git a/public/themes/custom/hdbt_subtheme/src/scss/06_components/paragraphs/_district-listing.scss b/public/themes/custom/hdbt_subtheme/src/scss/06_components/paragraphs/_district-listing.scss index 763800df0..aa1729978 100644 --- a/public/themes/custom/hdbt_subtheme/src/scss/06_components/paragraphs/_district-listing.scss +++ b/public/themes/custom/hdbt_subtheme/src/scss/06_components/paragraphs/_district-listing.scss @@ -8,16 +8,6 @@ padding-bottom: 55px; // Leave enough room between the last card and footer. } -.component--district-listing .component__container { - padding-bottom: $spacing-double; - padding-top: $spacing-double; - - @include breakpoint($breakpoint-m) { - padding-bottom: $spacing-quadruple; - padding-top: $spacing-quadruple; - } -} - .district-listing .views-infinite-scroll-content-wrapper { margin-top: $spacing; diff --git a/public/themes/custom/hdbt_subtheme/src/scss/06_components/paragraphs/_list-of-plans.scss b/public/themes/custom/hdbt_subtheme/src/scss/06_components/paragraphs/_list-of-plans.scss index be30ce9c6..bd3e5cbe7 100644 --- a/public/themes/custom/hdbt_subtheme/src/scss/06_components/paragraphs/_list-of-plans.scss +++ b/public/themes/custom/hdbt_subtheme/src/scss/06_components/paragraphs/_list-of-plans.scss @@ -1,31 +1,14 @@ .component--list-of-plans { + @include component-side-padding; background-color: $color-silver-light; } -// Since the component is not "full width" next to a sidebar, we should uniform padding around -.has-sidebar .components--upper .component--list-of-plans .component__container { - padding-bottom: $spacing-double; - padding-left: $spacing-double; - padding-right: $spacing-double; - padding-top: $spacing-double; -} - // If the unit-search is just before footer. .layout-main-wrapper > *:last-child .component--list-of-plans:last-child { margin-bottom: -115px; // Enough to get the block under the footer. padding-bottom: 55px; // Leave enough room between the last card and footer. } -.component--list-of-plans .component__container { - padding-bottom: $spacing-double; - padding-top: $spacing-double; - - @include breakpoint($breakpoint-m) { - padding-bottom: $spacing-quadruple; - padding-top: $spacing-quadruple; - } -} - .list-of-plans__count-container { @include font('lead'); diff --git a/public/themes/custom/hdbt_subtheme/src/scss/06_components/paragraphs/_project-list.scss b/public/themes/custom/hdbt_subtheme/src/scss/06_components/paragraphs/_project-list.scss index 4ba1234c4..02ba2de4a 100644 --- a/public/themes/custom/hdbt_subtheme/src/scss/06_components/paragraphs/_project-list.scss +++ b/public/themes/custom/hdbt_subtheme/src/scss/06_components/paragraphs/_project-list.scss @@ -1,18 +1,6 @@ .component--project-list { - background-color: $color-black-5; - - .component__container { - padding-bottom: $spacing-quadruple; - padding-top: $spacing-quadruple; - - // Since the component is not "full width" next to a sidebar, we should uniform padding around - .has-sidebar .components--upper & { - padding-bottom: $spacing-double; - padding-left: $spacing-double; - padding-right: $spacing-double; - padding-top: $spacing-double; - } - } + @include component-side-padding; + background-color: $color-silver-light; } .project-list_count { diff --git a/public/themes/custom/hdbt_subtheme/templates/paragraph/paragraph--district-listing.html.twig b/public/themes/custom/hdbt_subtheme/templates/paragraph/paragraph--district-listing.html.twig index 219ac7138..1f9645022 100644 --- a/public/themes/custom/hdbt_subtheme/templates/paragraph/paragraph--district-listing.html.twig +++ b/public/themes/custom/hdbt_subtheme/templates/paragraph/paragraph--district-listing.html.twig @@ -1,7 +1,10 @@ {% block paragraph %} {% embed "@hdbt/misc/component.twig" with { - component_classes: [ 'component--district-listing' ], + component_classes: [ + 'component--full-width', + 'component--district-listing' + ], component_title: content.field_district_list_title, component_description: content.field_district_list_description, component_content_class: 'district-listing', diff --git a/public/themes/custom/hdbt_subtheme/templates/paragraph/paragraph--list-of-plans.html.twig b/public/themes/custom/hdbt_subtheme/templates/paragraph/paragraph--list-of-plans.html.twig index b8e9754b0..a4b52fd3f 100644 --- a/public/themes/custom/hdbt_subtheme/templates/paragraph/paragraph--list-of-plans.html.twig +++ b/public/themes/custom/hdbt_subtheme/templates/paragraph/paragraph--list-of-plans.html.twig @@ -1,7 +1,10 @@ {% block paragraph %} {% embed "@hdbt/misc/component.twig" with { - component_classes: [ 'component--list-of-plans' ], + component_classes: [ + 'component--full-width', + 'component--list-of-plans' + ], component_title: title, component_description: description, component_content_class: 'list-of-plans', diff --git a/public/themes/custom/hdbt_subtheme/templates/paragraph/paragraph--project-listing.html.twig b/public/themes/custom/hdbt_subtheme/templates/paragraph/paragraph--project-listing.html.twig index 9c911f684..cfa6b04c7 100644 --- a/public/themes/custom/hdbt_subtheme/templates/paragraph/paragraph--project-listing.html.twig +++ b/public/themes/custom/hdbt_subtheme/templates/paragraph/paragraph--project-listing.html.twig @@ -1,7 +1,10 @@ {% block paragraph %} {% embed "@hdbt/misc/component.twig" with { - component_classes: [ 'component--project-list' ], + component_classes: [ + 'component--full-width', + 'component--project-list' + ], component_title: content.field_project_list_title, component_description: content.field_project_list_description, component_content_class: 'project-list',