Skip to content

Commit d5014f1

Browse files
committed
feat: add code styling
1 parent f356adc commit d5014f1

1 file changed

Lines changed: 27 additions & 6 deletions

File tree

‎sass/_body.scss‎

Lines changed: 27 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,14 @@
77
background-color: #{$dark-background-colour};
88
color: #ffffff;
99

10+
code {
11+
background-color: #{color.adjust(
12+
$dark-background-colour,
13+
$lightness: -12.5%,
14+
$alpha: -0.5,
15+
)};
16+
}
17+
1018
a {
1119
transition: color 0.25s;
1220
color: color.mix(
@@ -56,6 +64,14 @@
5664
background-color: #{$light-background-colour};
5765
color: #000000;
5866

67+
code {
68+
background-color: #{color.adjust(
69+
$light-background-colour,
70+
$lightness: -17.5%,
71+
$alpha: -0.5,
72+
)};
73+
}
74+
5975
a {
6076
transition: color 0.25s;
6177
color: color.mix(
@@ -113,18 +129,23 @@ html {
113129
}
114130

115131
body {
116-
font-family: 'figtree';
117-
118-
h1 {
119-
font-weight: 800;
120-
}
121-
122132
margin: 0;
123133
min-height: 100vh;
124134
display: flex;
125135
flex-direction: column;
126136
justify-content: space-between;
127137

138+
font-family: 'figtree', sans-serif;
139+
140+
h1 {
141+
font-weight: 800;
142+
}
143+
144+
code {
145+
padding: 0.125em 0.25em;
146+
border-radius: 8px;
147+
}
148+
128149
section.main {
129150
margin-block: 2;
130151

0 commit comments

Comments
 (0)