Z cyklu ciekawe wtyczki pierwsza do opisania to Stylus (https://add0n.com/stylus.html)
Przykładowe zastosowanie na podstawie serwisu: https://www.stlfinder.com
Standardowy wygląd znalezionych elementów:
![](https://www.miszczyk.dev/wp-content/uploads/2020/05/obraz-644x326.png)
Z wykorzystaniem stylów możemy pozbyć się tekstu i wyrównać wielkość obrazków do wybranej wysokości dzięki czemu może to wyglądać tak:
![](https://www.miszczyk.dev/wp-content/uploads/2020/05/obraz-1-644x327.png)
W tym celu należy dodać w Stylusie nasz własny styl dla adresu: www.stlfinder.com:
.card-columns .card { height: 300px; } .card-body { display: none; } .card-img { width: 100%; border-radius: calc(.25rem - 1px); height: 300px; }
I to wszystko 🙂