<div class="header"> <span class="page-heading">Tytuł [.page-heading]</span></div>

<div class="header"> <span class="page-heading medium">Tytuł [.page-heading.medium] [.page-heading-medium]</span></div>

<div class="header"> <span class="page-heading small">Tytuł [.page-heading.small] [.page-heading-small]</span></div>

<div class="header"> <span class="page-heading xsmall">Tytuł [.page-heading.xsmall] [.page-heading-xsmall]</span></div>

<div class="header"> <span class="page-heading tiny">Tytuł [.page-heading.tiny] [.page-heading-tiny]</span></div>

<span class="page-title-1"> Lorem ipsum dolor sit amet. </span>

<span class="page-title-2"> Lorem ipsum dolor sit amet. </span>

<span class="page-title-3"> Lorem ipsum dolor sit amet. </span>

<span class="page-text"> Był kiedyś czas mitów. </span>

<span class="page-info-text"> Był kiedyś czas mitów. </span>

<span class="page-text-success"> Był kiedyś czas mitów. </span>

<span class="page-text-warning"> Był kiedyś czas mitów. </span>

<a href="#" class="href"> Był kiedyś czas mitów. </a>

<a href="#" class="href disabled"> Był kiedyś czas mitów. </a>

<a href="#" class="button large">Do koszyka</a> <a href="#" class="button">Do koszyka</a> <a href="#" class="button medium">Do koszyka</a> <a href="#" class="button small">Szukaj</a> <a href="#" class="button low">Do koszyka</a> <a href="#" class="button warning"> <span>Negocjuj cenę</span> <span class="ks-icon-right-arrow icon"></span> </a> <span class="detail-wrapper"> <a href="#" class="button detail"> <span>Zobacz szczegóły</span> <span class="ks-icon-eye icon"></span> </a> </span>

<a href="#" class="button large disabled">Do koszyka</a> <a href="#" class="button disabled">Do koszyka</a> <a href="#" class="button medium disabled">Do koszyka</a> <a href="#" class="button small disabled">Szukaj</a> <a href="#" class="button low disabled">Do koszyka</a> <a href="#" class="button warning disabled"> <span>Negocjuj cenę</span> <span class="ks-icon-right-arrow icon"></span> </a> <span class="detail-wrapper"> <a href="#" class="button detail disabled"> <span>Zobacz szczegóły</span> <span class="ks-icon-eye icon"></span> </a> </span>

<a href="#" class="button-hollow large">Do koszyka</a> <a href="#" class="button-hollow">Do koszyka</a> <a href="#" class="button-hollow medium">Do koszyka</a> <a href="#" class="button-hollow small">Do koszyka</a> <a href="#" class="button-hollow low">Do koszyka</a>

<p id="quantity_wanted_p" class="product_quantity_container input-spinner__box"> <a href="#" data-field-qty="qty" class="product_quantity_button product_quantity_down input-spinner__btn input-spinner__btn--minus"> <span><i class="icon-minus"></i></span> </a> <input type="text" min="1" name="qty" id="quantity_wanted_1" class="text product_quantity_input input-spinner__input" value="1"><a href="#" data-field-qty="qty" class="product_quantity_button product_quantity_up input-spinner__btn input-spinner__btn--plus"> <span><i class="icon-plus"></i></span> </a></p>

<p id="quantity_wanted_p" class="product_quantity_container small input-spinner-tiny__box"> <a href="#" data-field-qty="qty" class="product_quantity_button product_quantity_down input-spinner-tiny__btn input-spinner-tiny__btn--minus"> <span><i class="icon-minus"></i></span> </a> <input type="text" min="1" name="qty" id="quantity_wanted_2" class="text product_quantity_input input-spinner-tiny__input" value="1"><a href="#" data-field-qty="qty" class="product_quantity_button product_quantity_up input-spinner-tiny__btn input-spinner-tiny__btn--plus"> <span><i class="icon-plus"></i></span> </a></p>

<div class="form-group form-group--checkbox"> <label class="checkbox" for="checkbox-example-1"> <input type="checkbox" name="test" class="checkbox__input" id="checkbox-example-1"> <span class="checker"></span> <span class="checkbox__label"> Zapoznałem się z regulaminem itp. </span> </label></div>

<div class="form-group form-group--radio"> <label class="radio" for="radio-example-1"> <input type="radio" name="test-radio" class="radio__input" id="radio-example-1"> <span class="checker"></span> <span class="radio__label"> Opcja 1 </span> </label></div>

<div class="slider-range__amount-container"><div class="slider-range__header-container"> <span class="slider-range__header"> Cena: </span></div><div class="slider-range__amount"> <input class="slider-range__amount-min" type="text" id="amount-min"> <input class="slider-range__amount-max" type="text" id="amount-max"></div></div><div class="slider-range ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all" id="slider-range" aria-disabled="false"><div class="ui-slider-range ui-widget-header ui-corner-all" style="left: 13.6%; width: 34.4%;"></div><a class="ui-slider-handle ui-state-default ui-corner-all" href="#" style="left: 13.6%;"></a><a class="ui-slider-handle ui-state-default ui-corner-all" href="#" style="left: 48%;"></a></div>

<span class="page-text ks-tooltip" data-toggle="tooltip" title="Spersonalizuj swoje nagrody zanim zrealizujesz zamówienie"> Span tooltip </span>

<div class="new-box badges__box badges__box--new"> <span class="new-label badges__label badges__label--new"> New </span></div>

<div class="discount-box badges__box badges__box--discount"> <span class="discount badges__label badges__label--discount"> Discount </span></div>

<div class="sale-box no-print badges__box badges__box--sale"> <span class="sale-label badges__label badges__label--sale"> Sale </span></div>

<div class="breadcrumb clearfix"> <a class="home breadcrumb__href breadcrumb__home" href="http://waynetpresta.dev.waynet.pl/" title="Powrót do strony głównej">Kolory-swiatla.pl</a> <span class="navigation-pipe breadcrumb__pipe"></span> <span class="navigation_page breadcrumb__span"><span itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb"><a class="breadcrumb__href" itemprop="url" href="http://waynetpresta.dev.waynet.pl/pl/11-accessories-ipod" title="Accessories"><span itemprop="title">Oświetlenie zewnętrzne</span></a></span><span class="navigation-pipe breadcrumb__pipe"> </span> Wiszące</span></div>

<div> <span class="page-text"> Shadow variables are in themes/koloryswiatla/sass/_theme_variables.scss (line 58 - 63). </span> <br><br></div><span class="page-text"> $promotion-shadow </span><div class="shadow-box shadow-box__promotion-shadow"></div><span class="page-text"> $features-shadow </span><div class="shadow-box shadow-box__features-shadow"></div><span class="page-text"> $popup-shadow </span><div class="shadow-box shadow-box__popup-shadow"></div><span class="page-text"> $product-shadow </span><div class="shadow-box shadow-box__product-shadow"></div><span class="page-text"> $menu-aside-shadow </span><div class="shadow-box shadow-box__menu-aside-shadow"></div>

<ul class="features__list"><li class="features__list-list-item odd"> <span class="features__list-key"> Weight </span> <span class="features__list-value"> test </span></li><li class="features__list-list-item even"> <span class="features__list-key"> Compositions </span> <span class="features__list-value"> Leather </span></li><li class="features__list-list-item odd"> <span class="features__list-key"> Styles </span> <span class="features__list-value"> Casual </span></li><li class="features__list-list-item even"> <span class="features__list-key"> Properties </span> <span class="features__list-value"> Short Dress </span></li><li class="features__list-list-item odd"> <span class="features__list-key"> Max moc źródła </span> <span class="features__list-value"> 60W </span></li><li class="features__list-list-item even"> <span class="features__list-key"> Napięcie </span> <span class="features__list-value"> 230V </span></li></ul>

<div class="input-spinner__box"> <a href="" class="input-spinner__btn input-spinner__btn--minus"></a> <input type="text" class="input-spinner__input" value="1"> <a href="" class="input-spinner__btn input-spinner__btn--plus"></a></div> <a class="button low">ok</a>

<div class="input-spinner-tiny__box"> <a href="" class="input-spinner-tiny__btn input-spinner-tiny__btn--minus"></a> <input type="text" class="input-spinner-tiny__input" value="1"> <a href="" class="input-spinner-tiny__btn input-spinner-tiny__btn--plus"></a></div> <a class="button tiny">ok</a>

<div class="input-spinner__box js-spinner-scope"> <a href="" class="input-spinner__btn input-spinner__btn--minus js-spinner-minus"></a> <input type="text" class="input-spinner__input js-spinner-input" value="1"> <a href="" class="input-spinner__btn input-spinner__btn--plus js-spinner-plus"></a></div> <a class="button low">ok</a>

<div class="input-spinner-tiny__box js-spinner-scope"> <a href="" class="input-spinner-tiny__btn input-spinner-tiny__btn--minus js-spinner-minus"></a> <input type="text" class="input-spinner-tiny__input js-spinner-input" value="1"> <a href="" class="input-spinner-tiny__btn input-spinner-tiny__btn--plus js-spinner-plus"></a></div> <a class="button tiny">ok</a>