Merge pull request #2 from navidabdi/feature/dynamic-styles

Feature/dynamic styles

assets/css/elementor-editor.css

@@ -4,6 +4,7 @@
   font-weight: 400;
   src: url("../fonts/IranYekan/iranyekanwebregularfanum.woff") format("woff");
 }
+
 body,
 button,
 a,

assets/css/iranyekan-font.css

@@ -4,6 +4,7 @@
   font-weight: 300;
   src: url("../fonts/IranYekan/iranyekanweblightfanum.woff") format("woff");
 }
+
 @font-face {
   font-family: iranyekan;
   font-style: normal;

assets/css/vazir-font.css

@@ -4,6 +4,7 @@
   font-weight: 300;
   src: url("../fonts/Vazir/Vazir-Light-FD.woff2") format("woff");
 }
+
 @font-face {
   font-family: vazir;
   font-style: normal;

assets/widgets/css/another-widget.css

@@ -0,0 +1,3 @@
+.test {
+  background: red;
+}

assets/widgets/css/mobile-menu.css

@@ -1,6 +1,7 @@
 #webkimael_mobile_menu_icon {
   cursor: pointer;
 }
+
 #webkimael_mobile_menu_dark_part {
   position: fixed;
   inset: 0;
@@ -11,14 +12,17 @@
   transition: opacity 0.2s ease-in-out;
   z-index: 99999;
 }
+
 #webkimael_mobile_menu_main.active #webkimael_mobile_menu_dark_part {
   visibility: visible;
   pointer-events: auto;
   opacity: 1;
 }
+
 #webkimael_mobile_menu_main.active .webkimael_mobile_menu_aside {
   transform: translateX(0);
 }
+
 .webkimael_mobile_menu_aside {
   position: fixed;
   background-color: #fff;
@@ -27,51 +31,56 @@
   left: auto;
   right: 0;
   bottom: 0;
-  /* min-width: 280px; */
   transition: transform 0.2s ease-in-out;
   transform: translateX(100%);
   z-index: 100000;
 }
+
 .webkimael_mobile_menu_aside ul {
   list-style: none;
   display: flex;
   flex-direction: column;
   margin: 0;
   padding: 2rem 0;
 }
+
 .webkimael_mobile_menu_aside > ul > li a {
   text-decoration: none;
   display: block;
-  /* padding: 1rem 2rem; */
-  transition: all 0.2s ease;
+  transition: 0.2s;
 }
+
 .webkimael_mobile_menu_aside > ul > li a:hover {
-  background-color: cornflowerblue;
+  background-color: #6495ed;
   color: #fff;
 }
-/* Layar 2 */
+
 .webkimael_mobile_menu_aside > ul > li > ul {
   padding: 0;
   background: #f3f3f3;
   height: 0;
   pointer-events: none;
   opacity: 0;
 }
+
 .webkimael_mobile_menu_aside > ul > li.active > ul {
   height: 100%;
   pointer-events: auto;
   opacity: 1;
 }
-.menu-item-has-children {
+
+#webkimael_mobile_menu_main .menu-item-has-children {
   position: relative;
 }
-.menu-item-has-children > a:before {
+
+#webkimael_mobile_menu_main .menu-item-has-children > a:before {
   font-family: "Font Awesome 5 Free";
   font-weight: 900;
   content: "\f107";
   position: absolute;
-  transition: transform 0.3s ease;
+  transition: transform 0.3s;
 }
-.menu-item-has-children.active > a:before {
+
+#webkimael_mobile_menu_main .menu-item-has-children.active > a:before {
   transform: rotate(180deg);
 }