+1

src/pages/projects/[...slug].astro

reviewed

··· 164 164 165 165 .hero .img-container img { 166 166 border-radius: 5px; 167 167 + filter: drop-shadow(0 0 100px color(from var(--primary) srgb r g b / 0.2)); 167 168 max-width: 100%; 168 169 height: auto; 169 170 margin: auto;

-12

src/styles/style.css

reviewed

··· 191 191 } 192 192 193 193 &[data-placement="bottom"] { 194 194 - 195 194 &::before, 196 195 &::after { 197 196 top: 100%; ··· 207 206 } 208 207 209 208 &[data-placement="left"] { 210 210 - 211 209 &::before, 212 210 &::after { 213 211 top: 50%; ··· 225 223 } 226 224 227 225 &[data-placement="right"] { 228 228 - 229 226 &::before, 230 227 &::after { 231 228 top: 50%; ··· 244 241 245 242 &:focus, 246 243 &:hover { 247 247 - 248 244 &::before, 249 245 &::after { 250 246 opacity: 1; ··· 252 248 } 253 249 254 250 @media (hover: hover) and (pointer: fine) { 255 255 - 256 251 &:focus, 257 252 &:hover { 258 258 - 259 253 &::before, 260 254 &::after { 261 255 --tooltip-slide-to: translate(-50%, -0.25rem); ··· 274 268 } 275 269 276 270 &[data-placement="bottom"] { 277 277 - 278 271 &:focus, 279 272 &:hover { 280 280 - 281 273 &::before, 282 274 &::after { 283 275 --tooltip-slide-to: translate(-50%, 0.25rem); ··· 294 286 } 295 287 296 288 &[data-placement="left"] { 297 297 - 298 289 &:focus, 299 290 &:hover { 300 300 - 301 291 &::before, 302 292 &::after { 303 293 --tooltip-slide-to: translate(-0.25rem, -50%); ··· 314 304 } 315 305 316 306 &[data-placement="right"] { 317 317 - 318 307 &:focus, 319 308 &:hover { 320 320 - 321 309 &::before, 322 310 &::after { 323 311 --tooltip-slide-to: translate(0.25rem, -50%);