mirror/mini-css
1
0
Fork 0
mirror of https://github.com/Chalarangelo/mini.css.git synced 2025-04-19 11:51:55 +02:00
Code Issues Releases Wiki Activity

Minor presentational changes

Browse Source
This commit is contained in:
Angelos Chalaris 2016-09-15 14:35:40 +03:00
parent cf4fd9feba
commit 01b4f5bd83
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
docs/modules.html
View File

@ -16,6 +16,7 @@
<link rel="stylesheet" href="https://cdn.rawgit.com/Chalarangelo/mini.css/6b3db97a893cf4e7ec1b9f5aa40fc5957b1b94fc/flavors/mini-default.min.css">
<style>
.panelcode{ border-top-left-radius:0; border-top-right-radius:0; margin-bottom:0; }
pre{ overflow: auto; }
</style>
</head>
<body>
@ -347,7 +348,7 @@
&lt;div&gt;Tab 3 content...&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;</pre><br>
<p>(*):Due to a minor incompatibility between panels and tabs, the above example is not shown like most of the others. Our most experienced teams of developers and designers are on this.</p>
<p>(*):Due to a minor incompatibility between panels and tabs, the above example is not shown like most of the others. Our most experienced teams of developers and designers are on this.</p><br>
<h2 id="table">Tables</h2>
<p>Tables can be easily stylized to look more modern, using stripes and selective borders (vertical only by default). Classes for horizontal only borders(<code>.hor</code>) and full borders(<code>.bor</code>) are also provided. Use the <code>.tbl</code> class in your <code>&lt;table&gt;</code> elements to easily apply your styling.</p>
@ -392,7 +393,7 @@
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;</pre>
</div>
</div><br>
<h2 id="form">Forms</h2>
<p>Form customization and styling is easy using the <code>.frm</code> class in any <code>&lt;form&gt;</code> element. Inputs inside the form will be automatically styled and they will use complementary highlights for certain events (<code>:focus</code>, <code>disabled</code>, <code>:invalid</code> etc.). You can use the <code>.aligned</code> and <code>.inline</code> classes to create aligned and inline forms respectively. Aligned forms should be used in combination with the <code>.ctrl-group</code> class to group together labels with their respective inputs.</p>