Added class prefix to buttons, Improved intro, Changed sidebar slightly

Update index.php, buttons.php, and 4 more files...
This commit is contained in:
2024-11-16 17:36:38 +01:00
parent 8fa4b6cd2e
commit 967b17100a
6 changed files with 18 additions and 40 deletions

View File

@@ -46,27 +46,27 @@ if(basename(__FILE__) == basename($_SERVER["SCRIPT_FILENAME"])) {
</p>
<div class="grid col-2 grid-gap-xs">
<div>
<button class="p-xs r-s border primary">Primary button</button>
<button class="p-xs r-s border btn-primary">Primary button</button>
<code class="d-block p-xxs border r-s mt-s">
button.p-xs.r-s.border<b>.primary</b>
button.p-xs.r-s.border<b>.btn-primary</b>
</code>
</div>
<div>
<button class="p-xs r-s border success">Success button</button>
<button class="p-xs r-s border btn-success">Success button</button>
<code class="d-block p-xxs border r-s mt-s">
button.p-xs.r-s.border<b>.success</b>
button.p-xs.r-s.border<b>.btn-success</b>
</code>
</div>
<div>
<button class="p-xs r-s border warning">Warning button</button>
<button class="p-xs r-s border btn-warning">Warning button</button>
<code class="d-block p-xxs border r-s mt-s">
button.p-xs.r-s.border<b>.warning</b>
button.p-xs.r-s.border<b>.btn-warning</b>
</code>
</div>
<div>
<button class="p-xs r-s border error">Danger/Error button</button>
<button class="p-xs r-s border btn-error">Danger/Error button</button>
<code class="d-block p-xxs border r-s mt-s">
button.p-xs.r-s.border<b>.error</b>
button.p-xs.r-s.border<b>.btn-error</b>
</code>
</div>
</div>