SalesGames Dokumentacja

# Moduł: productList

# W katalogu

|--src/                           →  Pliki źródłowe
|  |--modules/                    →  Moduły: katalog główny
|  |  |--productList/                   
|  |  |  |--productList.twig       
|  |  |  |--productList.scss

# CSS

# Dostępne wartości do zmiany
Zmienna Wartość domyślna Opis
$pb-padding-mobile rem(12) rem(8) rem(8) padding mobile
$pb-padding-desktop rem(24) rem(16) rem(10) padding desktop
$pb-image-border-radius-mobile rem(4.5) zakraglenia zdjecia mobile
$pb-image-border-radius-desktop rem(8) zakraglenia zdjecia desktop

# HTML

<div class="productList">
  <a href="#" class="productBox">
    <div class="productBox__img"><img src="http://box.youngme1.pro-linuxpl.com/storage/catalogue/catalogue_5_gvgs.png" alt=""></div>
    <div class="productBox__title">Produkt</div>
    <div class="productBox__category">Kategoria</div>
    <progress max="100" value="30">
      <div class="progress-bar" data-percent="30">
          <span style="width: 30%;">Progress: 30%</span>
      </div>
    </progress>
    <div class="points">1200<sup>pkt</sup></div>
  </a>
</div>

← productListHistory →