aziascreations/CSS-NibblePoker
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Activity

Added run targets, Added backgrounds section

Browse Source 
Update Compile.run.xml, Setup.run.xml, and 7 more files...
This commit is contained in:
Herwin Bozet (NibblePoker)
2024-11-19 11:13:15 +01:00
parent 58a5d94d92
commit d7d4dfba15
9 changed files with 134 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

67
htdocs/parts/backgrounds.php Normal file
View File

@@ -0,0 +1,67 @@
<?php
// Making sure the file is included and not accessed directly.
if(basename(__FILE__) == basename($_SERVER["SCRIPT_FILENAME"])) {
header('HTTP/1.1 403 Forbidden'); die();
}
?>
<a id="backgrounds"></a>
<div class="p-xs b r-s bkgd-grid mt-m">
<h2 class="t-w-500 t-size-14">Backgrounds
<i class="fa-solid fa-paint-roller f-right"></i>
</h2>
</div>
<section class="p-s">
<h3 class="t-w-500 t-size-12 mb-xs mt-xxs">Simple colors</h3>
<div class="grid col-3 grid-gap-l px-s">
<div>
<div class="p-l border rb-s bkgd-dark my-xs"></div>
<span class="code mb-s">.bkgd-dark</span>
</div>
<div>
<div class="p-l border r-s bkgd-grey my-xs"></div>
<span class="code mb-s">.bkgd-grey</span>
<span class="code mb-s">.bkgd-gray</span>
</div>
<div>
<div class="p-l border r-s bkgd-light my-xs"></div>
<span class="code mb-s">.bkgd-light</span>
</div>
</div>
<h3 class="t-w-500 t-size-12 my-s mt-l">Grid backgrounds</h3>
<div class="grid col-2 grid-gap-l px-s">
<div>
<p class="t-w-500">Grid (40% opacity)</p>
<div class="p-l border r-s bkgd-grid40 my-xs"></div>
<span class="code">.bkgd-grid40</span>
<span class="code">.bkgd-grid</span>
</div>
<div>
<p class="t-w-500">Math (30% opacity)</p>
<div class="p-l border r-s bkgd-grid30 my-xs"></div>
<span class="code">.bkgd-grid30</span>
</div>
<div>
<p class="t-w-500">Math (20% opacity)</p>
<div class="p-l border r-s bkgd-grid20 my-xs"></div>
<span class="code">.bkgd-grid20</span>
</div>
<div>
<p class="t-w-500">Surround (10% opacity)</p>
<div class="p-l border r-s bkgd-grid10 my-xs"></div>
<span class="code">.bkgd-grid10</span>
<span class="code">.bkgd-surround</span>
</div>
</div>
<h3 class="t-w-500 t-size-12 my-s mt-l">Other backgrounds</h3>
<div class="grid col-3 grid-gap-l px-s">
<div>
<p class="t-w-500">Transparent</p>
<div class="p-l border r-s bkgd-transparent my-xs"></div>
<span class="code">.bkgd-transparent</span>
</div>
</div>
</section>

7
htdocs/parts/sidebar.php
View File

@@ -103,6 +103,13 @@ if(basename(__FILE__) == basename($_SERVER["SCRIPT_FILENAME"])) {
<hr class="subtle">
<a class="a-hidden" href="#backgrounds">
<p class="t-size-18 t-w-500 py-xs sidebar-entry">
<i class="fa-solid fa-paint-roller pr-xs t-size-12 t-half-muted"></i>
<span class="t-size-12">Backgrounds</span>
</p>
</a>
<a class="a-hidden" href="#buttons">
<p class="t-size-18 t-w-500 py-xs sidebar-entry">
<i class="fa-solid fa-stop pr-xs t-size-12 t-half-muted"></i>