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>

View File

@@ -8,7 +8,7 @@ global $root_path;
?>
<div class="p-xs b r-s bkgd-grid">
<h2 class="t-w-500 t-size-14">Welcome to <i class="ml-xxs">NibblePoker.com</i></h2>
<h2 class="t-w-500 t-size-14">Introduction</h2>
</div>
<section class="p-s">
<h3 class="t-size-12 mb-xxs">About the stylesheet</h3>
@@ -70,7 +70,7 @@ global $root_path;
title="Download the minified full stylesheet"
class="a-hidden"
download>
<button class="success p-xs b r-m">
<button class="btn-success p-xs b r-m">
<i class="fa fa-download"></i>
nibblepoker.min.css
(<?php echo(formatBytes(filesize($root_path . "/css/nibblepoker.min.css"))) ?>)

View File

@@ -12,9 +12,6 @@ if(basename(__FILE__) == basename($_SERVER["SCRIPT_FILENAME"])) {
alt="Website's logo"
draggable="false">
</a>
<p class="quantum t-logo-text mb-s mt-xs t-muted ucase">
N<span class="t-super-muted">ibble</span>P<span class="t-super-muted">oker</span>
</p>
<hr class="subtle">
<p class="t-bold t-size-14 py-xxs t-half-muted _t-underline t-center">Text</p>