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

Improved backgrounds, builds, readability, roundings and Added lists properly

Browse Source 
Update .gitignore, compile.cmd, and 20 more files...
This commit is contained in:
Herwin Bozet (NibblePoker)
2024-11-20 22:53:18 +01:00
parent d7d4dfba15
commit cdd0aba327
22 changed files with 404 additions and 289 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
htdocs/parts/backgrounds.php
View File

@@ -16,16 +16,16 @@ if(basename(__FILE__) == basename($_SERVER["SCRIPT_FILENAME"])) {
<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>
<div class="p-l border r-xl 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>
<div class="p-l border r-xl 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>
<div class="p-l border r-xl bkgd-light my-xs"></div>
<span class="code mb-s">.bkgd-light</span>
</div>
</div>
@@ -33,24 +33,24 @@ if(basename(__FILE__) == basename($_SERVER["SCRIPT_FILENAME"])) {
<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>
<p class="t-w-500">40% opacity (Title bars)</p>
<div class="p-l border r-xl 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>
<p class="t-w-500">30% opacity (Unused)</p>
<div class="p-l border r-xl 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>
<p class="t-w-500">20% opacity (Unused)</p>
<div class="p-l border r-xl 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>
<p class="t-w-500">10% opacity (Surroundings)</p>
<div class="p-l border r-xl bkgd-grid10 my-xs"></div>
<span class="code">.bkgd-grid10</span>
<span class="code">.bkgd-surround</span>
</div>
@@ -60,7 +60,7 @@ if(basename(__FILE__) == basename($_SERVER["SCRIPT_FILENAME"])) {
<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>
<div class="p-l border r-xl bkgd-transparent my-xs"></div>
<span class="code">.bkgd-transparent</span>
</div>
</div>