Skip to content

Commit

Permalink
gotta figure out mobile
Browse files Browse the repository at this point in the history
  • Loading branch information
argyleink committed Sep 25, 2023
1 parent 2016608 commit 2c27d7c
Show file tree
Hide file tree
Showing 2 changed files with 13 additions and 19 deletions.
28 changes: 11 additions & 17 deletions docsite/index.css
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@
@import "./syntax-highlight.css";

:root {
--max-inline-body: calc(100vw - (var(--size-8) * 2));
--max-inline-body: calc(100vw - var(--size-content-1) - (var(--size-8) * 2));
--brand-bg-gradient: linear-gradient(to bottom, var(--purple-3), var(--violet-3), var(--indigo-3), var(--cyan-3));

@media (--md-n-below) {
Expand All @@ -29,8 +29,8 @@ body {
grid-template-columns:
var(--size-3)
var(--size-content-1)
calc(100% - 2 * var(--size-8))
var(--size-8)
calc(100% - var(--size-content-1) - (2 * var(--size-3)))
var(--size-3)
;

& > * {
Expand Down Expand Up @@ -93,7 +93,7 @@ header {
}

nav {
grid-column: 2 / span 2;
grid-column: 2 / -2;
display: flex;
flex-wrap: wrap;
align-items: center;
Expand Down Expand Up @@ -137,29 +137,28 @@ nav {
}

footer {
padding-block: var(--size-12);
padding-block: var(--size-10);
margin-block: var(--size-10);
padding-inline: var(--size-10);
border-radius: var(--radius-2);
display: grid;
grid-template-columns: minmax(min(100%, var(--size-content-3)), 80%);
gap: var(--size-8);
justify-content: space-around;
border-top-width: var(--border-size-1);
border-color: var(--surface-3);
background-color: var(--surface-2);
white-space: nowrap;

& > a {
justify-self: center;
}

& dl {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
gap: var(--size-fluid-6);

@media (--md-n-below) {
flex-direction: column;
text-align: center;
}

& > div {
display: grid;
place-self: start center;
Expand Down Expand Up @@ -412,8 +411,6 @@ pre[class*="language-"] {
z-index: var(--layer-1);
top: 0;
overflow-y: auto;

background-image: linear-gradient(to right, hsl(var(--gray-9-hsl) / 98%) 1ch, 75%, hsl(var(--gray-9-hsl) / 0%));
margin-block-start: var(--size-8);
padding-block: var(--size-4) var(--size-2);
padding-inline: 0;
Expand All @@ -438,6 +435,7 @@ pre[class*="language-"] {

& > li {
display: inline-flex;
padding-inline-start: 0;
}
}

Expand Down Expand Up @@ -788,10 +786,6 @@ pre[class*="language-"] {
background-image: var(--gradient-18);
}

@media (--md-n-above) {
padding-inline: var(--size-fluid-4);
}

@media (--md-n-below) {
& pre {
margin-inline: 0 !important;
Expand Down
4 changes: 2 additions & 2 deletions docsite/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -557,7 +557,7 @@ <h4>File Sizes</h4>
</div>
</section>

<section class="dogfood place-full block-wrap">
<section class="dogfood block-wrap">
<header>
<h2>
This site
Expand Down Expand Up @@ -3555,7 +3555,7 @@ <h5>Angles</h5>
</div>
</section>

<footer class="place-full">
<footer>
<dl>
<div>
<dt>Getting Started</dt>
Expand Down

0 comments on commit 2c27d7c

Please sign in to comment.