1800nasi/bqkc
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

horiztonal scrolling + scroll to top

Browse Source
This commit is contained in:
Nasir Anthony Montalvo
2026-02-18 22:46:34 -06:00
parent 8a8a64b2f9
commit 00e4b65344
1 changed files with 14 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
_sass/_custom.scss
View File

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