127 lines
2.9 KiB
CSS
127 lines
2.9 KiB
CSS
/*
|
|
* Eddys Construction & Masonry
|
|
* Category / Section Index Pages
|
|
*
|
|
* Purpose:
|
|
* Reusable CSS hooks for index pages that organize categories and content.
|
|
*
|
|
* Scope:
|
|
* Resources, Services and Portfolio category/index pages.
|
|
*
|
|
* Important:
|
|
* This file does NOT redefine the site's global design system.
|
|
* Existing /css/style.css and existing component CSS remain authoritative.
|
|
* These rules are intentionally conservative and avoid overlays, new
|
|
* visual effects, or forced redesigns.
|
|
*/
|
|
|
|
.eddys-category-index-page {
|
|
/* Page-level hook only. */
|
|
}
|
|
|
|
/* ---------------------------------------------------------
|
|
Shared index-page regions
|
|
--------------------------------------------------------- */
|
|
|
|
.eddys-category-index-page .eddys-index-hero {
|
|
/* Uses the existing hero/parallax system. */
|
|
}
|
|
|
|
.eddys-category-index-page .eddys-index-trust {
|
|
/* Uses the existing trust-strip component. */
|
|
}
|
|
|
|
.eddys-category-index-page .eddys-index-intro {
|
|
/* Uses the existing section spacing and typography. */
|
|
}
|
|
|
|
.eddys-category-index-page .eddys-index-content {
|
|
/* Uses the existing content/card system. */
|
|
}
|
|
|
|
.eddys-category-index-page .eddys-index-cta {
|
|
/* Uses the existing final CTA component. */
|
|
}
|
|
|
|
/* ---------------------------------------------------------
|
|
Universal category components
|
|
---------------------------------------------------------
|
|
These classes are available for future category indexes.
|
|
They intentionally inherit the site's existing typography,
|
|
spacing and colors unless a component needs a specific rule.
|
|
--------------------------------------------------------- */
|
|
|
|
.eddys-index-category-grid {
|
|
display: grid;
|
|
grid-template-columns: repeat(3, minmax(0, 1fr));
|
|
gap: 30px;
|
|
}
|
|
|
|
.eddys-index-category-card {
|
|
height: 100%;
|
|
}
|
|
|
|
.eddys-index-category-card__label {
|
|
display: block;
|
|
}
|
|
|
|
.eddys-index-category-card__title {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.eddys-index-category-card__text {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.eddys-index-category-card__link {
|
|
display: inline-block;
|
|
}
|
|
|
|
.eddys-index-category-list {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
}
|
|
|
|
.eddys-index-category-list__item {
|
|
margin: 0;
|
|
}
|
|
|
|
.eddys-index-category-list__link {
|
|
display: block;
|
|
}
|
|
|
|
/* ---------------------------------------------------------
|
|
Optional grouping helpers
|
|
--------------------------------------------------------- */
|
|
|
|
.eddys-index-section {
|
|
width: 100%;
|
|
}
|
|
|
|
.eddys-index-section__inner {
|
|
width: 100%;
|
|
}
|
|
|
|
.eddys-index-section__intro {
|
|
max-width: 900px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
/* ---------------------------------------------------------
|
|
Responsive behavior
|
|
--------------------------------------------------------- */
|
|
|
|
@media (max-width: 991px) {
|
|
.eddys-index-category-grid {
|
|
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
}
|
|
}
|
|
|
|
@media (max-width: 600px) {
|
|
.eddys-index-category-grid {
|
|
grid-template-columns: 1fr;
|
|
}
|
|
}
|