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

Compare commits

base: aziascreations:master
Branches Tags
aziascreations:master
aziascreations:cicd-pages
aziascreations:cicd-test
..
compare: aziascreations:cicd-pages
Branches Tags
aziascreations:master
aziascreations:cicd-pages
aziascreations:cicd-test

8 Commits
master ... cicd-pages

Author SHA1 Message Date
Herwin Bozet
9c1837564a Removed trash step, Fixed last faulty path
Some checks failed
Build Everything / sass_compile (push) Has been cancelled
Details 
Update build-all.yml and cards.php
 2024-11-26 22:07:03 +01:00
Herwin Bozet
028394ee85 Fixed paths for GitHub Pages 
Update index.php, intro.php, and sidebar.php
 2024-11-26 22:04:55 +01:00
Herwin Bozet
0673916f5e Combined workflows, Screw this noise 
Update build-all.yml, php-render.yml, and sass-compile.yml
 2024-11-26 22:00:14 +01:00
Herwin Bozet
bed09c3b2a Attempt 1 to fix broken triggers 
Update php-render.yml
 2024-11-26 21:55:29 +01:00
Herwin Bozet
4e55a42e54 Added artifact retrieval 
Update php-render.yml and sass-compile.yml
 2024-11-26 21:48:51 +01:00
Herwin Bozet
20beca9025 Removed beautifier step 
Update php-render.yml
 2024-11-26 21:42:45 +01:00
Herwin Bozet
bcc7cf6c98 Fixed CWD in PHP workflow 
Update php-render.yml
 2024-11-26 21:41:04 +01:00
Herwin Bozet
f04a33378c Testing PHP Rendering workflow 
Update php-render.yml, sass-compile.yml, and nibblepoker.scss
 2024-11-26 21:39:56 +01:00
7 changed files with 27 additions and 171 deletions
Show Stats Expand all files Collapse all files

2
.gitattributes vendored
View File

@ -1,2 +1,2 @@
# Preventing this repo from turning into a PHP repository # Preventing this repo from turning into a PHP repository
*.php linguist-vendored *.php -linguist-vendored

43
htdocs/index.php
View File

@ -58,64 +58,55 @@
<!-- Introduction --> <!-- Introduction -->
<?php include("./parts/intro.php"); ?> <?php include("./parts/intro.php"); ?>
<!-- Text > Weights -->
<!-- Core > Text > Weights -->
<?php include("./parts/text_weights.php"); ?> <?php include("./parts/text_weights.php"); ?>
<!-- Core > Text > Styles --> <!-- Text > Styles -->
<?php include("./parts/text_styles.php"); ?> <?php include("./parts/text_styles.php"); ?>
<!-- Core > Text > Alignment --> <!-- Text > Alignment -->
<?php include("./parts/text_alignment.php"); ?> <?php include("./parts/text_alignment.php"); ?>
<!-- Core > Text > Modifiers --> <!-- Text > Modifiers -->
<?php include("./parts/text_modifiers.php"); ?> <?php include("./parts/text_modifiers.php"); ?>
<!-- Core > Text > Links --> <!-- Text > Links -->
<?php include("./parts/text_links.php"); ?> <?php include("./parts/text_links.php"); ?>
<!-- Core > Text > Misc --> <!-- Text > Misc -->
<?php include("./parts/text_misc.php"); ?> <?php include("./parts/text_misc.php"); ?>
<!-- Core > Spacing --> <!-- Spacing -->
<?php include("./parts/spacing.php"); ?> <?php include("./parts/spacing.php"); ?>
<!-- Core > Rounding --> <!-- Rounding -->
<?php include("./parts/rounding.php"); ?> <?php include("./parts/rounding.php"); ?>
<!-- Core > Lists > Base --> <!-- Lists > Base -->
<?php include("./parts/lists_base.php"); ?> <?php include("./parts/lists_base.php"); ?>
<!-- Core > Lists > Composed <!-- Lists > Composed
<?php include("./parts/lists_composed.php"); ?>--> <?php include("./parts/lists_composed.php"); ?>-->
<!-- Core > Grids --> <!-- Grids -->
<?php include("./parts/grids.php"); ?> <?php include("./parts/grids.php"); ?>
<!-- Core > Tables --> <!-- Tables -->
<?php include("./parts/tables_core.php"); ?> <?php include("./parts/tables_core.php"); ?>
<!-- Core > Inputs --> <!-- Horizontal Rulers -->
<?php include("./parts/core/inputs.php"); ?>
<!-- Site > Horizontal Rulers -->
<?php include("./parts/horizontal_rulers.php"); ?> <?php include("./parts/horizontal_rulers.php"); ?>
<!-- Site > Backgrounds --> <!-- Backgrounds -->
<?php include("./parts/backgrounds.php"); ?> <?php include("./parts/backgrounds.php"); ?>
<!-- Site > Buttons --> <!-- Buttons -->
<?php include("./parts/buttons.php"); ?> <?php include("./parts/buttons.php"); ?>
<!-- Site > Tables --> <!-- Tables -->
<?php include("./parts/tables_site.php"); ?> <?php include("./parts/tables_site.php"); ?>
<!-- Tables -->
<!-- Examples > Inputs -->
<?php include("./parts/examples/inputs.php"); ?>
<!-- Examples > Tables -->
<?php include("./parts/examples/cards.php"); ?> <?php include("./parts/examples/cards.php"); ?>
</main> </main>

77
htdocs/parts/core/inputs.php
View File

@ -1,77 +0,0 @@
<?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="core-inputs"></a>
<div class="p-xs b r-s bkgd-grid mt-m">
<h2 class="t-w-500 t-size-14">Inputs
<i class="fa-solid fa-pen-to-square f-right"></i>
</h2>
</div>
<section class="p-s">
<div class="bkgd-blue t-w-400 t-center w-full r-l border p-xs mt-xxs mb-m">
ℹ️ Check the <a href="#examples-inputs">Examples &gt; Inputs</a> section for styled examples.
</div>
<div class="px-s mb-m">
<label for="demo-core-text">Text Input: </label>
<input id="demo-core-text" type="text" value="Lorem ipsum">
<code class="d-block p-xxs border r-s mt-xs bkgd-gray">
label+input[type=text]
</code>
</div>
<div class="px-s mb-m">
<label for="demo-core-password">Password Input: </label>
<input id="demo-core-password" type="password" value="12345678">
<code class="d-block p-xxs border r-s mt-xs bkgd-gray">
label+input[type=password]
</code>
</div>
<div class="px-s mb-m">
<label for="demo-core-number">Number Input: </label>
<input id="demo-core-number" type="number" value="42">
<code class="d-block p-xxs border r-s mt-xs bkgd-gray">
label+input[type=number]
</code>
</div>
<div class="px-s mb-m">
<input type="radio" id="demo-core-radio-1">
<label for="demo-core-radio-1">Radio 1</label><br>
<input type="radio" id="demo-core-radio-2">
<label for="demo-core-radio-2">Radio 2</label><br>
<input type="radio" id="demo-core-radio-3">
<label for="demo-core-radio-3">Radio 3</label>
<code class="d-block p-xxs border r-s mt-xs bkgd-gray">
(input[type=radio]+label+br)*3
</code>
</div>
<div class="px-s mb-m">
<input type="checkbox" id="demo-core-combo-1">
<label for="demo-core-combo-1">Checkbox 1</label><br>
<input type="checkbox" id="demo-core-combo-2">
<label for="demo-core-combo-2">Checkbox 2</label><br>
<input type="checkbox" id="demo-core-combo-3">
<label for="demo-core-combo-3">Checkbox 3</label>
<code class="d-block p-xxs border r-s mt-xs bkgd-gray">
(input[type=checkbox]+label+br)*3
</code>
</div>
<div class="px-s mb-m">
<label for="demo-core-textarea"></label>
<textarea id="demo-core-textarea" rows="8">Lorem Ipsum</textarea>
<code class="d-block p-xxs border r-s mt-xs bkgd-gray">
label+textarea
</code>
</div>
</section>

37
htdocs/parts/examples/inputs.php
View File

@ -1,37 +0,0 @@
<?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-inputs"></a>
<div class="p-xs b r-s bkgd-grid mt-m">
<h2 class="t-w-500 t-size-14">Inputs
<i class="fa-solid fa-pen-to-square f-right"></i>
</h2>
</div>
<section class="p-s">
<h3 class="t-w-500 t-size-12 my-xs mt-xxs">Basic inputs</h3>
<div class="px-s mb-m">
<label for="demo-core-text">Text Input: </label>
<input id="demo-core-text" type="text" value="Lorem ipsum" class="p-xxs border r-m">
<code class="d-block p-xxs border r-s mt-xs bkgd-gray">
label+input[type=text]<b>.p-xxs.border.r-m</b>
</code>
</div>
<div class="px-s mb-m">
<label for="demo-core-textarea"></label>
<textarea id="demo-core-textarea" rows="8" class="p-xxs border r-m w-full ta-resize-v">Lorem Ipsum</textarea>
<code class="d-block p-xxs border r-s mt-xs bkgd-gray">
label+textarea<b>.p-xxs.border.r-m.w-full.ta-resize-v</b>
</code>
</div>
<p class="mt-m t-bold">TODO: Add other types</p>
</section>

8
htdocs/parts/intro.php
View File

@ -67,7 +67,7 @@ global $root_path;
<tr> <tr>
<td>NibbleCSS</td> <td>NibbleCSS</td>
<td> <td>
<a href="./css/nibblepoker.min.css" <a href="/css/nibblepoker.min.css"
title="Download the minified full stylesheet" title="Download the minified full stylesheet"
class="a-hidden" class="a-hidden"
download> download>
@ -79,7 +79,7 @@ global $root_path;
</a> </a>
</td> </td>
<td> <td>
<a href="./css/nibblepoker.css" <a href="/css/nibblepoker.css"
title="Download the full stylesheet" title="Download the full stylesheet"
class="a-hidden" class="a-hidden"
download> download>
@ -94,7 +94,7 @@ global $root_path;
<tr> <tr>
<td>Debugger</td> <td>Debugger</td>
<td> <td>
<a href="./css/debugger.min.css" <a href="/css/debugger.min.css"
title="Download the minified debugging stylesheet" title="Download the minified debugging stylesheet"
class="a-hidden" class="a-hidden"
download> download>
@ -106,7 +106,7 @@ global $root_path;
</a> </a>
</td> </td>
<td> <td>
<a href="./css/debugger.css" <a href="/css/debugger.css"
title="Download the debugging stylesheet" title="Download the debugging stylesheet"
class="a-hidden" class="a-hidden"
download> download>

10
htdocs/parts/sidebar.php
View File

@ -80,11 +80,6 @@ if(basename(__FILE__) == basename($_SERVER["SCRIPT_FILENAME"])) {
<i class="fa-solid fa-table pr-xs t-half-muted"></i>Tables <i class="fa-solid fa-table pr-xs t-half-muted"></i>Tables
</p> </p>
</a> </a>
<a class="a-hidden" href="#core-inputs">
<p class="t-w-500 py-xs sidebar-entry">
<i class="fa-solid fa-pen-to-square pr-xs t-half-muted"></i>Inputs
</p>
</a>
</div> </div>
</details> </details>
@ -117,11 +112,6 @@ if(basename(__FILE__) == basename($_SERVER["SCRIPT_FILENAME"])) {
<details class="by t-noselect" open> <details class="by t-noselect" open>
<summary class="p-xs bkgd-grid20 t-w-bold t-size-13">Examples</summary> <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"> <div class="p-xs px-m bt bkgd-grey t-size-11">
<a class="a-hidden" href="#examples-inputs">
<p class="t-w-500 py-xs sidebar-entry">
<i class="fa-solid fa-pen-to-square pr-xs t-half-muted"></i>Inputs
</p>
</a>
<a class="a-hidden" href="#examples-cards"> <a class="a-hidden" href="#examples-cards">
<p class="t-w-500 py-xs sidebar-entry"> <p class="t-w-500 py-xs sidebar-entry">
<i class="fa-solid fa-address-card pr-xs t-half-muted"></i>Cards <i class="fa-solid fa-address-card pr-xs t-half-muted"></i>Cards

21
scss/site/input.scss
View File

@ -132,20 +132,9 @@ button + button, .button-link + .button-link > button {
//} //}
} }
textarea {
// TODO: Move to core ! &.no-resize {
.ta-resize { resize: none;
resize: both; }
} }
.ta-resize-h {
resize: horizontal;
}
.ta-resize-v {
resize: vertical;
}
.ta-resize-none {
resize: none;
}