diff --git a/_sass/_custom.scss b/_sass/_custom.scss index e7c72c9..c216244 100644 --- a/_sass/_custom.scss +++ b/_sass/_custom.scss @@ -14,7 +14,7 @@ --text-muted: #bfbfbf; --border-white: #ffffff; - /* COLORS - Accent (use sparingly!) */ + /* COLORS */ --accent-blue: #4da3ff; --accent-blue-dim: #3d8ace; --accent-blue-subtle: rgba(77, 163, 255, 0.15); @@ -38,7 +38,7 @@ --letter-spacing-wider: 0.16em; --letter-spacing-widest: 0.18em; - /* SPACING SCALE (consistent increments) */ + /* SPACING SCALE */ --space-xs: 0.25rem; /* 4px */ --space-sm: 0.5rem; /* 8px */ --space-md: 1rem; /* 16px */ @@ -48,8 +48,8 @@ --space-3xl: 3rem; /* 48px */ /* BORDERS & RADIUS */ - --border-radius: 4px; /* consistent everywhere */ - --border-radius-lg: 10px; /* only for home title box */ + --border-radius: 4px; + --border-radius-lg: 10px; --border-width: 1px; --border-color-subtle: rgba(255, 255, 255, 0.18); --border-color-normal: rgba(255, 255, 255, 0.35); @@ -1230,15 +1230,17 @@ body { *::after { box-sizing: border-box; } + main, -main > *:not(.dropdown-menu):not(.modal) { +main > *:not(.dropdown-menu):not(.modal):not(#scroll-to-top) { max-width: 100%; } -img { +img:not(#scroll-to-top *) { max-width: 100%; height: auto; } + figure { max-width: 100% !important; } @@ -1248,7 +1250,7 @@ figure { display: block !important; } - /* The grid figures on Soakies (side-by-side photos) stack on mobile */ + figure[style*="grid-template-columns"] { display: block !important; } @@ -1283,10 +1285,12 @@ figure { /* ============================================================================ LONG LINKS & BIBLIOGRAPHY - OVERFLOW FIX ============================================================================ */ + a { word-wrap: break-word; overflow-wrap: break-word; } + .bibliography, h3 + ol, h3 + ul, @@ -1296,7 +1300,7 @@ h3 + p { word-wrap: break-word; overflow-wrap: break-word; } -/* Footnotes */ + .footnotes { overflow-x: hidden; max-width: 100%; @@ -1315,11 +1319,13 @@ h3 + p { overflow-wrap: break-word; max-width: 100%; } + .footnote-ref, .footnote-backref { word-wrap: break-word; overflow-wrap: break-word; } + p, li, td { word-wrap: break-word; overflow-wrap: break-word;