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"""

scss/utils/utils-cursor.scss

@@ -0,0 +1,45 @@
+// NibblePoker CSS Theme - CC0 1.0 (Public Domain)
+
+
+/* Utils > Cursors */
+
+@mixin cursor-maker($cursor-type) {
+  .c-#{$cursor-type}, .cursor-#{$cursor-type} {
+    cursor: #{$cursor-type} !important;
+  }
+}
+
+@include cursor-maker("auto");
+@include cursor-maker("default");
+@include cursor-maker("pointer");
+@include cursor-maker("context-menu");
+@include cursor-maker("help");
+@include cursor-maker("progress");
+@include cursor-maker("wait");
+@include cursor-maker("crosshair");
+@include cursor-maker("not-allowed");
+@include cursor-maker("zoom-in");
+@include cursor-maker("zoom-out");
+@include cursor-maker("grab");
+@include cursor-maker("cell");
+@include cursor-maker("text");
+@include cursor-maker("vertical-text");
+@include cursor-maker("alias");
+@include cursor-maker("copy");
+@include cursor-maker("move");
+@include cursor-maker("no-drop");
+@include cursor-maker("all-scroll");
+@include cursor-maker("col-resize");
+@include cursor-maker("row-resize");
+@include cursor-maker("n-resize");
+@include cursor-maker("e-resize");
+@include cursor-maker("s-resize");
+@include cursor-maker("w-resize");
+@include cursor-maker("ne-resize");
+@include cursor-maker("nw-resize");
+@include cursor-maker("se-resize");
+@include cursor-maker("sw-resize");
+@include cursor-maker("ew-resize");
+@include cursor-maker("ns-resize");
+@include cursor-maker("nesw-resize");
+@include cursor-maker("nwse-resize");

scss/utils/utils-display.scss

@@ -0,0 +1,19 @@
+// NibblePoker CSS Theme - CC0 1.0 (Public Domain)
+
+
+/* Utils > Display */
+
+.d-none {
+	display: none;
+}
+
+.d-block {
+	display: block;
+}
+
+.d-inline-block {
+	display: inline-block;
+}
+
+// Notes:
+// * 'core/core-grids.scss' defines '.d-grid' !  (Add here if grids are disabled !)

scss/utils/utils-flex.scss

@@ -0,0 +1,78 @@
+// NibblePoker CSS Theme - CC0 1.0 (Public Domain)
+
+
+/* Utils > 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;
+}
+.flex-align-start {
+	align-items: flex-start;
+}
+
+// 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;
+}

scss/utils/utils-float.scss

@@ -0,0 +1,18 @@
+// NibblePoker CSS Theme - CC0 1.0 (Public Domain)
+
+
+/* Utils > Float */
+
+.fl, .f-left {
+	float: left;
+}
+
+.fr, .f-right {
+	float: right;
+}
+
+.fn, .f-none {
+	float: none;
+}
+
+// TODO: Add more types

scss/utils/utils-mobile.scss

@@ -0,0 +1,10 @@
+// NibblePoker CSS Theme - CC0 1.0 (Public Domain)
+
+
+/* Utils > Mobile */
+
+@media only screen and (max-width: 768px) {
+	.mobile-hide {
+		display: none;
+	}
+}

scss/utils/utils-overflow.scss

@@ -0,0 +1,21 @@
+// NibblePoker CSS Theme - CC0 1.0 (Public Domain)
+
+
+/* Utils > Overflow */
+
+@mixin overflow-maker($overflow-type) {
+	.o-#{$overflow-type} {
+		overflow: #{$overflow-type} !important;
+	}
+	.ox-#{$overflow-type} {
+		overflow-x: #{$overflow-type} !important;
+	}
+	.oy-#{$overflow-type} {
+		overflow-y: #{$overflow-type} !important;
+	}
+}
+
+@include overflow-maker(auto);
+@include overflow-maker(scroll);
+@include overflow-maker(clip);
+@include overflow-maker(hidden);

scss/utils/utils-position.scss

@@ -0,0 +1,29 @@
+// NibblePoker CSS Theme - CC0 1.0 (Public Domain)
+
+
+/* Utils > Positions */
+
+@mixin position-maker($position-type) {
+	.p-#{$position-type} {
+		position: #{$position-type};
+	}
+}
+
+@include position-maker(static);
+@include position-maker(relative);
+@include position-maker(absolute);
+@include position-maker(fixed);
+@include position-maker(sticky);
+
+.top-0 {
+	top: 0;
+}
+.bottom-0 {
+	bottom: 0;
+}
+.left-0 {
+	left: 0;
+}
+.right-0 {
+	right: 0;
+}

scss/utils/utils-sizing.scss

@@ -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;
+		}
+	}
+}

scss/utils/utils-text.scss

@@ -0,0 +1,8 @@
+// NibblePoker CSS Theme - CC0 1.0 (Public Domain)
+
+
+/* Utils > Text */
+
+.t-noselect {
+  user-select: none;
+}