Wtyczki do Firefox – Stylus

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 🙂

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *