|
@ -28,6 +28,21 @@ |
|
|
</header> |
|
|
</header> |
|
|
|
|
|
|
|
|
<div class="container m-top-7"> |
|
|
<div class="container m-top-7"> |
|
|
|
|
|
|
|
|
|
|
|
<div class="grid"> |
|
|
|
|
|
<div class="col-12"> |
|
|
|
|
|
<p> |
|
|
|
|
|
<span class="t-bold">Plain UI</span> is a simple UI Framework. It uses strong Utility Classes and has a few Components. |
|
|
|
|
|
</p> |
|
|
|
|
|
<p> |
|
|
|
|
|
Some ideas of this are based Work from the last 10 Years. But also Ideas from Frameworks TailwindCSS. |
|
|
|
|
|
</p> |
|
|
|
|
|
<p> |
|
|
|
|
|
The Basic Idea was a quick |
|
|
|
|
|
</p> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="grid"> |
|
|
<div class="grid"> |
|
|
<div class="col-12"> |
|
|
<div class="col-12"> |
|
|
<h2 class="m-bottom-0">Heading</h2> |
|
|
<h2 class="m-bottom-0">Heading</h2> |
|
@ -65,7 +80,8 @@ |
|
|
</a> |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<h2>Buttons</h2> |
|
|
|
|
|
|
|
|
<h2>Components</h2> |
|
|
|
|
|
<h3>Buttons</h3> |
|
|
<button class="button"> |
|
|
<button class="button"> |
|
|
Default |
|
|
Default |
|
|
</button> |
|
|
</button> |
|
|