Started massive refactoring, Removed halfmoon, Added new personnal common CSS, Site now runs at >5 fps on low-end

Update .gitignore, .htaccess, and 264 more files...

resources/NibblePoker/scss/core/border.scss

@@ -0,0 +1,27 @@
+// NibblePoker.lu CSS - (C) 2023 Bozet Herwin
+
+/* Utilities > Border */
+
+@mixin border-maker($side-key, $side-css-key) {
+	.border-#{$side-key} {
+		border-#{$side-css-key}: 1px solid;
+	}
+	.border-#{$side-key}-0 {
+		border-#{$side-css-key}: 0;
+	}
+}
+
+.border {
+	border: 1px solid #{$color-border-all};
+}
+
+* {
+	.dark-mode & {
+		border-color: #{$color-border-all};
+	}
+}
+
+@include border-maker("t", "top");
+@include border-maker("b", "bottom");
+@include border-maker("l", "left");
+@include border-maker("r", "right");

resources/NibblePoker/scss/core/containers.scss

@@ -0,0 +1,19 @@
+// NibblePoker.lu CSS - (C) 2023 Bozet Herwin
+
+/* Utilities > Containers */
+
+.fluid-container {
+	position: relative;
+	width: 100%;
+	height: 100%;
+	
+	// First children, or all, don't care tbh.
+	& > * {
+		position: absolute;
+		width: inherit;
+		height: inherit;
+		max-height: inherit;
+		overflow-y: auto;
+		overflow-x: hidden;
+	}
+}

resources/NibblePoker/scss/core/display.scss

@@ -0,0 +1,13 @@
+// NibblePoker.lu CSS - (C) 2023 Bozet Herwin
+
+.d-none {
+	display: none;
+}
+
+.d-inline-block {
+	display: inline-block;
+}
+
+.o-hidden {
+	overflow: hidden;
+}

resources/NibblePoker/scss/core/flex.scss

@@ -0,0 +1,74 @@
+// NibblePoker.lu CSS - (C) 2023 Bozet Herwin
+
+/* Utilities > Flex */
+
+// Display properties
+.d-flex {
+	display: flex;
+}
+
+.d-inline-flex {
+	display: inline-flex;
+}
+
+// Content justification
+.flex-justify-start {
+	justify-content: flex-start;
+}
+
+.flex-justify-end {
+	justify-content: flex-end;
+}
+
+.flex-justify-center {
+	justify-content: center;
+}
+
+.flex-justify-between {
+	justify-content: space-between;
+}
+
+.flex-justify-around {
+	justify-content: space-around;
+}
+
+.flex-justify-evenly {
+	justify-content: space-evenly;
+}
+
+.flex-justify-left {
+	justify-content: left;
+}
+
+.flex-justify-right {
+	justify-content: right;
+}
+
+// ???
+
+.flex-align-center {
+	align-items: center;
+}
+
+// Missing: start | end
+
+.flex-direction-row, .flex-row {
+	flex-direction: row;
+}
+
+.flex-direction-row-reverse, .flex-row-reverse {
+	flex-direction: row-reverse;
+}
+
+.flex-direction-column, .flex-column {
+	flex-direction: column;
+}
+
+.flex-direction-column-reverse, .flex-column-reverse {
+	flex-direction: column-reverse;
+}
+
+.flex-fill {
+	-ms-flex: 1 1 auto !important;
+	flex: 1 1 auto !important;
+}

resources/NibblePoker/scss/core/float.scss

@@ -0,0 +1,15 @@
+// NibblePoker.lu CSS - (C) 2023 Bozet Herwin
+
+/* Utilities > Float */
+
+.f-left {
+	float: left;
+}
+
+.f-right {
+	float: right;
+}
+
+.f-none {
+	float: none;
+}

resources/NibblePoker/scss/core/rounding/corner.scss

@@ -0,0 +1,27 @@
+// NibblePoker.lu CSS - (C) 2023 Bozet Herwin
+
+/* Utilities > Rounding > Corner */
+@mixin corner-rounding-maker($size-key, $size-value) {
+	.rtl-#{$size-key} {
+		border-top-left-radius: #{$size-value};
+	}
+	.rtr-#{$size-key} {
+		border-top-right-radius: #{$size-value};
+	}
+	.rbl-#{$size-key} {
+		border-bottom-left-radius: #{$size-value};
+	}
+	.rbr-#{$size-key} {
+		border-bottom-right-radius: #{$size-value};
+	}
+}
+
+/* Utilities > Rounding > Corner > Variable Sizes */
+@include corner-rounding-maker("xs", calc(#{$border-base-radius} * 0.5));
+@include corner-rounding-maker("s", calc(#{$border-base-radius} * 0.75));
+@include corner-rounding-maker("m", #{$border-base-radius});
+@include corner-rounding-maker("l", calc(#{$border-base-radius} * 1.5));
+
+/* Utilities > Rounding > Corner > Fixed Sizes */
+@include corner-rounding-maker("0", 0);
+@include corner-rounding-maker("r", 50%);

resources/NibblePoker/scss/core/rounding/global.scss

@@ -0,0 +1,19 @@
+// NibblePoker.lu CSS - (C) 2023 Bozet Herwin
+
+/* Utilities > Rounding > Global */
+@mixin global-rounding-maker($size-key, $size-value) {
+	//, .rounding-#{$size-key}
+	.r-#{$size-key} {
+		border-radius: #{$size-value};
+	}
+}
+
+/* Utilities > Rounding > Global > Variable Sizes */
+@include global-rounding-maker("xs", calc(#{$border-base-radius} * 0.5));
+@include global-rounding-maker("s", calc(#{$border-base-radius} * 0.75));
+@include global-rounding-maker("m", #{$border-base-radius});
+@include global-rounding-maker("l", calc(#{$border-base-radius} * 1.5));
+
+/* Utilities > Rounding > Global > Fixed Sizes */
+@include global-rounding-maker("0", 0);
+@include global-rounding-maker("r", 50%);

resources/NibblePoker/scss/core/rounding/sided.scss

@@ -0,0 +1,31 @@
+// NibblePoker.lu CSS - (C) 2023 Bozet Herwin
+
+/* Utilities > Rounding > Sided */
+@mixin sided-rounding-maker($size-key, $size-value) {
+	.rt-#{$size-key} {
+		border-top-left-radius: #{$size-value};
+		border-top-right-radius: #{$size-value};
+	}
+	.rb-#{$size-key} {
+		border-bottom-left-radius: #{$size-value};
+		border-bottom-right-radius: #{$size-value};
+	}
+	.rl-#{$size-key} {
+		border-top-left-radius: #{$size-value};
+		border-bottom-left-radius: #{$size-value};
+	}
+	.rr-#{$size-key} {
+		border-top-right-radius: #{$size-value};
+		border-bottom-right-radius: #{$size-value};
+	}
+}
+
+/* Utilities > Rounding > Sided > Variable Sizes */
+@include sided-rounding-maker("xs", calc(#{$border-base-radius} * 0.5));
+@include sided-rounding-maker("s", calc(#{$border-base-radius} * 0.75));
+@include sided-rounding-maker("m", #{$border-base-radius});
+@include sided-rounding-maker("l", calc(#{$border-base-radius} * 1.5));
+
+/* Utilities > Rounding > Sided > Fixed Sizes */
+@include sided-rounding-maker("0", 0);
+@include sided-rounding-maker("r", 50%);

resources/NibblePoker/scss/core/sizing.scss

@@ -0,0 +1,51 @@
+// NibblePoker.lu CSS - (C) 2023 Bozet Herwin
+
+/* Utilities > Sizing */
+
+// 100 %
+.w-full {
+	width: 100%;
+}
+
+.h-full {
+	height: 100%;
+}
+
+// 50 %
+.w-half {
+	width: 50%;
+}
+
+.h-half {
+	height: 50%;
+}
+
+// Pixels
+
+@if($undefined-add-px-sizing) {
+	// 50, 100, ..., 250 px
+	@for $_ from 1 through 5 {
+		$pxSize: $_ * 50;
+
+		.w-#{$pxSize} {
+			width: #{$pxSize}px;
+		}
+
+		.h-#{$pxSize} {
+			height: #{$pxSize}px;
+		}
+	}
+
+	// 300, 400, ..., 900 px
+	@for $_ from 3 through 9 {
+		$pxSize: $_ * 100;
+
+		.w-#{$pxSize} {
+			width: #{$pxSize}px;
+		}
+
+		.h-#{$pxSize} {
+			height: #{$pxSize}px;
+		}
+	}
+}

resources/NibblePoker/scss/core/spacing/axis.scss

@@ -0,0 +1,51 @@
+// NibblePoker.lu CSS - (C) 2023 Bozet Herwin
+
+/* Utilities > Spacing > Sided */
+@mixin axis-spacing-maker($type-key, $type-property, $size-key, $size-value) {
+	.#{$type-key}x-#{$size-key} {
+		#{$type-property}-left: #{$size-value};
+		#{$type-property}-right: #{$size-value};
+	}
+	.#{$type-key}y-#{$size-key} {
+		#{$type-property}-top: #{$size-value};
+		#{$type-property}-bottom: #{$size-value};
+	}
+}
+
+
+/* Utilities > Spacing > Sided > Variable Sizes */
+@include axis-spacing-maker("m", "margin", "xs", calc(#{$margin-base-size} * 0.5));
+@include axis-spacing-maker("m", "margin", "s", calc(#{$margin-base-size} * 0.75));
+@include axis-spacing-maker("m", "margin", "m", #{$margin-base-size});
+@include axis-spacing-maker("m", "margin", "l", calc(#{$margin-base-size} * 1.5));
+@include axis-spacing-maker("m", "margin", "xl", calc(#{$margin-base-size} * 2.0));
+
+@include axis-spacing-maker("p", "padding", "xs", calc(#{$margin-base-size} * 0.5));
+@include axis-spacing-maker("p", "padding", "s", calc(#{$margin-base-size} * 0.75));
+@include axis-spacing-maker("p", "padding", "m", #{$margin-base-size});
+@include axis-spacing-maker("p", "padding", "l", calc(#{$margin-base-size} * 1.5));
+@include axis-spacing-maker("p", "padding", "xl", calc(#{$margin-base-size} * 2.0));
+
+
+/* Utilities > Spacing > Sided > Fixed Sizes */
+@include axis-spacing-maker("m", "margin", "0", 0);
+@include axis-spacing-maker("p", "padding", "0", 0);
+
+//@for $_ from 1 through 5 {
+//	// Index: [1...5, 1]
+//	// CSS: [0.5rem...2.5rem]
+//	@include axis-spacing-maker("m", "margin", $_ * 5, $_ * 0.5 rem);
+//	@include axis-spacing-maker("p", "padding", $_ * 5, $_ * 0.5 rem);
+//}
+
+
+/* Utilities > Spacing > Sided > Others */
+@include axis-spacing-maker("m", "margin", "auto", auto);
+@include axis-spacing-maker("p", "padding", "auto", auto);
+
+
+/* Utilities > Spacing > Sided > Manual Extras */
+.px-xxs {
+	padding-left: calc(#{$margin-base-size} * 0.25);
+	padding-right: calc(#{$margin-base-size} * 0.25);
+}

resources/NibblePoker/scss/core/spacing/global.scss

@@ -0,0 +1,39 @@
+// NibblePoker.lu CSS - (C) 2023 Bozet Herwin
+
+/* Utilities > Spacing > Global */
+@mixin global-spacing-maker($type-key, $type-property, $size-key, $size-value) {
+	.#{$type-key}-#{$size-key} {
+		#{$type-property}: #{$size-value};
+	}
+}
+
+
+/* Utilities > Spacing > Global > Variable Sizes */
+@include global-spacing-maker("m", "margin", "xs", calc(#{$margin-base-size} * 0.5));
+@include global-spacing-maker("m", "margin", "s", calc(#{$margin-base-size} * 0.75));
+@include global-spacing-maker("m", "margin", "m", #{$margin-base-size});
+@include global-spacing-maker("m", "margin", "l", calc(#{$margin-base-size} * 1.5));
+@include global-spacing-maker("m", "margin", "xl", calc(#{$margin-base-size} * 2.0));
+
+@include global-spacing-maker("p", "padding", "xs", calc(#{$margin-base-size} * 0.5));
+@include global-spacing-maker("p", "padding", "s", calc(#{$margin-base-size} * 0.75));
+@include global-spacing-maker("p", "padding", "m", #{$margin-base-size});
+@include global-spacing-maker("p", "padding", "l", calc(#{$margin-base-size} * 1.5));
+@include global-spacing-maker("p", "padding", "xl", calc(#{$margin-base-size} * 2.0));
+
+
+/* Utilities > Spacing > Global > Fixed Sizes */
+@include global-spacing-maker("m", "margin", "0", 0);
+@include global-spacing-maker("p", "padding", "0", 0);
+
+//@for $_ from 1 through 5 {
+//	// Index: [1...5, 1]
+//	// CSS: [0.5rem...2.5rem]
+//	@include global-spacing-maker("m", "margin", $_ * 5, $_ * 0.5 rem);
+//	@include global-spacing-maker("p", "padding", $_ * 5, $_ * 0.5 rem);
+//}
+
+
+/* Utilities > Spacing > Global > Others */
+@include global-spacing-maker("m", "margin", "auto", auto);
+@include global-spacing-maker("p", "padding", "auto", auto);

resources/NibblePoker/scss/core/spacing/sided.scss

@@ -0,0 +1,48 @@
+// NibblePoker.lu CSS - (C) 2023 Bozet Herwin
+
+/* Utilities > Spacing > Sided */
+@mixin sided-spacing-maker($type-key, $type-property, $size-key, $size-value) {
+	.#{$type-key}t-#{$size-key} {
+		#{$type-property}-top: #{$size-value};
+	}
+	.#{$type-key}b-#{$size-key} {
+		#{$type-property}-bottom: #{$size-value};
+	}
+	.#{$type-key}l-#{$size-key} {
+		#{$type-property}-left: #{$size-value};
+	}
+	.#{$type-key}r-#{$size-key} {
+		#{$type-property}-right: #{$size-value};
+	}
+}
+
+
+/* Utilities > Spacing > Sided > Variable Sizes */
+@include sided-spacing-maker("m", "margin", "xs", calc(#{$margin-base-size} * 0.5));
+@include sided-spacing-maker("m", "margin", "s", calc(#{$margin-base-size} * 0.75));
+@include sided-spacing-maker("m", "margin", "m", #{$margin-base-size});
+@include sided-spacing-maker("m", "margin", "l", calc(#{$margin-base-size} * 1.5));
+@include sided-spacing-maker("m", "margin", "xl", calc(#{$margin-base-size} * 2.0));
+
+@include sided-spacing-maker("p", "padding", "xs", calc(#{$margin-base-size} * 0.5));
+@include sided-spacing-maker("p", "padding", "s", calc(#{$margin-base-size} * 0.75));
+@include sided-spacing-maker("p", "padding", "m", #{$margin-base-size});
+@include sided-spacing-maker("p", "padding", "l", calc(#{$margin-base-size} * 1.5));
+@include sided-spacing-maker("p", "padding", "xl", calc(#{$margin-base-size} * 2.0));
+
+
+/* Utilities > Spacing > Sided > Fixed Sizes */
+@include sided-spacing-maker("m", "margin", "0", 0);
+@include sided-spacing-maker("p", "padding", "0", 0);
+
+//@for $_ from 1 through 5 {
+//	// Index: [1...5, 1]
+//	// CSS: [0.5rem...2.5rem]
+//	@include sided-spacing-maker("m", "margin", $_ * 5, $_ * 0.5 rem);
+//	@include sided-spacing-maker("p", "padding", $_ * 5, $_ * 0.5 rem);
+//}
+
+
+/* Utilities > Spacing > Sided > Others */
+@include sided-spacing-maker("m", "margin", "auto", auto);
+@include sided-spacing-maker("p", "padding", "auto", auto);

resources/NibblePoker/scss/core/text.scss

@@ -0,0 +1,87 @@
+// NibblePoker.lu CSS - (C) 2023 Bozet Herwin
+
+/* Utilities > Text */
+
+/* Utilities > Text > Headings */
+
+h1, h2, h3, h4, h5, h6 {
+	font-weight: #{$text-header-weight};
+}
+
+
+/* Utilities > Text > Sizes */
+
+// From 6 to 40
+@for $_ from 3 through 20 {
+	$sizeKey: $_ * 2;
+	$sizeValue: $sizeKey / 10;
+	
+	.t-size-#{$sizeKey} {
+		font-size: #{$sizeValue}rem !important;
+	}
+}
+
+@for $_ from 2 through 7 {
+	$size: $_ * 100;
+	
+	.t-w-#{$size} {
+		font-weight: #{$size} !important;
+	}
+}
+
+/* Utilities > Sizing > Variable Sizes */
+
+//@for $_ from 7 through 8 {
+//	// Index: [35...40, 5]
+//	// CSS: [3.5rem...4.5rem, 0.2rem]
+//	$size: $_ * 5;
+//
+//	.t-#{$size} {
+//		font-size: #{$size / 10}rem;
+//	}
+//}
+
+
+/* Utilities > Text > Modifiers & Styles */
+
+b, .t-bold {
+	font-weight: bold;
+}
+
+.t-bolder {
+	font-weight: bold;
+}
+
+i, .t-italic {
+	font-style: italic;
+}
+
+.t-oblique {
+	font-style: oblique;
+}
+
+u, .t-underline, .t-under {
+	text-decoration: underline;
+}
+
+s, .t-strikethrough, .t-strike {
+	text-decoration: line-through;
+}
+
+.t-overline, .t-over {
+	text-decoration: overline;
+}
+
+.t-justify, .t-just {
+	text-align: justify;
+}
+
+.t-center {
+	text-align: center;
+}
+
+.ucase {
+	text-transform: uppercase;
+}
+
+// Other default shit