Merge pull request #56 from vektor-inc/fix/contactform7-submigbtn-css

【確認待ち】fix:CF7のsubmitボタンの装飾を追加
vektor-inc · Feb 2, 2024 · 2c9ffd8 · 2c9ffd8
2 parents a4951b8 + 814634f
commit 2c9ffd8
Show file tree

Hide file tree

Showing 5 changed files with 34 additions and 23 deletions.
diff --git a/assets/_scss/_block-common.scss b/assets/_scss/_block-common.scss
@@ -2,31 +2,39 @@
 * ブロック上書きCSS
 */
 
-
-//VK ボタン
-.vk_button{
-    .btn{
+//ContactForm送信ボタン
+input[type=submit]{
+        &.wpcf7-submit{
         @include btn();
         @include shadow-link;
-
-        &:hover{
+        padding-top: 0.8rem;
+        padding-bottom: 0.8rem;
+        &:not(:disabled):hover{ //ボタンが無効時は動かさない
             @include shadow-hover;
         }
-        &.vk_button_link.btn {
-            padding-top: 0.8rem;
-            padding-bottom: 0.8rem;
-        }
-        &-light{
+    }
+}
+//VK ボタン
+.vk_button .btn{
+    @include btn();
+    @include shadow-link;
+    &:hover{
+        @include shadow-hover;
+    }
+    &.vk_button_link.btn {
+        padding-top: 0.8rem;
+        padding-bottom: 0.8rem;
+    }
+    &-light{
+        background-color: #ffffff;
+        border-color: #ffffff;
+        &:hover {
             background-color: #ffffff;
             border-color: #ffffff;
-            &:hover {
-                background-color: #ffffff;
-                border-color: #ffffff;
-            }
-            .fas {
-                color: var(--vk-color-primary);
-                }
         }
+        .fas {
+            color: var(--vk-color-primary);
+            }
     }
 
     //ボタンスタイルがテキスト