WIP: .pcss reorganization

package.json

@@ -1,6 +1,6 @@
 {
   "name": "tribe-common",
-  "version": "5.1.17",
+  "version": "6.6.6",
   "repository": "git@github.com:the-events-calendar/tribe-common.git",
   "_resourcepath": "src/resources",
   "_domainPath": "lang",

src/Tribe/Main.php

@@ -18,7 +18,7 @@ class Tribe__Main {
 	const OPTIONNAME        = 'tribe_events_calendar_options';
 	const OPTIONNAMENETWORK = 'tribe_events_calendar_network_options';
 	const FEED_URL          = 'https://theeventscalendar.com/feed/';
-	const VERSION           = '5.1.17';
+	const VERSION           = '6.6.6';
 
 	protected $plugin_context;
 	protected $plugin_context_class;

src/resources/postcss/tec-common-admin.pcss

@@ -0,0 +1,7 @@
+/*
+ * TEC Common Admin
+ * -------------------------------------------------------------
+ * This file includes styles for the Admin area for all plugins.
+ */
+
+@import "tec-common-admin/_all.pcss";

src/resources/postcss/tec-common-admin/_all.pcss

@@ -0,0 +1,25 @@
+/* -----------------------------------------------------------------------------
+ *
+ * Tribe Common Admin
+ *
+ * This file is just a clearing-house.
+ * Make partials (start with an underscore) for any actual css code.
+ *
+ * ----------------------------------------------------------------------------- */
+
+/* Required components */
+@import "components/_all.pcss";
+
+/* Main files */
+@import "_fields.pcss";
+@import "_main.pcss";
+@import "_unused.pcss";
+@import "_upsell.pcss";
+
+/* Folders */
+@import "notices/_all.pcss";
+@import "screens/_all.pcss";
+@import "move/_all.pcss";
+
+/* Overrides */
+@import "_overrides.pcss";

src/resources/postcss/tribe-common-admin/_fields.pcss → src/resources/postcss/tec-common-admin/_fields.pcss

@@ -1,5 +1,42 @@
-.tribe-field {
+/* -----------------------------------------------------------------------------
+
+ *
+ * Tribe Common Admin - Field Styling
+ *
+ * ----------------------------------------------------------------------------- */
 
+/* Generic field styles */
+.invalid input,
+input:out-of-range {
+	border: 2px solid red !important;
+}
+
+.valid input {
+	border: 1px solid green;
+}
+
+.clearfix {
+	zoom: 1; /* For IE */
+}
+
+.placeholder {
+	color: #999;
+	cursor: text;
+	padding: 4px 4px 4px 4px;
+}
+
+input::placeholder,
+textarea::placeholder {
+	color: #999;
+}
+
+input::-webkit-input-placeholder,
+textarea::-webkit-input-placeholder {
+	color: #999;
+}
+
+/* Internal field styles */
+.tribe-field {
 	.tec-admin__settings-image-field-btn-remove {
 		border: none;
 		color: #3c434a;
@@ -19,25 +56,6 @@
 		}
 	}
 
-	&.tribe-field-color {
-		.wp-color-result.button {
-			align-items: stretch;
-			border-radius: var(--tec-border-radius-default);
-			display: flex;
-			margin: 0 6px 6px 0;
-			min-height: 30px;
-			padding: 0 0 0 var(--tec-spacer-7);
-		}
-
-		.wp-color-result-text {
-			background: var(--tec-color-background);
-			border-left: 1px solid var(--tec-color-border-default);
-			font-size: var(--tec-font-size-0);
-			line-height: 30px;
-			padding: 0 var(--tec-spacer-2);
-		}
-	}
-
 	.tec-admin__settings-toggle-field-span {
 		background: var(--tec-color-text-disabled);
 		border-radius: 16px;
@@ -84,4 +102,57 @@
 			left: 21px;
 		}
 	}
+
+	.tribe-field-wrap {
+		.tooltip:first-child {
+			font-style: normal;
+		}
+	}
+
+	&.indent {
+		margin-left: 252px;
+		width: 75%;
+
+		legend {
+			font-weight: normal;
+			width: auto;
+		}
+
+		.tribe-field-wrap {
+			padding-right: 12px;
+		}
+
+		&.tribe-field-radio {
+
+			.tribe-field-wrap {
+				clear: left;
+				margin-top: 12px;
+			}
+		}
+	}
+
+	&.light-bordered {
+		background-color: white;
+		border: solid lightgrey 1px;
+	}
+
+	/* @TODO: unused? */
+	&.tribe-field-color {
+		.wp-color-result.button {
+			align-items: stretch;
+			border-radius: var(--tec-border-radius-default);
+			display: flex;
+			margin: 0 6px 6px 0;
+			min-height: 30px;
+			padding: 0 0 0 var(--tec-spacer-7);
+		}
+
+		.wp-color-result-text {
+			background: var(--tec-color-background);
+			border-left: 1px solid var(--tec-color-border-default);
+			font-size: var(--tec-font-size-0);
+			line-height: 30px;
+			padding: 0 var(--tec-spacer-2);
+		}
+	}
 }