finxol.io
Personal site
staging.colinozanne.co.uk
portfolio
astro
feat: make entire project card clickable
+9
-1
src/assets/styles/index.css
+9
-1
src/assets/styles/index.css
···
125
125
}
126
126
127
127
.project {
128
+
position: relative;
128
129
display: grid;
129
130
grid-template-areas:
130
131
"img img"
···
141
142
142
143
a {
143
144
text-decoration: none;
145
+
}
146
+
147
+
a::before {
148
+
content: "";
149
+
position: absolute;
150
+
inset: 0;
151
+
z-index: 1;
144
152
}
145
153
146
154
& > :not(picture) {
···
174
182
display: inline-block;
175
183
padding: 0.25rem 1rem;
176
184
border-radius: 100vw;
177
-
background-color: var(--teal-600);
185
+
background-color: var(--teal-700);
178
186
color: var(--teal-100);
179
187
font-weight: lighter;
180
188
font-size: 0.8rem;