Solo-Web-Works/CWC
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'main' of ssh://git.keithsolomon.net:222/Solo-Web-Works/CWC
Deploy to Dreamhost (dev) / build (push) Successful in 35s
Details
Sync TODOs with Issues / sync_todos (push) Successful in 5s
Details

Browse Source
This commit is contained in:
Keith Solomon
2026-07-05 12:07:59 -05:00
parent d56ec2ac96 02f9999621
commit 19d4dfd89c
7 changed files with 137 additions and 5624 deletions
Download Patch File Download Diff File Expand all files Collapse all files
styles/base/typography.css
+13 -13
View File
@@ -43,19 +43,19 @@
--text-base: 1rem;
--text-12px: round(down, clamp(0.625rem, 0.5962rem + 0.1282vw, 0.75rem), 1px);
--text-14px: round(up, clamp(0.75rem, 0.7212rem + 0.1282vw, 0.875rem), 2px);
--text-16px: round(up, clamp(0.875rem, 0.8462rem + 0.1282vw, 1rem), 2px);
--text-18px: round(up, clamp(1rem, 0.9712rem + 0.1282vw, 1.125rem), 2px);
--text-20px: round(up, clamp(1.125rem, 1.0962rem + 0.1282vw, 1.25rem), 2px);
--text-22px: round(up, clamp(1.25rem, 1.2212rem + 0.1282vw, 1.375rem), 2px);
--text-24px: round(up, clamp(1.375rem, 1.3462rem + 0.1282vw, 1.5rem), 2px);
--text-28px: round(up, clamp(1.625rem, 1.5962rem + 0.1282vw, 1.75rem), 2px);
--text-30px: round(up, clamp(1.75rem, 1.7212rem + 0.1282vw, 1.875rem), 2px);
--text-32px: round(up, clamp(1.875rem, 1.8462rem + 0.1282vw, 2rem), 2px);
--text-34px: round(up, clamp(2rem, 1.9712rem + 0.1282vw, 2.125rem), 2px);
--text-40px: round(up, clamp(2.25rem, 2.1923rem + 0.2564vw, 2.5rem), 2px);
--text-54px: round(up, clamp(2.375rem, 2.1442rem + 1.0256vw, 3.375rem), 2px);
--text-64px: round(up, clamp(3rem, 2.7692rem + 1.0256vw, 4rem), 2px);
--text-14px: round(up, clamp(0.75rem, 0.7212rem + 0.1282vw, 0.875rem), 1px);
--text-16px: round(up, clamp(0.875rem, 0.8462rem + 0.1282vw, 1rem), 1px);
--text-18px: round(up, clamp(1rem, 0.9712rem + 0.1282vw, 1.125rem), 1px);
--text-20px: round(up, clamp(1.125rem, 1.0962rem + 0.1282vw, 1.25rem), 1px);
--text-22px: round(up, clamp(1.25rem, 1.2212rem + 0.1282vw, 1.375rem), 1px);
--text-24px: round(up, clamp(1.375rem, 1.3462rem + 0.1282vw, 1.5rem), 1px);
--text-28px: round(up, clamp(1.625rem, 1.5962rem + 0.1282vw, 1.75rem), 1px);
--text-30px: round(up, clamp(1.75rem, 1.7212rem + 0.1282vw, 1.875rem), 1px);
--text-32px: round(up, clamp(1.875rem, 1.8462rem + 0.1282vw, 2rem), 1px);
--text-34px: round(up, clamp(2rem, 1.9712rem + 0.1282vw, 2.125rem), 1px);
--text-40px: round(up, clamp(2.25rem, 2.1923rem + 0.2564vw, 2.5rem), 1px);
--text-54px: round(up, clamp(2.375rem, 2.1442rem + 1.0256vw, 3.375rem), 1px);
--text-64px: round(up, clamp(3rem, 2.7692rem + 1.0256vw, 4rem), 1px);
}
:root {
styles/blocks/page-hero.css
+29 -11
View File
@@ -1,7 +1,25 @@
/* Page Hero partial styles (page-hero.php)
* Scoped to .page-hero to avoid affecting the homepage-hero block. */
.page-hero__heading {
@apply text-cwc-blue-01;
.page-hero {
line-height: 1;
margin: 0 0 1.5rem;
text-align: left;
em {
color: var(--color-secondary);
font-style: normal;
}
}
.page-hero__intro {
font-weight: 300;
line-height: 1;
text-align: left;
}
/* Page Hero partial styles (page-hero-services.php)
* Scoped to .page-hero-services to avoid affecting the homepage-hero block. */
.page-hero-services {
background: linear-gradient(73.83deg, #8FC9E6 -8.7%, #006196 21.51%, #032F46 60.7%);
isolation: isolate;
margin-bottom: 10rem;
@@ -9,13 +27,13 @@
position: relative;
}
.page-hero__content {
.page-hero-services__content {
padding-block: clamp(2rem, 6vw, 4rem);
position: relative;
z-index: 10;
}
.page-hero__heading {
.page-hero-services__heading {
color: #fff;
line-height: 1;
margin: 3rem 0 1.5rem;
@@ -28,7 +46,7 @@
}
}
.page-hero__intro {
.page-hero-services__intro {
color: #fff;
font-size: clamp(1rem, 1.5vw, 1.25rem);
font-weight: 300;
@@ -38,7 +56,7 @@
text-align: left;
}
.page-hero__media {
.page-hero-services__media {
bottom: -5%;
height: auto;
max-height: none;
@@ -52,7 +70,7 @@
max-width: clamp(20rem, 30vw, 28rem);
}
.page-hero__vector {
.page-hero-services__vector {
bottom: clamp(1.5rem, 4vw, 3rem);
height: auto;
left: 0;
@@ -63,18 +81,18 @@
}
@media (max-width: 767px) {
.page-hero {
.page-hero-services {
min-height: clamp(28rem, 130vw, 40rem);
}
.page-hero__media {
.page-hero-services__media {
bottom: -8%;
right: 0;
top: auto;
max-width: 60vw;
}
.page-hero__vector {
.page-hero-services__vector {
bottom: clamp(1rem, 3vw, 2rem);
width: 100%;
}