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:
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:
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 🙂