Merge pull request #199 from Piratenpartei/beta

1.2.0

Author: xwolfde

css/admin.css

@@ -6,11 +6,32 @@ $color-second:			#672082;
 $color-third:			#698bc1; //
 $color-four:			#148f93;
 
+// Colorsets
+
+$customizer-colorset: (
+    ("main", #ff8800, "Pirates DE"),
+    ("second", #672082, "Pirates DE second CI Color"),
+    ("third", #698bc1, "Additional complementary CI Color"),
+    ("four", #148f93, "Additional Complementary CI Color"),
+    ("uspirates", #B127AF, "Pirates US/LU"),
+    ("tkpirates", #00B5B1, "Pirates TK"),
+    ("chpirates", #F9B200, "Pirates CH"),
+    ("ispirates", #51297e, "Pirates IS"),
+    ("black", #000, ""),
+    ("white", #fff, ""),
+    ("grey", #e7e7eb, ""),
+    ("darkgrey", #1a1a1a, ""),
+    ("blue", #0066ff, ""),
+    ("red", #d7464d, ""),
+    ("yellow", #e7b547, ""),
+    ("green", #85c066, "")
+);
+
 $color-page-background:		#fff;
 $color-hr:			#ccc;
 $color-content-links:		$color-main;
 $color-print-links:             #000;
-$color-text:			#2b2b2b; 
+$color-text:			#1a1a1a; // #2b2b2b; 
 $bg-grey:			#e7e7eb;
 $color-border:			$bg-grey;
 $color-special-background:	$color-page-background;

css/sass/_variables.scss

@@ -0,0 +1,14 @@
+//--------------------------------------------------------------
+// Variables
+//--------------------------------------------------------------
+@import "variables";
+
+//--------------------------------------------------------------
+// Mixins
+//--------------------------------------------------------------
+@import "mixins/mixins";
+
+//--------------------------------------------------------------
+// Backend
+//--------------------------------------------------------------
+@import "backend/backend";

css/sass/admin.scss

@@ -0,0 +1,7 @@
+//--------------------------------------------------------------
+// Backend Styles
+//--------------------------------------------------------------
+
+
+// Customizer
+@import "customizer";

css/sass/backend/_backend.scss

@@ -0,0 +1,43 @@
+/*-----------------------------------------------------------------------------------*/
+/* Customizer Settings
+/*-----------------------------------------------------------------------------------*/
+
+
+.customize-control-colorlist-radio {
+// Inspired by https://jsfiddle.net/8uycrv12/    
+
+    label {
+        display: inline-block;
+        position: relative;
+        margin: 2px;
+        
+        input[type="radio"] {
+            // hide ugly default radio icon 
+            display: none;
+        }
+        input[type="radio"] + span.colorbox {
+            border-radius: 30%;
+        }
+        
+        span.colorbox {
+            background: transparent;
+            width: 20px;
+            height: 20px;
+            display: inline-block;
+            border: 2px solid transparent;
+            transition: all .2s linear;
+        }
+        span.reset {
+           padding: 2px;
+        }
+    }
+
+    /* Hover-Effekt */
+    label:hover span.colorbox {
+        border: 2px solid #aaa;
+    }
+    input[type="checkbox"]:checked + span.colorbox,
+    input[type="radio"]:checked + span.colorbox {
+        border: 3px solid #000;
+    }
+}

css/sass/backend/_customizer.scss

@@ -97,15 +97,3 @@ span.dropcap {
 	display: none;
 }
 
-.color-second {
-    color: $color-second;
-}
-.color-main {
-    color: $color-main;
-}
-.color-third {
-    color: $color-third;
-}
-.color-four {
-    color: $color-four;
-}