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/borders/border-colors.scss

@@ -0,0 +1,31 @@
+// NibblePoker CSS Theme - CC0 1.0 (Public Domain)
+
+
+/* Borders > Colors */
+
+.border, code, .code, kbd {
+	border-color: #{$color-border-code};
+	
+	//&.b-light {
+	//	border: 1px solid #{$color-border-light};
+	//}
+}
+
+code, .code, kbd {
+	border-color: #{$color-border-code};
+}
+
+main {
+	.border {
+		border-color: #{$color-border-main};
+
+		//&.b-light {
+		//	border: 1px solid #{$color-border-light};
+		//}
+	}
+}
+
+// Special fix for select inputs' dropdown menu
+//select.border option::before {
+//	border: 1px solid deeppink !important;
+//}

scss/borders/border-styles.scss

@@ -0,0 +1,23 @@
+// NibblePoker CSS Theme - CC0 1.0 (Public Domain)
+
+
+/* Borders > Styles */
+
+// TODO: Improve if per-side border styles are required.
+
+@mixin border-style-maker($style-key, $style-css-value) {
+	.border-#{$style-key}, .b-#{$style-key} {
+		border-style: #{$style-css-value};
+	}
+}
+
+@include border-style-maker("none", "none");
+@include border-style-maker("hidden", "hidden");
+@include border-style-maker("dotted", "dotted");
+@include border-style-maker("dashed", "dashed");
+@include border-style-maker("solid", "solid");
+@include border-style-maker("double", "double");
+@include border-style-maker("groove", "groove");
+@include border-style-maker("ridge", "ridge");
+@include border-style-maker("inset", "inset");
+@include border-style-maker("outset", "outset");

scss/borders/border-targeting.scss

@@ -0,0 +1,57 @@
+// NibblePoker CSS Theme - CC0 1.0 (Public Domain)
+
+
+/* Borders > Targeting */
+
+.b, .border {
+	border: 1px solid #{$color-border-default};
+}
+
+.bx {
+	border-left: 1px solid #{$color-border-default};
+	border-right: 1px solid #{$color-border-default};
+}
+
+.by {
+	border-top: 1px solid #{$color-border-default};
+	border-bottom: 1px solid #{$color-border-default};
+}
+
+@mixin border-maker-enable($side-key, $side-css-key) {
+	.b#{$side-key} {
+		border-#{$side-css-key}: 1px solid #{$color-border-default};
+	}
+}
+
+@include border-maker-enable("t", "top");
+@include border-maker-enable("b", "bottom");
+@include border-maker-enable("l", "left");
+@include border-maker-enable("r", "right");
+
+
+/* Borders > Disabling */
+
+.b-0 {
+	border: 0;
+}
+
+.bx-0 {
+	border-left: 0;
+	border-right: 0;
+}
+
+.by-0 {
+	border-top: 0;
+	border-bottom: 0;
+}
+
+@mixin border-maker-disable($side-key, $side-css-key) {
+	.b#{$side-key}-0 {
+		border-#{$side-css-key}: 0;
+	}
+}
+
+@include border-maker-disable("t", "top");
+@include border-maker-disable("b", "bottom");
+@include border-maker-disable("l", "left");
+@include border-maker-disable("r", "right");