ランキングとCTAの画像と本文の横並びの使用を統一する

xserver-inc · Mar 31, 2024 · 8c423aa · 8c423aa
1 parent 9405cd1
commit 8c423aa
Show file tree

Hide file tree

Showing 5 changed files with 62 additions and 63 deletions.
diff --git a/amp.css b/amp.css
@@ -10370,25 +10370,6 @@ pre {
     max-width: none;
     flex-direction: column;
   }
-  .cta-heading {
-    font-size: 20px;
-    padding: 8px;
-  }
-  .cta-left-and-right .cta-content,
-  .cta-right-and-left .cta-content {
-    display: block;
-  }
-  .cta-left-and-right .cta-content div,
-  .cta-right-and-left .cta-content div {
-    width: 100%;
-  }
-  .cta-message {
-    margin-top: 1em;
-  }
-  .cta-button .btn-l, .cta-button .ranking-item-link-buttons a, .ranking-item-link-buttons .cta-button a {
-    padding: 1em;
-    font-size: 16px;
-  }
   .sbp-l {
     margin-right: auto;
   }
@@ -10798,6 +10779,25 @@ pre {
   .menu-content {
     max-width: 84%;
   }
+  .cta-heading {
+    font-size: 20px;
+    padding: 8px;
+  }
+  .cta-left-and-right .cta-content,
+  .cta-right-and-left .cta-content {
+    display: block;
+  }
+  .cta-left-and-right .cta-content div,
+  .cta-right-and-left .cta-content div {
+    width: 100%;
+  }
+  .cta-message {
+    margin-top: 1em;
+  }
+  .cta-button .btn-l, .cta-button .ranking-item-link-buttons a, .ranking-item-link-buttons .cta-button a {
+    padding: 1em;
+    font-size: 16px;
+  }
   .ranking-item-description {
     margin-top: 1em;
   }

diff --git a/css/admin.css b/css/admin.css
@@ -18924,25 +18924,6 @@ body.wp-admin {
     max-width: none;
     flex-direction: column;
   }
-  .admin-settings .demo .cta-heading {
-    font-size: 20px;
-    padding: 8px;
-  }
-  .admin-settings .demo .cta-left-and-right .cta-content,
-  .admin-settings .demo .cta-right-and-left .cta-content {
-    display: block;
-  }
-  .admin-settings .demo .cta-left-and-right .cta-content div,
-  .admin-settings .demo .cta-right-and-left .cta-content div {
-    width: 100%;
-  }
-  .admin-settings .demo .cta-message {
-    margin-top: 1em;
-  }
-  .admin-settings .demo .cta-button .btn-l, .admin-settings .demo .cta-button .ranking-item-link-buttons a, .admin-settings .demo .ranking-item-link-buttons .cta-button a {
-    padding: 1em;
-    font-size: 16px;
-  }
   .admin-settings .demo .sbp-l {
     margin-right: auto;
   }
@@ -19351,6 +19332,25 @@ body.wp-admin {
   .admin-settings .demo .menu-content {
     max-width: 84%;
   }
+  .admin-settings .demo .cta-heading {
+    font-size: 20px;
+    padding: 8px;
+  }
+  .admin-settings .demo .cta-left-and-right .cta-content,
+  .admin-settings .demo .cta-right-and-left .cta-content {
+    display: block;
+  }
+  .admin-settings .demo .cta-left-and-right .cta-content div,
+  .admin-settings .demo .cta-right-and-left .cta-content div {
+    width: 100%;
+  }
+  .admin-settings .demo .cta-message {
+    margin-top: 1em;
+  }
+  .admin-settings .demo .cta-button .btn-l, .admin-settings .demo .cta-button .ranking-item-link-buttons a, .admin-settings .demo .ranking-item-link-buttons .cta-button a {
+    padding: 1em;
+    font-size: 16px;
+  }
   .admin-settings .demo .ranking-item-description {
     margin-top: 1em;
   }

diff --git a/scss/breakpoints/_max-width-480.scss b/scss/breakpoints/_max-width-480.scss
@@ -329,6 +329,11 @@ body{
   max-width: 84%;
 }
 
+///////////////////////////////////////
+// CTAボックス
+///////////////////////////////////////
+@include cta_box_nallow;
+
 //ランキングウィジェット
 .ranking-item-description{
   margin-top: 1em;

diff --git a/scss/breakpoints/_max-width-834.scss b/scss/breakpoints/_max-width-834.scss
@@ -164,12 +164,6 @@ table {
 ///////////////////////////////////////
 @include fb_like_box(none);
 
-
-///////////////////////////////////////
-// CTAボックス
-///////////////////////////////////////
-@include cta_box_nallow;
-
 ///////////////////////////////////////
 // 吹き出し
 ///////////////////////////////////////

diff --git a/style.css b/style.css
@@ -11503,25 +11503,6 @@ _:-ms-lang(x), .mc-circle {
     max-width: none;
     flex-direction: column;
   }
-  .cta-heading {
-    font-size: 20px;
-    padding: 8px;
-  }
-  .cta-left-and-right .cta-content,
-  .cta-right-and-left .cta-content {
-    display: block;
-  }
-  .cta-left-and-right .cta-content div,
-  .cta-right-and-left .cta-content div {
-    width: 100%;
-  }
-  .cta-message {
-    margin-top: 1em;
-  }
-  .cta-button .btn-l, .cta-button .ranking-item-link-buttons a, .ranking-item-link-buttons .cta-button a {
-    padding: 1em;
-    font-size: 16px;
-  }
   .sbp-l {
     margin-right: auto;
   }
@@ -11931,6 +11912,25 @@ _:-ms-lang(x), .mc-circle {
   .menu-content {
     max-width: 84%;
   }
+  .cta-heading {
+    font-size: 20px;
+    padding: 8px;
+  }
+  .cta-left-and-right .cta-content,
+  .cta-right-and-left .cta-content {
+    display: block;
+  }
+  .cta-left-and-right .cta-content div,
+  .cta-right-and-left .cta-content div {
+    width: 100%;
+  }
+  .cta-message {
+    margin-top: 1em;
+  }
+  .cta-button .btn-l, .cta-button .ranking-item-link-buttons a, .ranking-item-link-buttons .cta-button a {
+    padding: 1em;
+    font-size: 16px;
+  }
   .ranking-item-description {
     margin-top: 1em;
   }