ofco/chaffe-theme
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

WIP

Browse Source
This commit is contained in:
Kurtis Holsapple
2025-05-07 15:58:02 -07:00
parent 4fbb2668f8
commit 7581c1d984
3 changed files with 85 additions and 83 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
dist/app.css vendored
View File

@@ -12033,7 +12033,7 @@ a {
text-decoration: none;
}
.goudy, .team-member .bio-wrapper .right h2, .team-member .bio-wrapper .right .h2, section.large-quote .quote, section.grid-callout h2, section.grid-callout .h2, section.flex-5050-cta h2, section.flex-5050-cta .h2, section.multiblock-callout h2, section.multiblock-callout .h2, .text-over-image-c .content-wrapper .content h2, .text-over-image-c .content-wrapper .content .h2, .text-over-image-b .content-wrapper .content h2, .text-over-image-b .content-wrapper .content .h2, section.side-by-side-text h2, section.side-by-side-text .h2, .intro_block h1, .team-member-top h1, .team-members-top h1, .intro_block .h1, .team-member-top .h1, .team-members-top .h1 {
.goudy, .single-team-member .team-member .bio-wrapper .right h2, .single-team-member .team-member .bio-wrapper .right .h2, section.large-quote .quote, section.grid-callout h2, section.grid-callout .h2, section.flex-5050-cta h2, section.flex-5050-cta .h2, section.multiblock-callout h2, section.multiblock-callout .h2, .text-over-image-c .content-wrapper .content h2, .text-over-image-c .content-wrapper .content .h2, .text-over-image-b .content-wrapper .content h2, .text-over-image-b .content-wrapper .content .h2, section.side-by-side-text h2, section.side-by-side-text .h2, .intro_block h1, .single-team-member .team-member-top h1, .team-members-top h1, .intro_block .h1, .single-team-member .team-member-top .h1, .team-members-top .h1 {
font-family: "Goudy Bookletter 1911", serif;
}
@@ -12085,7 +12085,7 @@ a {
color: #000;
}
.intro_block, .team-member-top, .team-members-top {
.intro_block, .single-team-member .team-member-top, .team-members-top {
background-size: cover;
background-position: center center;
color: #fff;
@@ -12094,20 +12094,20 @@ a {
justify-content: center;
align-items: center;
}
.intro_block h1, .team-member-top h1, .team-members-top h1, .intro_block .h1, .team-member-top .h1, .team-members-top .h1 {
.intro_block h1, .single-team-member .team-member-top h1, .team-members-top h1, .intro_block .h1, .single-team-member .team-member-top .h1, .team-members-top .h1 {
margin: 0;
font-size: 96px;
line-height: 96px;
text-align: center;
}
.intro_block p.sub-headline, .team-member-top p.sub-headline, .team-members-top p.sub-headline {
.intro_block p.sub-headline, .single-team-member .team-member-top p.sub-headline, .team-members-top p.sub-headline {
font-size: 28px;
line-height: 40px;
margin: 2rem auto;
text-align: center;
max-width: 503px;
}
.intro_block p.cta-button, .team-member-top p.cta-button, .team-members-top p.cta-button {
.intro_block p.cta-button, .single-team-member .team-member-top p.cta-button, .team-members-top p.cta-button {
display: block;
margin: 0 auto;
text-align: center;
@@ -12364,13 +12364,13 @@ section.large-quote .quote p.attribution {
display: block;
}
.team-member {
.single-team-member .team-member {
margin-top: -162px;
}
.team-member .content-wrapper {
.single-team-member .team-member .content-wrapper {
background-color: #F9F8F8;
}
.team-member .team-member-intro-bar {
.single-team-member .team-member .team-member-intro-bar {
background-color: #063C5A;
color: #fff;
display: flex;
@@ -12378,44 +12378,44 @@ section.large-quote .quote p.attribution {
justify-content: space-between;
align-items: center;
}
.team-member .team-member-intro-bar .text {
.single-team-member .team-member .team-member-intro-bar .text {
padding-left: 2rem;
}
.team-member .team-member-intro-bar .text h2, .team-member .team-member-intro-bar .text .h2 {
.single-team-member .team-member .team-member-intro-bar .text h2, .single-team-member .team-member .team-member-intro-bar .text .h2 {
font-size: 48px;
line-height: 49px;
font-weight: 600;
}
.team-member .team-member-intro-bar .text h2 span, .team-member .team-member-intro-bar .text .h2 span {
.single-team-member .team-member .team-member-intro-bar .text h2 span, .single-team-member .team-member .team-member-intro-bar .text .h2 span {
display: block;
font-size: 28px;
}
.team-member .team-member-intro-bar .image {
.single-team-member .team-member .team-member-intro-bar .image {
height: 100%;
}
.team-member .team-member-intro-bar img {
.single-team-member .team-member .team-member-intro-bar img {
height: 100%;
display: block;
border-right: 160px solid #B9AF78;
}
.team-member .bio-wrapper {
.single-team-member .team-member .bio-wrapper {
padding: 0 3rem;
}
.team-member .bio-wrapper .left {
.single-team-member .team-member .bio-wrapper .left {
padding-top: 4rem;
}
.team-member .bio-wrapper .left a {
.single-team-member .team-member .bio-wrapper .left a {
display: block;
}
.team-member .bio-wrapper .right {
.single-team-member .team-member .bio-wrapper .right {
padding-top: 4rem;
padding-right: 2rem;
padding-bottom: 8rem;
}
.team-member .bio-wrapper .right strong {
.single-team-member .team-member .bio-wrapper .right strong {
color: #063C5A;
}
.team-member .bio-wrapper .right h2, .team-member .bio-wrapper .right .h2 {
.single-team-member .team-member .bio-wrapper .right h2, .single-team-member .team-member .bio-wrapper .right .h2 {
font-size: 50px;
line-height: 32px;
color: #063C5A;

2
dist/mix-manifest.json vendored
View File

@@ -1,4 +1,4 @@
{
"/app.js": "/app.js?id=099e96d934e937b07341f2ca9fb82ec2",
"/app.css": "/app.css?id=e5956964f1ca57b86662e3380ce5e88d"
"/app.css": "/app.css?id=39f770106bcdc96ab264241482ff5a3d"
}

128
src/scss/team-member.scss
View File

@@ -1,74 +1,76 @@
.team-member-top {
@extend .intro_block;
}
.team-member {
margin-top: -162px;
.content-wrapper {
background-color: $c-offWhiteLight;
.single-team-member {
.team-member-top {
@extend .intro_block;
}
.team-member-intro-bar {
background-color: $c-navy;
color: $c-white;
display: flex;
height: 394px;
justify-content: space-between;
align-items: center;
.team-member {
margin-top: -162px;
.text {
padding-left: 2rem;
.content-wrapper {
background-color: $c-offWhiteLight;
}
h2 {
font-size: 48px;
line-height: 49px;
font-weight: 600;
.team-member-intro-bar {
background-color: $c-navy;
color: $c-white;
display: flex;
height: 394px;
justify-content: space-between;
align-items: center;
span {
.text {
padding-left: 2rem;
h2 {
font-size: 48px;
line-height: 49px;
font-weight: 600;
span {
display: block;
font-size: 28px;
}
}
}
.image {
height: 100%;
}
img {
height: 100%;
display: block;
border-right: 160px solid $c-tan;
}
}
.bio-wrapper {
padding: 0 3rem;
.left {
padding-top: 4rem;
a {
display: block;
font-size: 28px;
}
}
.right {
padding-top: 4rem;
padding-right: 2rem;
padding-bottom: 8rem;
strong {
color: $c-navy;
}
h2 {
@extend .goudy;
font-size: 50px;
line-height: 32px;
color: $c-navy;
margin-bottom: 2rem;
}
}
}
.image {
height: 100%;
}
img {
height: 100%;
display: block;
border-right: 160px solid $c-tan;
}
}
.bio-wrapper {
padding: 0 3rem;
.left {
padding-top: 4rem;
a {
display: block;
}
}
.right {
padding-top: 4rem;
padding-right: 2rem;
padding-bottom: 8rem;
strong {
color: $c-navy;
}
h2 {
@extend .goudy;
font-size: 50px;
line-height: 32px;
color: $c-navy;
margin-bottom: 2rem;
}
}
}
}