<!DOCTYPE html>
<html>
<head>
<title>Magic-Stylez</title>
<link href="//berlinmagic.github.io/magic_stylez/assets/application-d3b122d8f6ce4793a8ceb1d31804b121.css" media="all" rel="stylesheet" />
<script src="//berlinmagic.github.io/magic_stylez/assets/application-c68ef355ce4745be03906d4a0f53c9af.js"></script>
<meta content="authenticity_token" name="csrf-param" />
<meta content="uKLQd8KLrMO0Y3oCkfRa7d4nsAzXbyXO6P0G/6jXoB8=" name="csrf-token" />
<link href='http://fonts.googleapis.com/css?family=Gloria+Hallelujah' rel='stylesheet' type='text/css'>
<script type="text/javascript" charset="utf-8">
App = {};
App.Environment = "production";
</script>
</head>
<body>
<div id="aside">
<div class="aside-content">
<ul class="nav_list dark">
<li class="current active"><a class="app_lnk lst_lnk" data-target="" href="#">Magic-Stylez</a></li>
<li><a class="lst_lnk" href="#">Layout</a>
<ul class="sub_nav">
<li><a class="app_lnk lst_lnk" data-target="layout/section" href="#">Section</a></li>
<li><a class="app_lnk lst_lnk" data-target="layout/corset" href="#">Corset</a></li>
<li><a class="app_lnk lst_lnk" data-target="layout/fullpage_table" href="#">Fullpage Table</a></li>
</ul>
</li>
<li><a class="lst_lnk" href="#">Elements</a>
<ul class="sub_nav">
<li><a class="app_lnk lst_lnk" data-target="elements/arrow_infos" href="#">Arrow Infos</a></li>
<li><a class="app_lnk lst_lnk" data-target="elements/icons" href="#">Icons</a></li>
</ul>
</li>
<li><a class="lst_lnk" href="#">Effects</a>
<ul class="sub_nav">
<li><a class="app_lnk lst_lnk" data-target="effects/reflections" href="#">Reflections</a></li>
<li><a class="app_lnk lst_lnk" data-target="effects/shadows" href="#">Shadows</a></li>
</ul>
</li>
</ul>
</div>
</div>
<div class="clearfix"></div>
<div id="app_content">
<div class="section head">
<div class="corset">
<h1>magic-stylez</h1>
</div>
</div>
<div class="section flatted">
<div class="corset">
<p class="loud"><em>Some style helpers used in a lot of our apps.</em></p>
</div>
</div>
<div class="section compact hard-top">
<div class="corset center_text">
<h2>Warning</h2>
<p class="loud">This Gem is still work in process, it is not used in a production app!</p>
<p class="loud">Its just the start to outsource my style framework (I mostly rebuild for every app).</p>
<p class="loud">It is mostly driven by my own habits, so I don't know if its usefull for others.</p>
</div>
</div>
<div class="section compact hard-top">
<div class="corset">
<h3>Dependencies</h3>
<ul>
<li><a href="https://github.com/twbs/bootstrap-sass" target="_blank">bootstrap-sass</a></li>
<li><a href="http://bourbon.io/" target="_blank">bourbon</a></li>
</ul>
</div>
</div>
<div class="section compact">
<div class="corset">
<h3>Thanks</h3>
<p class="loud">
A lot of code for this gem is taken from <a href="https://github.com/twbs/bootstrap-sass" target="_blank">bootstrap-sass</a>,
so thank you guys for the great work.</br>
Same goes for <a href="http://bourbon.io/" target="_blank">bourbon</a> thanks for a lightweight helper set.
</p>
<p class="loud">Also thanks to all the people, how share their knowlegde on <a href="http://stackoverflow.com/" target="_blank">stackoverflow</a>.</p>
</div>
</div>
<div class="section compact">
<div class="corset">
<h3>Authors</h3>
<ul>
<li><a href="http://twetzel.github.io/" target="_blank">Torsten Wetzel</a></li>
<li>many others ...</li>
</ul>
</div>
</div>
<div class="section compact">
<div class="corset">
<h3>License</h3>
<p class="loud">MIT-License</p>
</div>
</div>
<div class="section shine-top flat-bottom">
<div class="corset">
<p class="center_text">© 2014 Torsten Wetzel (berlinmagic UG)</p>
</div>
</div>
</div>
<div class="clearfix"></div>
</body>
</html>