feat: ajout navbar

Fixes #9
This commit is contained in:
Kazhnuz 2024-09-22 18:55:39 +02:00
parent 84fd7b6793
commit 2763e099b3

View file

@ -2,7 +2,7 @@
--font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Cantarell, Roboto, Oxygen, Ubuntu, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif; --font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Cantarell, Roboto, Oxygen, Ubuntu, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
--font-family-monospace: Consolas, Menlo, Monaco, Andale Mono WT, Andale Mono, Lucida Console, Lucida Sans Typewriter, DejaVu Sans Mono, Bitstream Vera Sans Mono, Liberation Mono, Nimbus Mono L, Courier New, Courier, monospace; --font-family-monospace: Consolas, Menlo, Monaco, Andale Mono WT, Andale Mono, Lucida Console, Lucida Sans Typewriter, DejaVu Sans Mono, Bitstream Vera Sans Mono, Liberation Mono, Nimbus Mono L, Courier New, Courier, monospace;
--text-color: #212529; --text-color: #212529;
--border-color: rgba(0,0,0,0.2); --border-color: rgba(0,0,0,0.15);
--background-color: #f8f9fa; --background-color: #f8f9fa;
--well-color: #e9ecef; --well-color: #e9ecef;
--accent-color: #1864ab; --accent-color: #1864ab;
@ -17,12 +17,9 @@
} }
} }
// Change these two variables for styling
$baseline: 1.6;
// Don't change this one, it's just to // Don't change this one, it's just to
// make code more readable // make code more readable
$lineheight: $baseline * 1rem; $lineheight: 1rem;
@mixin paragraph() { @mixin paragraph() {
padding:0; padding:0;
@ -36,10 +33,10 @@ html {
font-size: 17px; font-size: 17px;
background-color: var(--background-color); background-color: var(--background-color);
accent-color: var(--accent-color); accent-color: var(--accent-color);
line-height: 1.6rem;
} }
body { body {
line-height: $lineheight;
color: var(--text-color); color: var(--text-color);
font-weight: 400; font-weight: 400;
max-width: 800px; max-width: 800px;
@ -47,6 +44,20 @@ body {
margin: auto; margin: auto;
} }
nav ul {
display: flex;
padding: .5rem 0;
border-top: 1px solid var(--border-color);
border-bottom: 1px solid var(--border-color);
li {
list-style-type: none;
margin:0;
a, span {
padding: .5rem;
}
}
}
strong { strong {
font-weight: 600; font-weight: 600;
} }