1
0
mirror of https://github.com/Chalarangelo/mini.css.git synced 2025-01-17 21:08:13 +01:00

Utility documentation page layout updated

This commit is contained in:
Angelos Chalaris 2017-02-07 18:06:37 +02:00
parent 4350b68df9
commit 8110ec69ac
2 changed files with 9 additions and 8 deletions

View File

@ -43,7 +43,7 @@
<!-- Insert your page content here-->
<main><div class="container">
<div class="row" style="padding-top: 40px;">
<div class="col-sm">
<div class="col-sm col-lg-10 col-lg-offset-1">
<h1>Utility</h1>
<p>The <strong>utility</strong> module contains all the utilities and helper classes that you might want when designing a website or application. They solve common design problems efficiently and provide you with generic rules you can easily apply everywhere.</p>
<p><small>All examples showcased refer to the mini-default flavor, some class names and styles might differ based on the flavor you're using.</small></p>
@ -51,7 +51,7 @@
</div>
</div>
<div class="row">
<div class="col-sm">
<div class="col-sm col-lg-10 col-lg-offset-1">
<div class="card fluid">
<div class="section">
<h2>Quick overview</h2>
@ -66,7 +66,7 @@
</div>
</div>
<div class="row">
<div class="col-sm">
<div class="col-sm col-lg-10 col-lg-offset-1">
<div class="card fluid">
<div class="section"><h2>Visibility helpers</h2></div>
<div class="section row">
@ -93,7 +93,7 @@
</div>
</div>
<div class="row">
<div class="col-sm">
<div class="col-sm col-lg-10 col-lg-offset-1">
<div class="card fluid">
<div class="section"><h2>Generic borders &amp; shadows</h2></div>
<div class="section row">
@ -142,7 +142,7 @@
</div>
</div>
<div class="row">
<div class="col-sm">
<div class="col-sm col-lg-10 col-lg-offset-1">
<div class="card fluid">
<div class="section"><h2>Responsive sizing &amp; spacing classes</h2></div>
<div class="section row">
@ -170,7 +170,7 @@
</div>
</div>
<div class="row">
<div class="col-sm">
<div class="col-sm col-lg-10 col-lg-offset-1">
<div class="card fluid">
<div class="section"><h2>Breadcrumbs</h2></div>
<div class="section row">
@ -221,7 +221,7 @@
</div>
</div>
<div class="row">
<div class="col-sm">
<div class="col-sm col-lg-10 col-lg-offset-1">
<div class="card fluid">
<div class="section"><h2>Close icon</h2></div>
<div class="section row">
@ -258,7 +258,7 @@
</div>
</div>
<div class="row" style="padding-bottom: 20px; padding-top:20px;">
<div class="col-sm">
<div class="col-sm col-lg-10 col-lg-offset-1">
<p>If you want to learn more about <strong>mini.css</strong>'s modules, go back to the <a href="modules.html">modules page</a> and choose another module to see its documentation.</p>
</div>
</div>

View File

@ -843,3 +843,4 @@
- Documented predefined layouts in `grid.html`.
- Fixed the `pre` segments in `grid.html`.
- Made `header` `logo` element un`transition` conditional.
- Updated `utility.html` to display as required on larger displays.