Carsales UI Styleguide

13.kss-section.kss-depth-1

13Panels

Any discreet panel of content

A panel title

Sweet oat cake lemon drops. Pastry tart pudding applicake halvah apple pie donut icing. Croissant dessert toffee souffle croissant cake. Gummies bear claw fruitcake. Carrot cake bear claw marzipan gummi bears. Gummi bears fruitcake bear claw candy dragee cupcake wafer. Jelly beans macaroon cupcake halvah unerdwear.com jelly-o applicake. Liquorice lollipop marzipan bear claw.

.panel-highlighted

Highlighted

A panel title

Sweet oat cake lemon drops. Pastry tart pudding applicake halvah apple pie donut icing. Croissant dessert toffee souffle croissant cake. Gummies bear claw fruitcake. Carrot cake bear claw marzipan gummi bears. Gummi bears fruitcake bear claw candy dragee cupcake wafer. Jelly beans macaroon cupcake halvah unerdwear.com jelly-o applicake. Liquorice lollipop marzipan bear claw.

.panel-brand

Branded

A panel title

Sweet oat cake lemon drops. Pastry tart pudding applicake halvah apple pie donut icing. Croissant dessert toffee souffle croissant cake. Gummies bear claw fruitcake. Carrot cake bear claw marzipan gummi bears. Gummi bears fruitcake bear claw candy dragee cupcake wafer. Jelly beans macaroon cupcake halvah unerdwear.com jelly-o applicake. Liquorice lollipop marzipan bear claw.

.panel-contained

Bordered panel

A panel title

Sweet oat cake lemon drops. Pastry tart pudding applicake halvah apple pie donut icing. Croissant dessert toffee souffle croissant cake. Gummies bear claw fruitcake. Carrot cake bear claw marzipan gummi bears. Gummi bears fruitcake bear claw candy dragee cupcake wafer. Jelly beans macaroon cupcake halvah unerdwear.com jelly-o applicake. Liquorice lollipop marzipan bear claw.

.panel-message-success

Success Message

A panel title

Sweet oat cake lemon drops. Pastry tart pudding applicake halvah apple pie donut icing. Croissant dessert toffee souffle croissant cake. Gummies bear claw fruitcake. Carrot cake bear claw marzipan gummi bears. Gummi bears fruitcake bear claw candy dragee cupcake wafer. Jelly beans macaroon cupcake halvah unerdwear.com jelly-o applicake. Liquorice lollipop marzipan bear claw.

.panel-message-error

Error Message

A panel title

Sweet oat cake lemon drops. Pastry tart pudding applicake halvah apple pie donut icing. Croissant dessert toffee souffle croissant cake. Gummies bear claw fruitcake. Carrot cake bear claw marzipan gummi bears. Gummi bears fruitcake bear claw candy dragee cupcake wafer. Jelly beans macaroon cupcake halvah unerdwear.com jelly-o applicake. Liquorice lollipop marzipan bear claw.

<div class="panel {$modifiers}">
  <h1>A panel title</h1>
  <p>Sweet oat cake lemon drops. Pastry tart pudding applicake halvah apple pie donut icing. Croissant dessert toffee souffle croissant cake. Gummies bear claw fruitcake. Carrot cake bear claw marzipan gummi bears. Gummi bears fruitcake bear claw candy dragee cupcake wafer. Jelly beans macaroon cupcake halvah unerdwear.com jelly-o applicake. Liquorice lollipop marzipan bear claw.</p>
</div>