TheThomaas/11ty-resume
1
0
Fork 0
Code Issues 1 Pull requests Packages Projects Releases Wiki Activity

Fix whitespace

Browse source
This commit is contained in:
TheThomaas 2024-01-22 21:41:16 +01:00
parent 688f856c65
commit 0a6c50810b
2 changed files with 47 additions and 48 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

37
src/scss/components/_skip-link.scss
View file

@ -1,20 +1,19 @@
body > a {
$link-offset: .3rem;
position: absolute;
inset-block-start: $link-offset;
inset-inline-start: $link-offset;
z-index: 99999;
padding: .4rem 1rem;
&:not(:focus) {
size: 1px;
margin: -1px;
padding: 0;
white-space: nowrap;
border: 0;
clip: rect(0 0 0 0);
clip-path: inset(50%);
overflow: hidden;
}
}
$link-offset: .3rem;
position: absolute;
inset-block-start: $link-offset;
inset-inline-start: $link-offset;
z-index: 99999;
padding: .4rem 1rem;
&:not(:focus) {
size: 1px;
margin: -1px;
padding: 0;
white-space: nowrap;
border: 0;
clip: rect(0 0 0 0);
clip-path: inset(50%);
overflow: hidden;
}
}

58
src/scss/components/_variables.scss
View file

@ -1,31 +1,31 @@
:root {
--light-1: #efefef;
--dark-1: #1e1e1e;
--dark-2: #0f0f0f;
--primary: #C2B280;
--primary-light: #D3C7A2;
--primary-dark: #BAB298;
--secondary: #B3CF99;
--secondary-light: #C2D9AD;
--secondary-dark: #9FAF8F;
--background: var(--primary-light);
--text: var(--dark-1);
--text-2: var(--dark-2);
--font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", sans-serif;
--font-italic: "Georgia", serif;
--font-code: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
--font-size: 1.2rem;
--font-weight-semibold: 700;
--font-weight-bold: 900;
--leading: 1.45;
--gutter: clamp(1ch, 2.5vmax, 3ch);
--stack: clamp(1.25ex, 1ex + 2.5vmax, 1.75ex);
--line-length-small: 30ch;
--line-length: 75ch;
--line-length-large: 115ch;
--page-padding-inline: calc((100vw - min(var(--line-length), 80vw)) / 2);
--border-width: 1px;
--border-radius: 4px;
--light-1: #efefef;
--dark-1: #1e1e1e;
--dark-2: #0f0f0f;
--primary: #C2B280;
--primary-light: #D3C7A2;
--primary-dark: #BAB298;
--secondary: #B3CF99;
--secondary-light: #C2D9AD;
--secondary-dark: #9FAF8F;
--background: var(--primary-light);
--text: var(--dark-1);
--text-2: var(--dark-2);
--font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", sans-serif;
--font-italic: "Georgia", serif;
--font-code: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
--font-size: 1.2rem;
--font-weight-semibold: 700;
--font-weight-bold: 900;
--leading: 1.45;
--gutter: clamp(1ch, 2.5vmax, 3ch);
--stack: clamp(1.25ex, 1ex + 2.5vmax, 1.75ex);
--line-length-small: 30ch;
--line-length: 75ch;
--line-length-large: 115ch;
--page-padding-inline: calc((100vw - min(var(--line-length), 80vw)) / 2);
--border-width: 1px;
--border-radius: 4px;
}