Files for my website
bwc9876.dev
Home link styling
+8
-3
+8
-3
src/layouts/Layout.astro
+8
-3
src/layouts/Layout.astro
···
83
83
alt="Ben C's Avatar"
84
84
src={cow}
85
85
/>
86
-
<span style="color: var(--text);"><b class="gradient-text">Bwc9876</b>.dev</span>
86
+
<span style="color: var(--text);"><span class="gradient-text">Bwc9876</span>.dev</span>
87
87
</a>
88
88
<span>
89
89
<a href="/projects">Projects</a>
···
142
142
143
143
@media (width >= 1050px) {
144
144
nav {
145
-
gap: var(--3);
146
145
flex-direction: row;
147
146
}
148
147
···
163
162
font-size: var(--2);
164
163
display: flex;
165
164
flex-direction: row;
166
-
gap: var(--1);
167
165
align-items: center;
168
166
justify-content: center;
167
+
background-color: var(--secondary);
168
+
padding: 5px 10px;
169
+
border-radius: 5px;
170
+
171
+
& > span > span {
172
+
transform: translateY(-2px);
173
+
}
169
174
}
170
175
171
176
nav > span {