Made style.css independent of actual style sheets

Cleaner, used site.scss so style.css isn't modified every SCSS compile.

.gitignore

@@ -1,3 +1,4 @@
 *.min.css
 *.map
 scss/*.css
+site.css

functions.php

@@ -167,15 +167,15 @@ function teamwpugph_scripts() {
 
 	if (defined('WP_DEBUG') && true === WP_DEBUG) {
 
-		$mainstyles		= '/style.css';
+		$mainstyles		= '/site.css';
 		$blockstyles 	= '/css/blocks.css';
 
 		$uikitjs		= '/lib/uikit/dist/js/uikit.js';
 		$uikiticonsjs	= '/lib/uikit/dist/js/uikit-icons.js';
 
 	} else {
 
-		$mainstyles		= '/style.min.css';
+		$mainstyles		= '/site.min.css';
 		$blockstyles 	= '/css/blocks.css';
 
 		$uikitjs		= '/lib/uikit/dist/js/uikit.min.js';

site.scss

@@ -0,0 +1,53 @@
+/*--------------------------------------------------------------
+# Site CSS includes UIKit 3
+# Reference https://getuikit.com/docs/sass
+--------------------------------------------------------------*/
+
+// 1. Your custom variables and variable overwrites.
+@import "scss/_import-variables.scss";
+
+// 2. Import default variables and available mixins.
+@import "lib/uikit/src/scss/variables.scss";
+@import "lib/uikit/src/scss/mixins.scss";
+
+// 3. Your custom mixin overwrites.
+@import "scss/_import-mixins";
+
+// 4. Import UIkit
+@import "lib/uikit/src/scss/uikit.scss";
+
+// 5. Quick Inline Hacks
+
+/* 
+Text meant only for screen readers. 
+@see https://make.wordpress.org/accessibility/handbook/markup/the-css-class-screen-reader-text/
+*/
+.screen-reader-text {
+    border: 0;
+    clip: rect(1px, 1px, 1px, 1px);
+    clip-path: inset(50%);
+    height: 1px;
+    margin: -1px;
+    overflow: hidden;
+    padding: 0;
+    position: absolute;
+    width: 1px;
+    word-wrap: normal !important;
+
+    &:focus {
+        background-color: #eee;
+        clip: auto !important;
+        clip-path: none;
+        color: #444;
+        display: block;
+        font-size: 1em;
+        height: auto;
+        left: 5px;
+        line-height: normal;
+        padding: 15px 23px 14px;
+        text-decoration: none;
+        top: 5px;
+        width: auto;
+        z-index: 100000; /* Above WP toolbar. */
+    }
+}