Przejdź do menu głównego
Testy
Układy - tekstowe
Układy - galerie
Układy - funkcyjne
Układy - indywidualne
Katalog produktów
Realizacje
Aktualności
Formularze
Tabela
Różne
Swiper
Jesteś tutaj:
Start
CSS
Podkategorie
CSS
HTML
CSS
JS
PHP
Panel CMS
Test css
.item { border-top: 1px solid @color-border; border-bottom: 1px solid @color-border; padding: 30px 0px; width: 100%; height: 100%; .display(flex); .flex-direction(column); .relative(); }
Zaokrąglenia w liście produktów
/* Lista produktów */ .row-body2 { margin: 0px; .pagination-row { .display(flex); .flex-wrap(wrap); .product-item:first-child { .border-radius(0px,0px,0px,@base-border-radius); } .product-item:last-child { .border-radius(0px,@base-border-radius,0px,0px); } @media (min-width: 1201px) { .product-item:nth-child(4) { .border-radius(@base-border-radius,0px,0px,0px); } } @media (min-width: 992px) and (max-width: 1200px) { .product-item:nth-child(3) { .border-radius(@base-border-radius,0px,0px,0px); } } @media (min-width: 481px) and (max-width: 991px) { .product-item:nth-child(2) { .border-radius(@base-border-radius,0px,0px,0px); } } @media (max-width: 480px) { .product-item:first-child { .border-radius(@base-border-radius,0px,0px,@base-border-radius); } } // Klasy last-row ustawianie js-em (markLastRowFinal - product.js) .product-item.is-last-row-first { .border-radius(0px,0px,@base-border-radius,0px); } .product-item.is-last-row-last { .border-radius(0px,@base-border-radius,0px,0px); } .product-item.is-last-row-one-item { .border-radius(0px,@base-border-radius,@base-border-radius,0px); } .product-item:has(+ .product-item.is-row-one-item) { .border-radius(0px,@base-border-radius,0px,0px); } .product-item.is-before-last-row { border-bottom-right-radius: @base-border-radius !important; } } }