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

Added SASS Compiling workflow (#1)
Some checks are pending
Compile SASS / deploy (push) Waiting to run

Browse Source 
* Added first version of SASS CICD
Update sass-compile.yml

* Added artifact step
Update sass-compile.yml

* Fixed artifact name, testing author name condition
Update sass-compile.yml

* Finished CICD SASS compiler, Added broken example page
Update sass-compile.yml, maki-03.jpg, and 5 more files...
This commit is contained in:
Herwin Bozet (NibblePoker)
2024-11-26 21:06:28 +01:00
committed by GitHub
parent c568074c51
commit ecabc11ff6
7 changed files with 120 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
htdocs/parts/examples/cards.php Normal file
View File

@@ -0,0 +1,47 @@
<?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="examples-cards"></a>
<div class="p-xs b r-s bkgd-grid mt-m">
<h2 class="t-w-500 t-size-14">Cards
<i class="fa-solid fa-address-card f-right"></i>
</h2>
</div>
<section class="p-s">
<h3 class="t-w-500 t-size-12 my-s mt-xxs">Vertical Card</h3>
<div class="px-s">
<p class="mb-xxs">
Tables can quickly be styled by simply using the <span class="code">.table-stylish</span> class.
</p>
<div class="my-s border r-l bkgd-dark grid d-inline-block">
<div class="bb">
<img src="/img/maki-03.jpg" alt="Hungry Kitty Cat" class="r-r p-s px-l" height="128px">
</div>
<div class="bkgd-gray t-center">
<p>Hungry Cat</p>
<p>
This kitty needs kibbles to stay healthy and
</p>
</div>
<div class="grid grid-col-3">
<div></div>
<div></div>
<div></div>
</div>
</div>
<code class="d-block p-xxs border r-s mt-s">
table<b>.table-stylish.table-p-s.border.r-l</b><br>
&nbsp;&nbsp;thead>th>td*2<br>
&nbsp;&nbsp;tbody>tr*2>td*2
</code>
</div>
</section>

5
htdocs/parts/sidebar.php
View File

@@ -112,11 +112,12 @@ if(basename(__FILE__) == basename($_SERVER["SCRIPT_FILENAME"])) {
<details class="by t-noselect" open>
<summary class="p-xs bkgd-grid20 t-w-bold t-size-13">Examples</summary>
<div class="p-xs px-m bt bkgd-grey t-size-11">
<a class="a-hidden" href="#lists-composed">
<a class="a-hidden" href="#examples-cards">
<p class="t-w-500 py-xs sidebar-entry">
<i class="fa-solid fa-ellipsis pr-xs t-half-muted"></i>Composed
<i class="fa-solid fa-address-card pr-xs t-half-muted"></i>Cards
</p>
</a>
</div>
</details>
</nav>

2
htdocs/parts/tables_site.php
View File

@@ -44,7 +44,7 @@ if(basename(__FILE__) == basename($_SERVER["SCRIPT_FILENAME"])) {
</tbody>
</table>
<code class="d-block p-xxs border r-s mt-s">
table<b>.table-stylish.table-p-s.border.o-hidden</b><br>
table<b>.table-stylish.table-p-s.border.r-l</b><br>
&nbsp;&nbsp;thead>th>td*2<br>
&nbsp;&nbsp;tbody>tr*2>td*2
</code>

7
htdocs/parts/text_misc.php
View File

@@ -20,9 +20,14 @@ if(basename(__FILE__) == basename($_SERVER["SCRIPT_FILENAME"])) {
<tbody>
<tr>
<td><p class="t-bold">No wrap</p></td>
<td><p class="t-nowrap">Cannot really be shown</p></td>
<td><p class="t-nowrap">Cannot really be demonstrated</p></td>
<td><span class="code">.t-nowrap</span></td>
</tr>
<tr>
<td><p class="t-bold">No Select</p></td>
<td><p class="t-noselect">Cannot be selected</p></td>
<td><span class="code">.t-noselect</span></td>
</tr>
<tr>
<td><p class="t-bold">Half muted</p></td>
<td><p class="t-half-muted">Half muted</p></td>