-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathflag.html
1 lines (1 loc) · 7.32 KB
/
flag.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 | flag 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.flag.html">back to description.</a></div><hr><div class="[ demo ] [ mb ]"><h4 id="-flag-"><code>.flag</code></h4><div class="flag"><div class="flag__img"><img src="http://placehold.it/200x300/dddddd/4a8ec2"></div><p class="flag__body">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Incidunt nulla in, libero eveniet unde itaque aut. Vitae velit non, eaque, ullam assumenda dolorem architecto tempore!</p></div><p><br></p><hr><h4 id="-flag-tiny-"><code>.flag--tiny</code></h4><div class="[ flag flag--tiny ]"><div class="flag__img"><img src="http://placehold.it/200x300/dddddd/4a8ec2"></div><p class="flag__body">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Incidunt nulla in, libero eveniet unde itaque aut. Vitae velit non, eaque, ullam assumenda dolorem architecto tempore!</p></div><p><br></p><hr><h4 id="-flag-small-"><code>.flag--small</code></h4><div class="[ flag flag--small ]"><div class="flag__img"><img src="http://placehold.it/200x300/dddddd/4a8ec2"></div><p class="flag__body">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Incidunt nulla in, libero eveniet unde itaque aut. Vitae velit non, eaque, ullam assumenda dolorem architecto tempore!</p></div><p><br></p><hr><h4 id="-flag-large-"><code>.flag--large</code></h4><div class="[ flag flag--large ]"><div class="flag__img"><img src="http://placehold.it/200x300/dddddd/4a8ec2"></div><p class="flag__body">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Incidunt nulla in, libero eveniet unde itaque aut. Vitae velit non, eaque, ullam assumenda dolorem architecto tempore!</p></div><p><br></p><hr><h4 id="-flag-huge-"><code>.flag--huge</code></h4><div class="[ flag flag--huge ]"><div class="flag__img"><img src="http://placehold.it/200x300/dddddd/4a8ec2"></div><p class="flag__body">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Incidunt nulla in, libero eveniet unde itaque aut. Vitae velit non, eaque, ullam assumenda dolorem architecto tempore!</p></div><p><br></p><hr><h4 id="-flag-flush-"><code>.flag--flush</code></h4><div class="[ flag flag--flush ]"><div class="flag__img"><img src="http://placehold.it/200x300/dddddd/4a8ec2"></div><p class="flag__body">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Incidunt nulla in, libero eveniet unde itaque aut. Vitae velit non, eaque, ullam assumenda dolorem architecto tempore!</p></div><p><br></p><hr><h4 id="-flag-rev-"><code>.flag--rev</code></h4><div class="[ flag flag--rev ]"><div class="flag__img"><img src="http://placehold.it/200x300/dddddd/4a8ec2"></div><p class="flag__body">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Incidunt nulla in, libero eveniet unde itaque aut. Vitae velit non, eaque, ullam assumenda dolorem architecto tempore!</p></div><p><br></p><hr><h4 id="-flag-top-"><code>.flag--top</code></h4><div class="[ flag flag--top ]"><div class="flag__img"><img src="http://placehold.it/200x300/dddddd/4a8ec2"></div><p class="flag__body">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Incidunt nulla in, libero eveniet unde itaque aut. Vitae velit non, eaque, ullam assumenda dolorem architecto tempore!</p></div><p><br></p><hr><h4 id="-flag-bottom-"><code>.flag--bottom</code></h4><div class="[ flag flag--bottom ]"><div class="flag__img"><img src="http://placehold.it/200x300/dddddd/4a8ec2"></div><p class="flag__body">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Incidunt nulla in, libero eveniet unde itaque aut. Vitae velit non, eaque, ullam assumenda dolorem architecto tempore!</p></div><p><br></p><hr><h4 id="-flag-responsive-"><code>.flag--responsive</code></h4><div class="[ flag flag--responsive ]"><div class="flag__img"><img src="http://placehold.it/200x300/dddddd/4a8ec2"></div><p class="flag__body">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Incidunt nulla in, libero eveniet unde itaque aut. Vitae velit non, eaque, ullam assumenda dolorem architecto tempore!</p></div><p><br></p></div><hr><div class="mb"><a class="zeta" href="objects.flag.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>