mirror of
https://github.com/harvard-edge/cs249r_book.git
synced 2026-05-07 18:18:42 -05:00
4b840ff957
- Create shared/ directory with centralized SCSS partials and site-head.html so site subsites (about, community, newsletter) no longer duplicate inline header config or reference book-only styles - Fix subscribe modal: change script src from broken relative path (../../book/quarto/assets/scripts/subscribe-modal.js) to absolute URL (https://mlsysbook.ai/vol1/assets/scripts/subscribe-modal.js) which the rewrite-dev-urls.sh script converts for dev preview automatically
76 lines
1.7 KiB
SCSS
76 lines
1.7 KiB
SCSS
// =============================================================================
|
|
// HEADER STYLES — H2-H6 accent bars and hierarchy
|
|
// =============================================================================
|
|
|
|
// H2 headers - refined accent bar on left AND line below (matches callout thickness)
|
|
.content h2,
|
|
main h2,
|
|
article h2,
|
|
#quarto-content h2 {
|
|
border-left: 5px solid $accent;
|
|
border-bottom: 1px solid rgba($accent, 0.3);
|
|
padding-left: 16px;
|
|
padding-bottom: 8px;
|
|
margin-top: 2rem;
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
// H3 headers - accent bar on left AND line below
|
|
.content h3,
|
|
main h3,
|
|
article h3,
|
|
#quarto-content h3 {
|
|
border-left: 4px solid $accent;
|
|
border-bottom: 1px solid rgba($accent, 0.25);
|
|
padding-left: 14px;
|
|
padding-bottom: 6px;
|
|
margin-top: 1.5rem;
|
|
margin-bottom: 0.75rem;
|
|
color: #2c3e50;
|
|
}
|
|
|
|
// H4 headers - accent lines (left AND below)
|
|
.content h4,
|
|
main h4,
|
|
article h4,
|
|
#quarto-content h4 {
|
|
border-left: 3px solid $accent;
|
|
border-bottom: 1px solid rgba($accent, 0.2);
|
|
padding-left: 12px;
|
|
padding-bottom: 4px;
|
|
margin-top: 1.25rem;
|
|
margin-bottom: 0.5rem;
|
|
color: #34495e;
|
|
font-weight: 500;
|
|
}
|
|
|
|
// H5 headers - subtle accent lines (left AND below)
|
|
.content h5,
|
|
main h5,
|
|
article h5,
|
|
#quarto-content h5 {
|
|
border-left: 2px solid $accent;
|
|
border-bottom: 1px solid rgba($accent, 0.15);
|
|
padding-left: 10px;
|
|
padding-bottom: 3px;
|
|
margin-top: 1rem;
|
|
margin-bottom: 0.4rem;
|
|
color: #5a6c7d;
|
|
font-weight: 500;
|
|
}
|
|
|
|
// H6 headers - minimal accent lines (left AND below)
|
|
.content h6,
|
|
main h6,
|
|
article h6,
|
|
#quarto-content h6 {
|
|
border-left: 1px solid $accent;
|
|
border-bottom: 1px solid rgba($accent, 0.1);
|
|
padding-left: 8px;
|
|
padding-bottom: 2px;
|
|
margin-top: 0.75rem;
|
|
margin-bottom: 0.3rem;
|
|
color: #6c7b8a;
|
|
font-weight: 500;
|
|
}
|