- relocate header, footer, nav, hero, and page-hero styles into their owning components - move blog index, blog post, team, video, insurance, CTA, and home-section styles out of the global sheet - keep focused on shared primitives such as buttons, cards, links, and list styling - preserve existing layout and responsive behavior while reducing global CSS scope
15 lines
1.1 KiB
CSS
15 lines
1.1 KiB
CSS
.button { background: var(--color-accent); border: 2px solid var(--color-accent); border-radius: 4px; color: var(--color-primary); display: inline-block; padding: .65rem 1.2rem; text-decoration: none; transition: .3s linear all; }
|
|
.button:hover { background: transparent; border-color: var(--color-accent-strong); color: var(--color-primary); }
|
|
.button-small { font-size: .9rem; }
|
|
.button-light { background: white; color: var(--color-primary-dark); }
|
|
.card { background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-md); overflow: hidden; }
|
|
.card img { aspect-ratio: 16/10; object-fit: cover; width: 100%; }
|
|
.card-body { padding: var(--space-lg); }
|
|
.card h2, .card h3 { margin-top: 0; }
|
|
.card h2 a, .card h3 a { color: inherit; text-decoration: none; }
|
|
.text-link { font-weight: 700; }
|
|
.source-list { margin-block: 0 1.5rem; padding-inline-start: 2.5rem; }
|
|
.source-list li { line-height: 1.625; margin: 0; padding-inline-start: .15rem; }
|
|
.source-list li::marker { color: var(--color-accent); }
|
|
.source-list li > p { margin-block: 0; }
|