|
|
- <!doctype html><html lang="en_EN"><head><meta charset="utf-8"><meta http-equiv="x-ua-compatible" content="ie=edge"><title>Helpers | Crispy CSS</title><meta name="description" content=""><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="stylesheet" href="styles.css"></head><body class="page"><header id="header" class="header header--fixed background-color-info"><div class="container"><div class="grid align-center"><div class="col-12 col-md-4"><a href="/" class="text-color-white text-bold"><svg class="icon text-size-mega" alt="Crispy CSS"><use xlink:href="symbol-defs.svg#icon-logo"/></svg> Crispy CSS</a></div><div class="col-12 col-md-8"><nav class="group text-right show"><ul class="group"><li class="group__item"><a href="getting-started.html" class="text-color-white">Getting started!</a></li><li class="group__item"><a href="core.html" class="text-color-white">Core</a></li><li class="group__item"><a href="components.html" class="text-color-white">Components</a></li><li class="group__item"><a href="helpers.html" class="text-color-white">Helpers</a></li><li class="group__item"><a href="mixins.html" class="text-color-white">Mixins</a></li><li class="group__item"><a href="functions.html" class="text-color-white">Functions</a></li></ul></nav></div></div></div></header><main class="container"><div class="grid"><div class="col-12"><header class="header"><h1 class="padding-top-4 padding-bottom-2 text-center">Helpers</h1></header><h3 class="h4 margin-top-2">Border</h3><div class="panel panel__inner margin-bottom-1 bordered"><div style="width: 50px; height: 50px;" class="background-color-info round"></div>.round</div><div class="panel panel__inner margin-bottom-1 bordered"><div style="width: 50px; height: 50px;" class="background-color-info round radiusless"></div>.radiusless</div><div class="panel panel__inner margin-bottom-1 bordered">.bordered</div><div class="panel panel__inner margin-bottom-1 bordered rounded">.rounded</div><div class="panel panel__inner margin-bottom-1 bordered borderless">.borderless</div><h3 class="h4 margin-top-3">Margin / Padding</h3><div class="panel bordered padding-bottom-0">padding-bottom-0</div><div class="panel bordered padding-bottom-1">padding-bottom-1</div><div class="panel bordered padding-bottom-2">padding-bottom-2</div><div class="panel bordered padding-bottom-3">padding-bottom-3</div><div class="panel bordered padding-bottom-4">padding-bottom-4</div><div class="panel bordered padding-bottom-5">padding-bottom-5</div><div class="panel bordered padding-bottom-6">padding-bottom-6</div><h3 class="h4 margin-top-3">Typography</h3><p class="panel panel__inner bordered text-left">text-left</p><p class="panel panel__inner bordered text-center">text-center</p><p class="panel panel__inner bordered text-right">text-right</p><p class="panel panel__inner bordered text-justify">text-justify<br/>I'm baby literally tousled ramps 8-bit franzen, yuccie before they sold out stumptown XOXO palo santo. Blog taiyaki vegan crucifix. Mustache raw denim shabby chic vegan hexagon aesthetic deep v tofu man braid church-key pork belly unicorn pinterest. Palo santo heirloom banh mi waistcoat, neutra listicle selvage sustainable adaptogen tote bag art party migas ethical PBR&B 8-bit. Chillwave hammock VHS post-ironic, tumblr brunch normcore blue bottle chambray. Austin vice microdosing celiac. Bushwick blog farm-to-table succulents mlkshk actually.</p><p class="panel panel__inner bordered text-italic">text-italic</p><p class="panel panel__inner bordered text-light">text-light</p><p class="panel panel__inner bordered text-normal">text-normal</p><p class="panel panel__inner bordered text-medium">text-medium</p><p class="panel panel__inner bordered text-bold">text-bold</p><p class="panel panel__inner bordered text-capitalize">text-capitalize</p><p class="panel panel__inner bordered text-uppercase">text-uppercase</p><p class="panel panel__inner bordered text-smaller">text-smaller</p><p class="panel panel__inner bordered text-crossed">text-crossed</p><p class="panel panel__inner bordered text-unterlin
|
