-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathblock.html
1 lines (1 loc) · 7.82 KB
/
block.html
1
<!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><link href="http://fonts.googleapis.com/css?family=Open+Sans:400,700" rel="stylesheet" type="text/css"><link href="http://fonts.googleapis.com/css?family=Bitter:400,700" rel="stylesheet" type="text/css"><link href="http://fonts.googleapis.com/css?family=Inconsolata:400,700" rel="stylesheet" type="text/css"><title>inuit kitchen sink | block demo</title><meta name="description" content="inuit kitchen sink lists you all modules of inuitcss and helps you getting started with the framework."><meta name="viewport" content="width=device-width,minimum-scale=1"><link rel="stylesheet" href="build/assets/css/style.css"><link rel="shortcut icon" href="src/assets/img/favicon.png" type="image/png"></head><body><header class="[ page-head ] [ pv- mb ]"><div class="[ page-wrap ] [ clearfix ]"><h6 class="[ float--left ] [ mb0 ]"><a class="site-logo" href="index.html">inuit kitchen sink</a></h6><a class="[ site-nav-trigger ] [ float--right ]" href="#site-nav"></a></div></header><div class="[ page-wrap ] [ mb+ ]"><div class="mb"><a class="zeta" href="objects.block.html">back to description.</a></div><hr><div class="[ demo ] [ mb ]"><h4 id="-block-"><code>.block</code></h4><div class="block"><img src="http://placehold.it/200x150/dddddd/4a8ec2" class="block__img"><p class="block__body">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repudiandae, aut at fugiat inventore rem blanditiis omnis amet cupiditate, tempora, vero quae repellendus soluta aperiam voluptates atque laborum nemo eligendi ipsum sed. Voluptatem, maiores. Voluptatibus culpa totam molestias itaque recusandae, atque, eius ex modi. Fugiat, beatae.</p></div><p><br></p><hr><h4 id="-block-tiny-"><code>.block--tiny</code></h4><div class="[ block block--tiny ]"><img src="http://placehold.it/200x150/dddddd/4a8ec2" class="block__img"><p class="block__body">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illo blanditiis aliquid reiciendis, eos enim corporis est minus dolore, veritatis molestiae ad, consectetur dolorum aut provident magnam accusantium ipsam iure. Suscipit, cupiditate, corrupti. Laudantium recusandae sapiente delectus, autem voluptas labore rerum quibusdam ea ipsa qui aspernatur.</p></div><p><br></p><hr><h4 id="-block-small-"><code>.block--small</code></h4><div class="[ block block--small ]"><img src="http://placehold.it/200x150/dddddd/4a8ec2" class="block__img"><p class="block__body">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Natus voluptatibus deserunt aliquam, aspernatur dolor error quaerat ipsum, magnam ducimus sed vero odit totam reprehenderit eveniet quam nihil unde blanditiis repudiandae aut laboriosam ab distinctio et. Perspiciatis dicta, beatae dolorum ex corporis praesentium, similique nobis nemo?</p></div><p><br></p><hr><h4 id="-block-large-"><code>.block--large</code></h4><div class="[ block block--large ]"><img src="http://placehold.it/200x150/dddddd/4a8ec2" class="block__img"><p class="block__body">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nam molestiae, ratione dignissimos delectus incidunt reiciendis corporis maxime totam officia quia perferendis enim maiores, officiis! Assumenda labore ipsum maxime ea quos quae nostrum, quidem quod harum dolorum perferendis quia iste recusandae dolore vero consequatur fugit pariatur.</p></div><p><br></p><hr><h4 id="-block-huge-"><code>.block--huge</code></h4><div class="[ block block--huge ]"><img src="http://placehold.it/200x150/dddddd/4a8ec2" class="block__img"><p class="block__body">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quas quae, explicabo excepturi placeat, inventore numquam suscipit quam ratione obcaecati voluptas veniam quis repellendus qui, voluptatibus rerum sequi ex vel, quo. Doloribus itaque provident maxime excepturi possimus in, et molestiae asperiores repudiandae quas? Saepe, fugiat, asperiores.</p></div><p><br></p><hr><h4 id="-block-flush-"><code>.block--flush</code></h4><div class="[ block block--flush ]"><img src="http://placehold.it/200x150/dddddd/4a8ec2" class="block__img"><p class="block__body">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Impedit id nulla dolores magnam quis dolore commodi dolorum aperiam velit? Voluptatum provident sed doloremque quam, temporibus aut, officia recusandae sit, dolorem exercitationem, illo minima reiciendis voluptates nihil. Ipsam, consequuntur! Minima vel, dolorum error sed ut blanditiis!</p></div><p><br></p><hr><h4 id="-block-center-"><code>.block--center</code></h4><div class="[ block block--center ]"><img src="http://placehold.it/200x150/dddddd/4a8ec2" class="block__img"><p class="block__body">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi dolor explicabo vero, delectus alias voluptate fuga, obcaecati officiis vitae velit praesentium blanditiis? Officia enim alias recusandae accusantium perspiciatis blanditiis nulla explicabo ab quos velit, debitis amet doloribus eaque, atque ipsum nobis nihil molestiae! Sint, amet.</p></div><p><br></p><hr><h4 id="-block-right-"><code>.block--right</code></h4><div class="[ block block--right ]"><img src="http://placehold.it/200x150/dddddd/4a8ec2" class="block__img"><p class="block__body">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Assumenda impedit fugiat ipsum dicta quod iusto vel. Maiores velit veritatis similique repellat, dolores facilis eum ex aut ullam assumenda earum maxime obcaecati nulla perspiciatis commodi atque, odio! Libero obcaecati atque nam ex, dolore sed repudiandae, tempore.</p></div><p><br></p></div><hr><div class="mb"><a class="zeta" href="objects.block.html">back to description.</a></div></div><hr><div class="page-wrap"><nav role="navigation"><ul id="site-nav" class="[ site-nav ] [ list-bare ] [ portable-p- ]"><li><p class="[ gamma ] [ weight--700 ] [ mb0 ]">settings</p><ul class="[ site-nav__sub ] [ list-bare ] [ mb ]"><li><a href="settings.default.html">default</a></li><li><a href="settings.responsive.html">responsive</a></li></ul></li><li><p class="[ gamma ] [ weight--700 ] [ mb0 ]">tools</p><ul class="[ site-nav__sub ] [ list-bare ] [ mb ]"><li><a href="tools.functions.html">functions</a></li><li><a href="tools.mixins.html">mixins</a></li><li><a href="tools.responsive.html">responsive</a></li></ul></li><li><p class="[ gamma ] [ weight--700 ] [ mb0 ]">base</p><ul class="[ site-nav__sub ] [ list-bare ] [ mb ]"><li><a href="base.headings.html">headings</a></li><li><a href="base.paragraphs.html">paragraphs</a></li></ul></li><li><p class="[ gamma ] [ weight--700 ] [ mb0 ]">objects</p><ul class="[ site-nav__sub ] [ list-bare ] [ mb ]"><li><a href="objects.media.html">media</a></li><li><a href="objects.flag.html">flag</a></li><li><a href="objects.block.html">block</a></li><li><a href="objects.pack.html">pack</a></li><li><a href="objects.box.html">box</a></li><li><a href="objects.list-bare.html">list-bare</a></li><li><a href="objects.list-inline.html">list-inline</a></li><li><a href="objects.list-block.html">list-block</a></li><li><a href="objects.list-ui.html">list-ui</a></li><li><a href="objects.tabs.html">tabs</a></li><li><a href="objects.buttons.html">buttons</a></li><li><a href="objects.tables.html">tables</a></li><li><a href="objects.layout.html">layout</a></li></ul></li><li><p class="[ gamma ] [ weight--700 ] [ mb0 ]">trumps</p><ul class="[ site-nav__sub ] [ list-bare ] [ mb ]"><li><a href="trumps.headings.html">headings</a></li><li><a href="trumps.spacing.html">spacing</a></li><li><a href="trumps.spacing-responsive.html">spacing-responsive</a></li><li><a href="trumps.widths.html">widths</a></li><li><a href="trumps.widths-responsive.html">widths-responsive</a></li><li><a href="trumps.clearfix.html">clearfix</a></li></ul></li></ul></nav></div><footer class="[ page-foot ] [ pv+ ]"><ul class="[ list-inline ] [ page-wrap ]"><li><a href="https://github.com/csshugs/inuit-kitchen-sink">Contribute on GitHub</a></li></ul></footer></body></html>