Merge pull request #1483 from RRZE-Webteam/dev

Dev

README.md

@@ -6,7 +6,7 @@ WordPress-Theme für zentrale Einrichtungen der Friedrich-Alexander-Universität
 
 ## Version
 
-Version: 2.4.38
+Version: 2.5.0
 
 ## Screenshot
 

functions/constants.php

@@ -10,12 +10,12 @@
 // Name des Options-Array
 
 $defaultoptions = [
-	'optiontable-version'           => 108,
+	'optiontable-version'           => 109,
 	// zaehlt jedesmal hoch, wenn neue Optionen eingefuegt werden 
 	// oder Default Optionen geaendert werden. Vorhandene Defaultoptions 
 	// in der Options-Table werden nur dann geändert, wenn der Wert erhöht 
 	// wurde oder die Theme Options von Hand aufgerufen und gespeichert wurden.
-	'debugmode'                     => true,
+	'debugmode'                     => false,
 	// Der Debugmode erlaubt die Einschaltung von Debug- und Demowerten über den Customizer.
 	// Bei der Compilierung des Themes mit Gulp wird der Debugmode bei
 	//  'gulp build'   auf false gesetzt

package.json

@@ -1,17 +1,17 @@
 {
     "name": "FAU-Einrichtungen",
     "textdomain": "fau",
-    "version": "2.4.38",
+    "version": "2.5.0",
     "keywords": [
         "WordPress",
         "Theme",
         "FAU",
         "RRZE"
     ],
     "compatibility": {
-        "wprequires": "6.3",
-        "wptestedup": "6.4",
-        "phprequires": "8.0"
+        "wprequires": "6.4",
+        "wptestedup": "6.5",
+        "phprequires": "8.2"
     },
     "author": {
         "name": "RRZE-Webteam <webmaster@fau.de> (https://www.rrze.fau.de)",

readme.txt

@@ -1,5 +1,5 @@
 === Theme Name: FAU-Einrichtungen ===
-Version: 2.4.38
+Version: 2.5.1
 Theme URI: https://github.com/RRZE-Webteam/FAU-Einrichtungen
 GitHub Theme URI: https://github.com/RRZE-Webteam/FAU-Einrichtungen
 GitHub Issue URL: https://github.com/RRZE-Webteam/FAU-Einrichtungen/issues

src/sass/backend/_customizer.scss

@@ -12,67 +12,68 @@
 
 #customize-theme-controls {
 
-
+	--fau-icon-size: 1.2rem;
+	--fau-icon-color: var(--color-Default);
+	--fau-icon-color-hover: var(--color-Default);
+	--fau-icon-size-mask: 1rem;
+	--fau-icon-margin-right: 0.3rem;
+
     #accordion-section-title_tagline,
     #accordion-panel-website,
     #accordion-panel-socialmedia,
     #accordion-panel-allgemeines,
     #accordion-panel-templates,
     #accordion-panel-advanced {
 	.accordion-section-title {
+	     display: flex;
 	     border-left-color: var(--color-Default);
 	}
     }
     #accordion-panel-superadmin {
 	.accordion-section-title {	   
-	    border-left-color: red;	    
+	    border-left-color: red;	
 	    color: red;
 	    &:before {
-		color: red;
-		@extend .fa;
-		@extend .fa-cogs;
-		width: 18px;
+		--fau-icon-color: red;
+		--fau-icon-color-hover: red;
+		@extend .fau-icon;
+		mask-image: svg-icon-admintools();
 	    }
 	}
     }
     #accordion-section-title_tagline,
     #accordion-panel-website {
 	.accordion-section-title:before {
-	    @extend .fa;
-	    @extend .fa-wpexplorer;
-	    width: 18px;
+		@extend .fau-icon;
+		mask-image: svg-icon-home();
 	}
     }
 
     #accordion-panel-allgemeines {
 	.accordion-section-title:before {
-	    @extend .fa;
-	    @extend .fa-toggle-on;
-	    width: 18px;
+		@extend .fau-icon;
+		mask-image: svg-icon-toggleon();
 	}
     }
     #accordion-panel-templates {
 	.accordion-section-title:before {
-	    @extend .fa;
-	    @extend .fa-files-o;
-	    width: 18px;
+		@extend .fau-icon;
+		mask-image: svg-icon-files();
 	}
     }
      #accordion-panel-advanced {
 	.accordion-section-title:before {
-	    @extend .fa;
-	    @extend .fa-cogs;
-	    width: 18px;
+		@extend .fau-icon;
+		mask-image: svg-icon-cogs();
 	}
     }
     #accordion-panel-debugmode {
 	.accordion-section-title {
 	     border-left-color: var(--color-Notice);
 	}
 	.accordion-section-title:before {
-	    @extend .fa;
-	    @extend .fa-keyboard-o;
-	    width: 18px;
+		@extend .fau-icon;
+		mask-image: svg-icon-admintools();
 	}
     }
 

src/sass/fau-theme-print.scss

@@ -161,14 +161,6 @@ main a,
     transition: none !important;
 }
 
-.fontawesome-icon-list {
-    display: flex !important;
-    flex-wrap: wrap !important;
-
-    & .fa-hover.col-md-3.col-sm-4 {
-        width: 25% !important;
-    }
-}
 
 .tw-linkref {
     display: inline !important;

src/sass/fonts/_fonts.scss

@@ -7,7 +7,7 @@
 
 
 // Awesome Font for Symbols
-@import "awesome";
+// @import "awesome";
 
 // Roboto Font
 @import "roboto";

src/sass/icons/_default.scss

@@ -84,6 +84,8 @@
     --_icon-color: var(--fau-icon-color, var(--color-Text));
     --_icon-color-hover: var(--fau-icon-color-hover, var(--color-MainBackground));
     --_icon-size-mask: var(--fau-icon-size-mask, var(--fau-icon-size, 1.6rem));
+    --_icon-margin-right: var(--fau-icon-margin-right, 0);
+    --_icon-margin-left: var(--fau-icon-margin-left, 0);
 
 
     width: var(--_icon-size); 
@@ -94,7 +96,8 @@
     mask-repeat: no-repeat;
     mask-position: center;
     background-color: var(--_icon-color);
-
+    margin-right: var(--_icon-margin-right);
+    margin-left: var(--_icon-margin-left);
 
     &:focus,
     &:hover {