the home site for me: also iteration 3 or 4 of my site

chore: make inline code more readable

Changed files
+22 -15
static
css
+22 -15
static/css/style.css
···
#nav-bar {
-
padding: .625rem 0 0 0;
+
padding: 0.625rem 0 0 0;
display: flex;
flex-direction: row;
-
gap: .25rem;
+
gap: 0.25rem;
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
-
align-content: flex-end
+
align-content: flex-end;
}
#footer-container {
···
flex-wrap: wrap;
justify-content: flex-end;
align-items: flex-start;
-
align-content: flex-end
+
align-content: flex-end;
}
.title-list li {
-
margin-bottom: .375rem;
+
margin-bottom: 0.375rem;
}
/* icons settings */
···
/* footnotes */
.footnote-definition {
-
margin: 0 0 0 .125rem;
+
margin: 0 0 0 0.125rem;
}
.footnote-definition-label {
···
.footnote-definition p {
display: inline;
-
margin: .625rem 0 0 .625rem;
+
margin: 0.625rem 0 0 0.625rem;
}
/* general classes */
···
padding: 0;
margin: 0;
border: none;
-
border-radius: 0
+
border-radius: 0;
}
.no-style:hover {
···
}
.float-right {
-
float: right
+
float: right;
}
.float-left {
-
float: left
+
float: left;
+
}
+
+
div code,
+
li code,
+
p code {
+
color: var(--text);
+
background-color: var(--bg-light);
}
pre {
···
display: inline-block;
border: none;
font-family: "code" !important;
-
font-size: .8rem;
+
font-size: 0.8rem;
font-weight: 600;
margin: 0;
margin-bottom: 0.2rem;
margin-block: 0 0;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
-
padding-left: .75rem;
-
padding-right: .75rem;
-
padding-top: .25rem;
-
padding-bottom: .25rem;
+
padding-left: 0.75rem;
+
padding-right: 0.75rem;
+
padding-top: 0.25rem;
+
padding-bottom: 0.25rem;
position: relative;
background-color: var(--accent);
}