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

🎨 build: Rebuild dist with team-grid block styles

Browse Source
This commit is contained in:
Keith Solomon
2026-07-25 13:32:58 -05:00
parent cb883ca869
commit 3a07eb384f
1 changed files with 130 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/dist/theme.css
Vendored
+130
View File
@@ -8,6 +8,7 @@
--color-gray-100: oklch(0.967 0.003 264.542);
--color-gray-500: oklch(0.551 0.027 264.364);
--color-gray-600: oklch(0.446 0.03 256.802);
--color-gray-700: oklch(0.373 0.034 259.733);
--color-gray-800: oklch(0.278 0.033 256.848);
--color-black: oklch(0% 0 0);
--color-white: oklch(100% 0 0);
@@ -550,6 +551,15 @@
.h-5 {
height: calc(var(--spacing) * 5);
}
.h-32 {
height: calc(var(--spacing) * 32);
}
.h-40 {
height: calc(var(--spacing) * 40);
}
.h-48 {
height: calc(var(--spacing) * 48);
}
.h-auto {
height: auto;
}
@@ -568,6 +578,15 @@
.w-5 {
width: calc(var(--spacing) * 5);
}
.w-32 {
width: calc(var(--spacing) * 32);
}
.w-40 {
width: calc(var(--spacing) * 40);
}
.w-48 {
width: calc(var(--spacing) * 48);
}
.w-auto {
width: auto;
}
@@ -631,6 +650,9 @@
.cursor-default {
cursor: default;
}
.cursor-pointer {
cursor: pointer;
}
.resize {
resize: both;
}
@@ -1073,6 +1095,9 @@
.text-gray-600 {
color: var(--color-gray-600);
}
.text-gray-700 {
color: var(--color-gray-700);
}
.text-gray-800 {
color: var(--color-gray-800);
}
@@ -1091,6 +1116,9 @@
.uppercase {
text-transform: uppercase;
}
.italic {
font-style: italic;
}
.underline {
text-decoration-line: underline;
}
@@ -1238,6 +1266,16 @@
margin-top: calc(var(--spacing) * 6);
}
}
.sm\:h-40 {
@media (width >= 40rem) {
height: calc(var(--spacing) * 40);
}
}
.sm\:w-40 {
@media (width >= 40rem) {
width: calc(var(--spacing) * 40);
}
}
.sm\:grid-cols-1 {
@media (width >= 40rem) {
grid-template-columns: repeat(1, minmax(0, 1fr));
@@ -1464,6 +1502,16 @@
display: none;
}
}
.lg\:h-48 {
@media (width >= 64rem) {
height: calc(var(--spacing) * 48);
}
}
.lg\:w-48 {
@media (width >= 64rem) {
width: calc(var(--spacing) * 48);
}
}
.lg\:grid-cols-1 {
@media (width >= 64rem) {
grid-template-columns: repeat(1, minmax(0, 1fr));
@@ -5737,6 +5785,88 @@ a.contact-info__value:hover {
display: none;
}
}
.team-grid {
&__card {
display: flex;
flex-direction: column;
}
&__details {
display: flex;
flex-direction: column;
}
&__summary {
display: flex;
cursor: pointer;
list-style-type: none;
flex-direction: column;
align-items: center;
text-align: center;
&::-webkit-details-marker {
display: none;
}
&::marker {
display: none;
content: '';
}
}
&__photo {
margin-bottom: calc(var(--spacing) * 4);
height: calc(var(--spacing) * 32);
width: calc(var(--spacing) * 32);
border-radius: var(--radius-md);
object-fit: cover;
@media (width >= 40rem) {
height: calc(var(--spacing) * 40);
}
@media (width >= 40rem) {
width: calc(var(--spacing) * 40);
}
@media (width >= 64rem) {
height: calc(var(--spacing) * 48);
}
@media (width >= 64rem) {
width: calc(var(--spacing) * 48);
}
}
&__name {
margin-bottom: calc(var(--spacing) * 1);
font-size: var(--text-22px);
--tw-leading: var(--leading-tight);
line-height: var(--leading-tight);
--tw-font-weight: var(--font-weight-bold);
font-weight: var(--font-weight-bold);
color: var(--color-cwc-blue-01);
}
&__title {
margin-bottom: calc(var(--spacing) * 3);
font-size: var(--text-16px);
--tw-font-weight: var(--font-weight-light);
font-weight: var(--font-weight-light);
color: var(--color-gray-600);
font-style: italic;
}
&__bio-wrap {
display: grid;
grid-template-rows: 0fr;
transition: grid-template-rows 300ms ease;
}
&__details[open] &__bio-wrap {
grid-template-rows: 1fr;
}
&__bio-inner {
overflow: hidden;
min-height: 0;
}
&__bio {
padding-top: calc(var(--spacing) * 2);
font-size: var(--text-16px);
--tw-leading: var(--leading-snug);
line-height: var(--leading-snug);
--tw-font-weight: var(--font-weight-light);
font-weight: var(--font-weight-light);
color: var(--color-gray-700);
}
}
@property --tw-rotate-x {
syntax: "*";
inherits: false;