Baseline - Eddys Nova Estrutura
This commit is contained in:
@@ -0,0 +1,126 @@
|
||||
/*
|
||||
* 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;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user