fix: same hover color

Codeinwp · Jul 15, 2024 · 87e595c · 87e595c
1 parent 554e364
commit 87e595c
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 54 deletions.
diff --git a/assets/css/rop_core.css b/assets/css/rop_core.css
@@ -674,13 +674,6 @@ a.active {
     box-shadow: 0 0 0 0.1rem rgba(59, 89, 152, 0.2);
 }
 
-#rop_core .btn.btn-facebook:focus,
-#rop_core .btn.btn-facebook:hover {
-    border-color: #344e86;
-    color: #fff;
-    background: #0074ab;
-}
-
 #rop_core .btn.btn-facebook:active,
 #rop_core .btn.btn-facebook.active {
     border-color: #2d4373;
@@ -703,13 +696,6 @@ a.active {
     box-shadow: 0 0 0 0.1rem rgba(85, 172, 238, 0.2);
 }
 
-#rop_core .btn.btn-twitter:focus,
-#rop_core .btn.btn-twitter:hover {
-    border-color: #14171A;
-    color: #fff;
-    background: #14171A;
-}
-
 #rop_core .btn.btn-twitter:active,
 #rop_core .btn.btn-twitter.active {
     border-color: #2795e9;
@@ -736,13 +722,6 @@ a.active {
     box-shadow: 0 0 0 0.1rem rgba(221, 75, 57, 0.2);
 }
 
-#rop_core .btn.btn-tumblr:focus,
-#rop_core .btn.btn-tumblr:hover {
-    border-color: #355473;
-    color: #fff;
-    background: #0074ab;
-}
-
 #rop_core .btn.btn-tumblr:active,
 #rop_core .btn.btn-tumblr.active {
     border-color: #395c7d;
@@ -765,13 +744,6 @@ a.active {
     box-shadow: 0 0 0 0.1rem rgba(0, 123, 181, 0.2);
 }
 
-#rop_core .btn.btn-linkedin:focus,
-#rop_core .btn.btn-linkedin:hover {
-    border-color: #006a9c;
-    color: #fff;
-    background: #0074ab;
-}
-
 #rop_core .btn.btn-linkedin:active,
 #rop_core .btn.btn-linkedin.active {
     border-color: #005882;
@@ -794,13 +766,6 @@ a.active {
     box-shadow: 0 0 0 0.1rem rgba(0, 123, 181, 0.2);
 }
 
-#rop_core .btn.btn-pinterest:focus,
-#rop_core .btn.btn-pinterest:hover {
-    border-color: #006a9c;
-    color: #fff;
-    background: #0074ab;
-}
-
 #rop_core .btn.btn-pinterest:active,
 #rop_core .btn.btn-pinterest.active {
     border-color: #005882;
@@ -823,13 +788,6 @@ a.active {
     box-shadow: 0 0 0 0.1rem rgba(0, 123, 181, 0.2);
 }
 
-#rop_core .btn.btn-gmb:focus,
-#rop_core .btn.btn-gmb:hover {
-    border-color: #006a9c;
-    color: #fff;
-    background: #0074ab;
-}
-
 #rop_core .btn.btn-gmb:active,
 #rop_core .btn.btn-gmb.active {
     border-color: #005882;
@@ -852,13 +810,6 @@ a.active {
     box-shadow: 0 0 0 0.1rem rgba(0, 123, 181, 0.2);
 }
 
-#rop_core .btn.btn-vk:focus,
-#rop_core .btn.btn-vk:hover {
-    border-color: #006a9c;
-    color: #fff;
-    background: #0074ab;
-}
-
 #rop_core .btn.btn-vk:active,
 #rop_core .btn.btn-vk.active {
     border-color: #005882;
@@ -881,7 +832,26 @@ a.active {
     box-shadow: 0 0 0 0.1rem rgba(0, 123, 181, 0.2);
 }
 
-#rop_core .btn.btn-webhook:is( :focus, :hover ) {
+#rop_core .btn.btn-instagram{
+    background-color:#c13584;
+    color:#fff;
+}
+
+#rop_core
+.btn:is(
+    .btn-facebook,
+    .btn-instagram,
+    .btn-twitter,
+    .btn-tumblr,
+    .btn-linkedin,
+    .btn-pinterest,
+    .btn-gmb,
+    .btn-vk,
+    .btn-webhook
+):is(
+    :focus,
+    :hover 
+) {
     border-color: #006a9c;
     color: #fff;
     background: #0074ab;

diff --git a/vue/src/vue-elements/sign-in-btn.vue b/vue/src/vue-elements/sign-in-btn.vue
@@ -954,10 +954,7 @@ export default {
 .btn-gmb {
   text-transform: uppercase;
 }
-.btn-instagram{
-  background-color:#c13584 !important;
-  color:#fff!important;
-}
+
 .rop-disabled{
   opacity: 0.6
 }