Added basic Formula Wizard, Added script to compile SASS and TS, many other random changes.

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

resources/NibblePoker/scss/site/borders.scss

@@ -0,0 +1,36 @@
+
+.border, code, .code, kbd {
+	border-color: #{$color-border-surround};
+	
+	//&.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};
+		//}
+	}
+}
+
+table.stylish {
+	// Fixing border issues when using rounded corners by using a "fake" one using the background's color.
+	// It will look like utter shit when rounded on firefox because its rendering engine cannot clip rounded corners apparently.
+	// I guess that's what being at less than 3% of the market share does to you and your ability to care about basic shit.
+	&.border {
+		background-color: #{$color-border-main};
+	}
+}
+
+// Special fix for select inputs' dropdown menu
+//select.border option::before {
+//	border: 1px solid deeppink !important;
+//}

resources/NibblePoker/scss/site/code.scss

@@ -13,7 +13,7 @@ code {
 .code, kbd {
 	background-color: #{$color-background-code};
 	
-	border: 1px solid #{$color-border-code};
+	border: 1px solid;
 	
 	// Using '.r-s'
 	border-radius: calc(#{$border-base-radius} * 0.75);

resources/NibblePoker/scss/site/input.scss

@@ -4,7 +4,7 @@
 
 /* Site > Elements > Inputs > Commons */
 
-button, input {
+button, input, textarea, select {
 	border: 0;
 	
 	// Removing ugly-ass white glow when editing text-related inputs.
@@ -19,6 +19,37 @@ button, input {
 			box-shadow: 0px 0px 3px 0px #{$color-input-glow};
 		}
 	}
+	
+	&:disabled {
+		cursor: not-allowed;
+	}
+}
+
+label {
+	cursor: pointer;
+	user-select: none;
+}
+
+/* Site > Elements > Inputs > Checkbox */
+
+input[type=checkbox] {
+	width: 1.65em;
+	height: 1.65em;
+	background-color: #{$color-background-checkbox-unchecked};
+	
+	cursor: pointer;
+	
+	&:checked {
+		background-color: #{$color-background-checkbox-checked};
+	}
+	
+	position: relative;
+	vertical-align: middle;
+}
+input[type="checkbox"] + label {
+	position: relative;
+	display: inline-block;
+	vertical-align: middle;
 }
 
 /* Site > Elements > Inputs > Buttons */
@@ -38,6 +69,30 @@ button {
 			background-color: #{$color-background-button-primary-hover};
 		}
 	}
+	
+	&.success {
+		background-color: #{$color-background-button-success};
+		
+		&:hover {
+			background-color: #{$color-background-button-success-hover};
+		}
+	}
+	
+	&.error {
+		background-color: #{$color-background-button-error};
+		
+		&:hover {
+			background-color: #{$color-background-button-error-hover};
+		}
+	}
+	
+	&.warning {
+		background-color: #{$color-background-button-warning};
+		
+		&:hover {
+			background-color: #{$color-background-button-warning-hover};
+		}
+	}
 }
 
 // Ugly fix for download buttons
@@ -75,4 +130,11 @@ button + button, .button-link + .button-link > button {
 	//&[open] > div {
 	//	height: auto;
 	//}
+}
+
+textarea {
+
+	&.no-resize {
+		resize: none;
+	}
 }

resources/NibblePoker/scss/site/table.scss

@@ -25,12 +25,7 @@ table.stylish {
 		border-right: 1.5px solid #{$color-table-border};
 	}
 	
-	// Fixing border issues when using rounded corners by using a "fake" one using the background's color.
-	// It will look like utter shit when rounded on firefox because its rendering engine cannot clip rounded corners apparently.
-	// I guess that's what being at less than 3% of the market share does to you and your ability to care about basic shit.
-	&.border {
-		background-color: #{$color-border-all};
-	}
+	// See 'site/border.scss' for border fix.
 }
 
 // Applying .p-xs and .p-s to all cells if needed
@@ -53,6 +48,7 @@ table.stylish {
 	}
 }
 
+// Centers the cells' content vertically
 .table-v-center {
 	tr, td {
 		vertical-align: middle;

resources/NibblePoker/scss/site/text.scss

@@ -4,7 +4,7 @@
 
 /* Site > Text > Commons */
 
-p, a, h1, h2, h3, h4, h5, h6, td, th, .code, summary {
+p, a, h1, h2, h3, h4, h5, h6, td, th, .code, summary, label {
 	color: #{$color-text-regular-normal};
 }