john/svsmspcalc
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

GPT is about to go nuts with my project.

Browse Source
This commit is contained in:
John OReilly
2026-03-13 17:21:38 -04:00
parent 591e4155fc
commit bce93507cb
4 changed files with 712 additions and 255 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
SVS-MSP-Calculator.css
View File

@@ -31,6 +31,10 @@
--card: #272420; /* elevated surface — clear separation from paper */
--green: #3ab870;
--amber: #e8920f;
--sidebar-stack-gap: 12px;
--sidebar-top-gap: calc(var(--sidebar-stack-gap) + 20px);
--top-bar-sticky-offset: 62px;
--sidebar-sticky-top: calc(var(--top-bar-sticky-offset) + var(--sidebar-top-gap));
}
body {
background: var(--paper);
@@ -111,14 +115,14 @@
display: grid;
grid-template-columns: 3fr 2fr;
gap: 52px;
padding: 50px clamp(20px,2vw,40px) 52px;
padding: var(--sidebar-top-gap) clamp(20px,2vw,40px) 52px;
max-width: 1600px;
margin: 0 auto;
align-items: start;
}
.main-col { display: flex; flex-direction: column; gap: 28px; }
.side-col { position: sticky; top: 102px; z-index: 10; align-self: start; }
.sidebar-utility { margin-bottom: 12px; }
.side-col { position: sticky; top: var(--sidebar-sticky-top); z-index: 10; align-self: start; }
.sidebar-utility { margin-bottom: var(--sidebar-stack-gap); }
.btn-reset-quote {
width: 100%;
background: var(--card);
@@ -1459,7 +1463,7 @@
@media (max-width: 1350px) {
.outer {
gap: 36px;
padding: 52px clamp(48px,4vw,60px) 52px;
padding: var(--sidebar-top-gap) clamp(48px,4vw,60px) 52px;
}
.section { margin-left: 76px; }
.section-num { left: -76px; width: 64px; font-size: 54px; top: 30px; }