Split and re-ordered SCSS files for easier overrides of defaults (#4)

* Split SCSS for easier changes * Re-ordered SCSS files for easier overrides of defaults * Fixed padding classes with auto value * Added theme """stub"""
2026-05-11 13:32:00 +02:00
parent 95ffb881f9
commit 91098bc437
68 changed files with 926 additions and 786 deletions
@@ -0,0 +1,64 @@
+// NibblePoker CSS Theme - CC0 1.0 (Public Domain)
+
+/* Core > Sizing */
+
+// 100 %
+.w-full {
+	width: 100%;
+}
+.wm-full {
+	 max-width: 100%;
+}
+
+.h-full {
+	height: 100%;
+}
+.hm-full {
+	max-height: 100%;
+}
+
+// 50 %
+.w-half {
+	width: 50%;
+}
+.wm-half {
+	max-width: 50%;
+}
+
+.h-half {
+	height: 50%;
+}
+.hm-half {
+	max-height: 50%;
+}
+
+// Pixels Sizing
+// These rules are deprecated and disabled by default.
+// You should preferably use custom site-specific or app-specific rules instead !
+@if($add-px-sizing-rules) {
+	// 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;
+		}
+	}
+}