the home site for me: also iteration 3 or 4 of my site
chore: make inline code more readable
+22
-15
+22
-15
static/css/style.css
+22
-15
static/css/style.css
···
1
1
#nav-bar {
2
-
padding: .625rem 0 0 0;
2
+
padding: 0.625rem 0 0 0;
3
3
display: flex;
4
4
flex-direction: row;
5
-
gap: .25rem;
5
+
gap: 0.25rem;
6
6
flex-wrap: wrap;
7
7
justify-content: flex-end;
8
8
align-items: center;
9
-
align-content: flex-end
9
+
align-content: flex-end;
10
10
}
11
11
12
12
#footer-container {
···
30
30
flex-wrap: wrap;
31
31
justify-content: flex-end;
32
32
align-items: flex-start;
33
-
align-content: flex-end
33
+
align-content: flex-end;
34
34
}
35
35
36
36
.title-list li {
37
-
margin-bottom: .375rem;
37
+
margin-bottom: 0.375rem;
38
38
}
39
39
40
40
/* icons settings */
···
57
57
58
58
/* footnotes */
59
59
.footnote-definition {
60
-
margin: 0 0 0 .125rem;
60
+
margin: 0 0 0 0.125rem;
61
61
}
62
62
63
63
.footnote-definition-label {
···
66
66
67
67
.footnote-definition p {
68
68
display: inline;
69
-
margin: .625rem 0 0 .625rem;
69
+
margin: 0.625rem 0 0 0.625rem;
70
70
}
71
71
72
72
/* general classes */
···
74
74
padding: 0;
75
75
margin: 0;
76
76
border: none;
77
-
border-radius: 0
77
+
border-radius: 0;
78
78
}
79
79
80
80
.no-style:hover {
···
92
92
}
93
93
94
94
.float-right {
95
-
float: right
95
+
float: right;
96
96
}
97
97
98
98
.float-left {
99
-
float: left
99
+
float: left;
100
+
}
101
+
102
+
div code,
103
+
li code,
104
+
p code {
105
+
color: var(--text);
106
+
background-color: var(--bg-light);
100
107
}
101
108
102
109
pre {
···
112
119
display: inline-block;
113
120
border: none;
114
121
font-family: "code" !important;
115
-
font-size: .8rem;
122
+
font-size: 0.8rem;
116
123
font-weight: 600;
117
124
margin: 0;
118
125
margin-bottom: 0.2rem;
119
126
margin-block: 0 0;
120
127
border-top-left-radius: 5px;
121
128
border-top-right-radius: 5px;
122
-
padding-left: .75rem;
123
-
padding-right: .75rem;
124
-
padding-top: .25rem;
125
-
padding-bottom: .25rem;
129
+
padding-left: 0.75rem;
130
+
padding-right: 0.75rem;
131
+
padding-top: 0.25rem;
132
+
padding-bottom: 0.25rem;
126
133
position: relative;
127
134
background-color: var(--accent);
128
135
}