fix: Ansum and Mapco: icons_as_emojis (better fix) (#4967)

* fix

* better fix

* fix

p/themes/Ansum/_components.scss

@@ -51,7 +51,7 @@
 
 		@include mixins.transition(all, 0.075s, ease-in-out);
 
-		a, span, .as-link {
+		a, .as-link {
 			padding: 0 2rem;
 			color: variables.$main-font-color;
 			font-size: 1rem;
@@ -80,7 +80,7 @@
 			}
 
 			.item {
-				a, span, .as-link {
+				a, .as-link {
 					padding-left: 2rem;
 				}
 			}

p/themes/Ansum/ansum.css

@@ -252,21 +252,17 @@ form th {
 .dropdown-menu .item {
 	transition: all 0.075s ease-in-out;
 }
-.dropdown-menu .item a, .dropdown-menu .item span, .dropdown-menu .item .as-link {
+.dropdown-menu .item a, .dropdown-menu .item .as-link {
 	padding: 0 2rem;
 	color: #363330;
 	font-size: 1rem;
 	line-height: 2.5em;
 }
-.dropdown-menu .item a span.icon, .dropdown-menu .item span span.icon, .dropdown-menu .item .as-link span.icon {
-	padding: 0 0.25rem !important;
-	line-height: 1;
-}
-.dropdown-menu .item a:not(.addItem):hover, .dropdown-menu .item span:not(.addItem):hover, .dropdown-menu .item .as-link:not(.addItem):hover {
+.dropdown-menu .item a:not(.addItem):hover, .dropdown-menu .item .as-link:not(.addItem):hover {
 	background: #ca7227;
 	color: #fff;
 }
-.dropdown-menu .item a:not(.addItem):hover .icon, .dropdown-menu .item span:not(.addItem):hover .icon, .dropdown-menu .item .as-link:not(.addItem):hover .icon {
+.dropdown-menu .item a:not(.addItem):hover .icon, .dropdown-menu .item .as-link:not(.addItem):hover .icon {
 	filter: grayscale(100%) brightness(2.5);
 }
 .dropdown-menu .item.dropdown-section {
@@ -275,7 +271,7 @@ form th {
 .dropdown-menu .item.dropdown-section ~ .dropdown-section {
 	border-top-color: #f5f0ec;
 }
-.dropdown-menu .item.dropdown-section .item a, .dropdown-menu .item.dropdown-section .item span, .dropdown-menu .item.dropdown-section .item .as-link {
+.dropdown-menu .item.dropdown-section .item a, .dropdown-menu .item.dropdown-section .item .as-link {
 	padding-left: 2rem;
 }
 .dropdown-menu .item:not(.addItem) a:hover,
@@ -1316,4 +1312,6 @@ body.register {
 a, button.as-link {
 	outline: none;
 	color: #ca7227;
-}
+}
+
+/*# sourceMappingURL=ansum.css.map */

p/themes/Ansum/ansum.rtl.css

@@ -252,21 +252,17 @@ form th {
 .dropdown-menu .item {
 	transition: all 0.075s ease-in-out;
 }
-.dropdown-menu .item a, .dropdown-menu .item span, .dropdown-menu .item .as-link {
+.dropdown-menu .item a, .dropdown-menu .item .as-link {
 	padding: 0 2rem;
 	color: #363330;
 	font-size: 1rem;
 	line-height: 2.5em;
 }
-.dropdown-menu .item a span.icon, .dropdown-menu .item span span.icon, .dropdown-menu .item .as-link span.icon {
-	padding: 0 0.25rem !important;
-	line-height: 1;
-}
-.dropdown-menu .item a:not(.addItem):hover, .dropdown-menu .item span:not(.addItem):hover, .dropdown-menu .item .as-link:not(.addItem):hover {
+.dropdown-menu .item a:not(.addItem):hover, .dropdown-menu .item .as-link:not(.addItem):hover {
 	background: #ca7227;
 	color: #fff;
 }
-.dropdown-menu .item a:not(.addItem):hover .icon, .dropdown-menu .item span:not(.addItem):hover .icon, .dropdown-menu .item .as-link:not(.addItem):hover .icon {
+.dropdown-menu .item a:not(.addItem):hover .icon, .dropdown-menu .item .as-link:not(.addItem):hover .icon {
 	filter: grayscale(100%) brightness(2.5);
 }
 .dropdown-menu .item.dropdown-section {
@@ -275,7 +271,7 @@ form th {
 .dropdown-menu .item.dropdown-section ~ .dropdown-section {
 	border-top-color: #f5f0ec;
 }
-.dropdown-menu .item.dropdown-section .item a, .dropdown-menu .item.dropdown-section .item span, .dropdown-menu .item.dropdown-section .item .as-link {
+.dropdown-menu .item.dropdown-section .item a, .dropdown-menu .item.dropdown-section .item .as-link {
 	padding-right: 2rem;
 }
 .dropdown-menu .item:not(.addItem) a:hover,
@@ -1316,4 +1312,4 @@ body.register {
 a, button.as-link {
 	outline: none;
 	color: #ca7227;
-}
+}

p/themes/Mapco/_components.scss

@@ -51,7 +51,7 @@
 
 		@include mixins.transition(all, 0.075s, ease-in-out);
 
-		a, span, .as-link {
+		a, .as-link {
 			padding: 0 2rem;
 			color: variables.$main-font-color;
 			font-size: 1rem;
@@ -80,7 +80,7 @@
 			}
 
 			.item {
-				a, span, .as-link {
+				a, .as-link {
 					padding-left: 2rem;
 				}
 			}

p/themes/Mapco/mapco.css

@@ -251,21 +251,17 @@ form th {
 .dropdown-menu .item {
 	transition: all 0.075s ease-in-out;
 }
-.dropdown-menu .item a, .dropdown-menu .item span, .dropdown-menu .item .as-link {
+.dropdown-menu .item a, .dropdown-menu .item .as-link {
 	padding: 0 2rem;
 	color: #303136;
 	font-size: 1rem;
 	line-height: 2.5em;
 }
-.dropdown-menu .item a span.icon, .dropdown-menu .item span span.icon, .dropdown-menu .item .as-link span.icon {
-	padding: 0 0.25rem !important;
-	line-height: 1;
-}
-.dropdown-menu .item a:not(.addItem):hover, .dropdown-menu .item span:not(.addItem):hover, .dropdown-menu .item .as-link:not(.addItem):hover {
+.dropdown-menu .item a:not(.addItem):hover, .dropdown-menu .item .as-link:not(.addItem):hover {
 	background: #36c;
 	color: #fff;
 }
-.dropdown-menu .item a:not(.addItem):hover .icon, .dropdown-menu .item span:not(.addItem):hover .icon, .dropdown-menu .item .as-link:not(.addItem):hover .icon {
+.dropdown-menu .item a:not(.addItem):hover .icon, .dropdown-menu .item .as-link:not(.addItem):hover .icon {
 	filter: brightness(3);
 }
 .dropdown-menu .item.dropdown-section {
@@ -274,7 +270,7 @@ form th {
 .dropdown-menu .item.dropdown-section ~ .dropdown-section {
 	border-top-color: #eff0f2;
 }
-.dropdown-menu .item.dropdown-section .item a, .dropdown-menu .item.dropdown-section .item span, .dropdown-menu .item.dropdown-section .item .as-link {
+.dropdown-menu .item.dropdown-section .item a, .dropdown-menu .item.dropdown-section .item .as-link {
 	padding-left: 2rem;
 }
 .dropdown-menu .item[aria-checked=true] a::before {
@@ -313,6 +309,8 @@ form th {
 
 /*=== Alerts */
 .alert {
+	margin: 1rem 0;
+	padding: 1rem;
 	background: #f9fafb;
 	color: #5b6871;
 	font-size: 1rem;
@@ -1334,4 +1332,6 @@ body.register {
 a, button.as-link {
 	outline: none;
 	color: #36c;
-}
+}
+
+/*# sourceMappingURL=mapco.css.map */

p/themes/Mapco/mapco.rtl.css

@@ -251,21 +251,17 @@ form th {
 .dropdown-menu .item {
 	transition: all 0.075s ease-in-out;
 }
-.dropdown-menu .item a, .dropdown-menu .item span, .dropdown-menu .item .as-link {
+.dropdown-menu .item a, .dropdown-menu .item .as-link {
 	padding: 0 2rem;
 	color: #303136;
 	font-size: 1rem;
 	line-height: 2.5em;
 }
-.dropdown-menu .item a span.icon, .dropdown-menu .item span span.icon, .dropdown-menu .item .as-link span.icon {
-	padding: 0 0.25rem !important;
-	line-height: 1;
-}
-.dropdown-menu .item a:not(.addItem):hover, .dropdown-menu .item span:not(.addItem):hover, .dropdown-menu .item .as-link:not(.addItem):hover {
+.dropdown-menu .item a:not(.addItem):hover, .dropdown-menu .item .as-link:not(.addItem):hover {
 	background: #36c;
 	color: #fff;
 }
-.dropdown-menu .item a:not(.addItem):hover .icon, .dropdown-menu .item span:not(.addItem):hover .icon, .dropdown-menu .item .as-link:not(.addItem):hover .icon {
+.dropdown-menu .item a:not(.addItem):hover .icon, .dropdown-menu .item .as-link:not(.addItem):hover .icon {
 	filter: brightness(3);
 }
 .dropdown-menu .item.dropdown-section {
@@ -274,7 +270,7 @@ form th {
 .dropdown-menu .item.dropdown-section ~ .dropdown-section {
 	border-top-color: #eff0f2;
 }
-.dropdown-menu .item.dropdown-section .item a, .dropdown-menu .item.dropdown-section .item span, .dropdown-menu .item.dropdown-section .item .as-link {
+.dropdown-menu .item.dropdown-section .item a, .dropdown-menu .item.dropdown-section .item .as-link {
 	padding-right: 2rem;
 }
 .dropdown-menu .item[aria-checked=true] a::before {
@@ -313,6 +309,8 @@ form th {
 
 /*=== Alerts */
 .alert {
+	margin: 1rem 0;
+	padding: 1rem;
 	background: #f9fafb;
 	color: #5b6871;
 	font-size: 1rem;
@@ -1334,4 +1332,4 @@ body.register {
 a, button.as-link {
 	outline: none;
 	color: #36c;
-}
+}