Moduł: statement

W katalogu

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

CSS

Dostępne wartości do zmiany

Zmienna	Wartość domyślna	Opis
$st-border-radius	rem(16)	zakrąglenia
$st-background-color	$color-white	kolor tła
$st-box-shadow	0 4px 8px 0 rgba(0, 52, 104, .1), 0 0 1px 0 rgba(0, 52, 104, .3)	cień
$st-padding-mobile	rem(24) rem(16)	padding mobile
$st-padding-desktop	rem(16) rem(32)	padding desktop

HTML

<div class="statement">
  <div>
    <img src="./img/icon__star-secondary.svg" alt="">
  </div>
  <div>
    <div class="statementTitle">Zdjęcie zostało zaakceptowane</div>
    <p>Zdobyłeś dodatkowe 150 pkt</p>
  </div>
  <div class="btn btn-secondary">OK</div>
</div>