Skip to content

Commit

Permalink
Merge branch 'main' into add-codeowners-file
Browse files Browse the repository at this point in the history
  • Loading branch information
@rmccar
rmccar authored Jan 14, 2025
2 parents 2f6fe90 + 6e74cee commit b4515d9
Show file tree
Hide file tree
Showing 14 changed files with 534 additions and 96 deletions.
128 changes: 82 additions & 46 deletions __snapshots__/layout/_template.spec.js.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1399,10 +1399,6 @@ exports[`base page template matches the full configuration snapshot 1`] = `










Expand All @@ -1411,7 +1407,12 @@ exports[`base page template matches the full configuration snapshot 1`] = `



<li class="ons-list__item">





<li class="ons-list__item">



Expand All @@ -1422,10 +1423,14 @@ exports[`base page template matches the full configuration snapshot 1`] = `
</li>





<li class="ons-list__item">





<li class="ons-list__item">



Expand All @@ -1436,19 +1441,22 @@ exports[`base page template matches the full configuration snapshot 1`] = `
</li>





<li class="ons-list__item">





<li class="ons-list__item">






<a href="#0" class="ons-list__link">Respondent Charter</a>
</li>
</ul>
</li></ul>

</div>

Expand All @@ -1468,10 +1476,6 @@ exports[`base page template matches the full configuration snapshot 1`] = `










Expand All @@ -1480,7 +1484,12 @@ exports[`base page template matches the full configuration snapshot 1`] = `



<li class="ons-list__item">





<li class="ons-list__item">



Expand All @@ -1491,10 +1500,14 @@ exports[`base page template matches the full configuration snapshot 1`] = `
</li>





<li class="ons-list__item">





<li class="ons-list__item">



Expand All @@ -1505,19 +1518,22 @@ exports[`base page template matches the full configuration snapshot 1`] = `
</li>





<li class="ons-list__item">





<li class="ons-list__item">






<a href="#0" class="ons-list__link">Contact us</a>
</li>
</ul>
</li></ul>

</div>

Expand All @@ -1537,10 +1553,6 @@ exports[`base page template matches the full configuration snapshot 1`] = `










Expand All @@ -1549,7 +1561,12 @@ exports[`base page template matches the full configuration snapshot 1`] = `



<li class="ons-list__item">





<li class="ons-list__item">



Expand All @@ -1567,10 +1584,14 @@ exports[`base page template matches the full configuration snapshot 1`] = `
</li>





<li class="ons-list__item">





<li class="ons-list__item">



Expand All @@ -1581,19 +1602,22 @@ exports[`base page template matches the full configuration snapshot 1`] = `
</li>





<li class="ons-list__item">





<li class="ons-list__item">






<a href="#0" class="ons-list__link">News</a>
</li>
</ul>
</li></ul>

</div>

Expand Down Expand Up @@ -1622,10 +1646,6 @@ exports[`base page template matches the full configuration snapshot 1`] = `










Expand All @@ -1634,7 +1654,12 @@ exports[`base page template matches the full configuration snapshot 1`] = `



<li class="ons-list__item">





<li class="ons-list__item">



Expand All @@ -1645,10 +1670,14 @@ exports[`base page template matches the full configuration snapshot 1`] = `
</li>





<li class="ons-list__item">





<li class="ons-list__item">



Expand All @@ -1659,10 +1688,14 @@ exports[`base page template matches the full configuration snapshot 1`] = `
</li>





<li class="ons-list__item">





<li class="ons-list__item">



Expand All @@ -1673,19 +1706,22 @@ exports[`base page template matches the full configuration snapshot 1`] = `
</li>





<li class="ons-list__item">





<li class="ons-list__item">






<a href="#0" class="ons-list__link">Terms and conditions</a>
</li>
</ul>
</li></ul>



Expand Down
3 changes: 3 additions & 0 deletions ...eference/ds-vr-test__components_hero_example-hero-grey_0_document_0_desktop.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
3 changes: 3 additions & 0 deletions ...reference/ds-vr-test__components_hero_example-hero-grey_0_document_1_tablet.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
3 changes: 3 additions & 0 deletions ...reference/ds-vr-test__components_hero_example-hero-grey_0_document_2_mobile.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
49 changes: 45 additions & 4 deletions src/components/hero/_hero.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -28,6 +28,35 @@
}
}

&--grey {
background-color: var(--ons-color-grey-10);
&::before {
content: '';
background-color: var(--ons-color-banner-bg);
border-radius: 0 0 50% 50%;
inset: 0;
left: -40%;
position: absolute;
width: 150%;
@include mq(l) {
border-radius: 0 0 300% 150%;
left: 0;
width: 100%;
}
}
}
&__badge {
@include mq(xs, l) {
margin-top: 2.5rem;
margin-bottom: 1rem;
}
}

&--topic {
color: var(--ons-color-branded);
@extend .ons-u-mb-no;
}

&__container {
align-items: center;
display: flex;
Expand All @@ -43,10 +72,6 @@
height: 100%;
}

&__text:has(+ .ons-btn) {
margin-bottom: 2rem;
}

&__pre-title {
margin-bottom: 0.5rem;

Expand All @@ -62,6 +87,10 @@
z-index: 5;
}

&__details:has(.ons-breadcrumbs) {
padding-top: 1rem;
}

&--dark & {
&__details {
color: var(--ons-color-text-inverse) !important;
Expand Down Expand Up @@ -299,4 +328,16 @@
}
}
}

&__title-container {
@include mq(l) {
display: grid;
align-items: start;
justify-content: space-between;

&.ons-hero__title-badge {
grid-template-columns: 1fr auto;
}
}
}
}
Loading

0 comments on commit b4515d9

Please sign in to comment.