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/text/text-alignment.scss

@@ -0,0 +1,28 @@
+// NibblePoker CSS Theme - CC0 1.0 (Public Domain)
+
+
+/* Text > Alignment */
+
+.t-justify {
+    text-align: justify;
+}
+
+.t-center {
+    text-align: center;
+}
+
+.t-left {
+    text-align: left;
+}
+
+.t-right {
+    text-align: right;
+}
+
+.t-start {
+    text-align: start;
+}
+
+.t-end {
+    text-align: end;
+}

scss/text/text-links.scss

@@ -0,0 +1,5 @@
+// NibblePoker CSS Theme - CC0 1.0 (Public Domain)
+
+
+/* Text > Links */
+

scss/text/text-misc.scss

@@ -0,0 +1,40 @@
+// NibblePoker CSS Theme - CC0 1.0 (Public Domain)
+
+
+/* Text > Misc */
+
+.t-ucase {
+    text-transform: uppercase;
+}
+
+.t-lcase {
+    text-transform: lowercase;
+}
+
+.t-capitalize {
+    text-transform: capitalize;
+}
+
+.t-nowrap {
+    white-space: nowrap;
+    text-wrap: nowrap;
+}
+
+.t-half-muted {
+    opacity: 65%;
+}
+
+.t-muted {
+    //@if $undefined-toggle-css-variables {
+    //	color: var(--color-white-muted);
+    //} @else {
+    //	color: #{$color-white-muted};
+    //}
+    //color: #A9A9Aa;
+    opacity: 50%;
+}
+
+.t-super-muted {
+    // Should be 35% TBH
+    opacity: 45%;
+}

scss/text/text-sizes.scss

@@ -0,0 +1,38 @@
+// NibblePoker CSS Theme - CC0 1.0 (Public Domain)
+
+
+/* Text > Sizes */
+
+// ".t-size-6", ".t-size-8", ..., "t-size-40"
+@for $_ from 3 through 20 {
+    $sizeKey: $_ * 2;
+    $sizeValue: $sizeKey / 10;
+
+    .t-size-#{$sizeKey} {
+        font-size: #{$sizeValue}rem !important;
+    }
+}
+
+// Adding special odd values
+.t-size-11 {
+    font-size: 1.1rem !important;
+}
+.t-size-13 {
+    font-size: 1.3rem !important;
+}
+.t-size-15 {
+    font-size: 1.5rem !important;
+}
+.t-size-17 {
+    font-size: 1.7rem !important;
+}
+
+// Jumbo sizes
+// ".t-size-35" & ".t-size-40"
+@for $_ from 7 through 8 {
+    $size: $_ * 5;
+
+    .t-size-#{$size} {
+        font-size: #{$size / 10}rem !important;
+    }
+}

scss/text/text-styling.scss

@@ -0,0 +1,29 @@
+// NibblePoker CSS Theme - CC0 1.0 (Public Domain)
+
+
+/* Text > Styling */
+
+i, .t-italic {
+    font-style: italic;
+}
+
+.t-oblique {
+    font-style: oblique;
+}
+
+u, .t-underline {
+    text-decoration: underline;
+}
+
+s, .t-strikethrough {
+    text-decoration: line-through;
+}
+
+.t-overline {
+    text-decoration: overline;
+}
+
+// Defined in core/defaults-code.scss !
+//.t-monospace {
+//	font-family: monospace, monospace;
+//}

scss/text/text-weights.scss

@@ -0,0 +1,32 @@
+// NibblePoker CSS Theme - CC0 1.0 (Public Domain)
+
+
+/* Text > Weights */
+
+.t-w-normal, .t-normal {
+    font-weight: normal !important;
+}
+
+b, .t-w-bold, .t-bold {
+    font-weight: bold !important;
+}
+
+.t-w-bolder, .t-bolder {
+    font-weight: bolder !important;
+}
+
+.t-w-lighter, .t-lighter {
+    font-weight: lighter !important;
+}
+
+// ".t-w-100", ".t-w-200", ..., ".t-w-900"
+@for $_ from 1 through 9 {
+    $size: $_ * 100;
+
+    .t-w-#{$size} {
+        font-weight: #{$size} !important;
+    }
+}
+
+// /!\ Firefox moment /!\
+// * The ".t-w-200" to ".t-w-500" classes barely have any visible effect...