openvibers/openvibe.host Commits
The page's end: 32/24 px, then the footer (plan 280) (#375)
Changes
@@@ -125,7 +125,7 @@.hc-aside li strong { grid-row: 1 / span 2; grid-column: 2; align-self: center; font-variant-numeric: tabular-nums; }.hc-aside-spec { grid-column: 1; font-size: 12px; color: var(--hs-muted); }.hc-aside-foot { margin: .5rem 0 0; font-size: 12px; color: var(--hs-muted); }--.hc-own { padding-top: 1rem; padding-bottom: 1rem; }++.hc-own { padding-top: 1rem; padding-bottom: 0; }@media (max-width: 60rem) { .hc-plan { grid-template-columns: 1fr; } }/* Phones: each plan becomes a card; the header row is read from each cell's label. */@@@ -8,7 +8,7 @@ body { margin: 0; background: var(--hs-bg); color: var(--hs-fg); font: 15px/1.55a { color: var(--hs-accent); }.skip { position: absolute; left: -9999px; } .skip:focus { left: 1rem; top: 1rem; }.account-bar { max-width: 72rem; margin: 0 auto; padding: .5rem 1rem; text-align: right; color: var(--hs-muted); font-size: 14px; }--.page { max-width: 72rem; margin: 0 auto; padding: 0 1rem 3rem; }++.page { max-width: 72rem; margin: 0 auto; padding: 0 1rem; }h1 { font-size: 1.7rem; margin: .5rem 0 .25rem; } h2 { font-size: 1.2rem; margin-top: 2rem; } h3 { font-size: 1rem; }.meta, .muted, .crumbs { color: var(--hs-muted); } .crumbs { margin: 0; font-size: 14px; }code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .9em; overflow-wrap: anywhere; }
@@ -125,7 +125,7 @@
@@ -125,7 +125,7 @@
.hc-aside li strong { grid-row: 1 / span 2; grid-column: 2; align-self: center; font-variant-numeric: tabular-nums; }
.hc-aside li strong { grid-row: 1 / span 2; grid-column: 2; align-self: center; font-variant-numeric: tabular-nums; }
.hc-aside-spec { grid-column: 1; font-size: 12px; color: var(--hs-muted); }
.hc-aside-spec { grid-column: 1; font-size: 12px; color: var(--hs-muted); }
.hc-aside-foot { margin: .5rem 0 0; font-size: 12px; color: var(--hs-muted); }
.hc-aside-foot { margin: .5rem 0 0; font-size: 12px; color: var(--hs-muted); }
-.hc-own { padding-top: 1rem; padding-bottom: 1rem; }
+.hc-own { padding-top: 1rem; padding-bottom: 0; }
@media (max-width: 60rem) { .hc-plan { grid-template-columns: 1fr; } }
@media (max-width: 60rem) { .hc-plan { grid-template-columns: 1fr; } }
/* Phones: each plan becomes a card; the header row is read from each cell's label. */
/* Phones: each plan becomes a card; the header row is read from each cell's label. */
@@ -8,7 +8,7 @@ body { margin: 0; background: var(--hs-bg); color: var(--hs-fg); font: 15px/1.55
@@ -8,7 +8,7 @@ body { margin: 0; background: var(--hs-bg); color: var(--hs-fg); font: 15px/1.55
a { color: var(--hs-accent); }
a { color: var(--hs-accent); }
.skip { position: absolute; left: -9999px; } .skip:focus { left: 1rem; top: 1rem; }
.skip { position: absolute; left: -9999px; } .skip:focus { left: 1rem; top: 1rem; }
.account-bar { max-width: 72rem; margin: 0 auto; padding: .5rem 1rem; text-align: right; color: var(--hs-muted); font-size: 14px; }
.account-bar { max-width: 72rem; margin: 0 auto; padding: .5rem 1rem; text-align: right; color: var(--hs-muted); font-size: 14px; }
-.page { max-width: 72rem; margin: 0 auto; padding: 0 1rem 3rem; }
+.page { max-width: 72rem; margin: 0 auto; padding: 0 1rem; }
h1 { font-size: 1.7rem; margin: .5rem 0 .25rem; } h2 { font-size: 1.2rem; margin-top: 2rem; } h3 { font-size: 1rem; }
h1 { font-size: 1.7rem; margin: .5rem 0 .25rem; } h2 { font-size: 1.2rem; margin-top: 2rem; } h3 { font-size: 1rem; }
.meta, .muted, .crumbs { color: var(--hs-muted); } .crumbs { margin: 0; font-size: 14px; }
.meta, .muted, .crumbs { color: var(--hs-muted); } .crumbs { margin: 0; font-size: 14px; }
code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .9em; overflow-wrap: anywhere; }
code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .9em; overflow-wrap: anywhere; }