ランキングとCTAのスタイル調整

xserver-inc · Mar 30, 2024 · 920566d · 920566d
1 parent e0afc07
commit 920566d
Show file tree

Hide file tree

Showing 8 changed files with 43 additions and 39 deletions.
diff --git a/amp.css b/amp.css
@@ -2447,8 +2447,9 @@ img.blogcard-favicon-image {
   font-size: 20px;
 }
 
-.nwa .ranking-item-description p {
-  font-size: 0.9em;
+.nwa .ranking-item-description {
+  margin-top: 1em;
+  font-size: 0.8em;
 }
 
 .nwa .blogcard-wrap {
@@ -6777,9 +6778,6 @@ canvas, iframe, video,
   --cocoon-custom-border-color: transparent;
 }
 
-.nwa .cta-box {
-  font-size: 0.8em;
-}
 .nwa .cta-heading {
   font-size: 20px;
   padding: 8px;
@@ -6799,6 +6797,9 @@ canvas, iframe, video,
   padding: 1em;
   font-size: 16px;
 }
+.nwa .cta-box {
+  font-size: 0.8em;
+}
 
 .speech-wrap {
   --cocoon-custom-background-color: var(--cocoon-white-color);
@@ -7974,7 +7975,6 @@ div.fb-like-mobile {
   line-height: 1.4;
 }
 .ranking-items p {
-  font-size: 18px;
   margin-top: 0;
 }
 
@@ -10370,9 +10370,6 @@ pre {
     max-width: none;
     flex-direction: column;
   }
-  .cta-box {
-    font-size: 0.8em;
-  }
   .cta-heading {
     font-size: 20px;
     padding: 8px;
@@ -10801,6 +10798,9 @@ pre {
   .menu-content {
     max-width: 84%;
   }
+  .ranking-item-description {
+    margin-top: 1em;
+  }
   .ranking-item-img-desc,
   .ranking-item-link-buttons {
     display: block;

diff --git a/css/admin.css b/css/admin.css
@@ -2718,8 +2718,9 @@ body.wp-admin {
 .admin-settings .demo .nwa .ranking-item-name-text {
   font-size: 20px;
 }
-.admin-settings .demo .nwa .ranking-item-description p {
-  font-size: 0.9em;
+.admin-settings .demo .nwa .ranking-item-description {
+  margin-top: 1em;
+  font-size: 0.8em;
 }
 .admin-settings .demo .nwa .blogcard-wrap {
   width: auto;
@@ -6437,9 +6438,6 @@ body.wp-admin {
   margin-top: 1em;
   --cocoon-custom-border-color: transparent;
 }
-.admin-settings .demo .nwa .cta-box {
-  font-size: 0.8em;
-}
 .admin-settings .demo .nwa .cta-heading {
   font-size: 20px;
   padding: 8px;
@@ -6459,6 +6457,9 @@ body.wp-admin {
   padding: 1em;
   font-size: 16px;
 }
+.admin-settings .demo .nwa .cta-box {
+  font-size: 0.8em;
+}
 .admin-settings .demo .speech-wrap {
   --cocoon-custom-background-color: var(--cocoon-white-color);
   --cocoon-custom-text-color: var(--cocoon-text-color);
@@ -7516,7 +7517,6 @@ body.wp-admin {
   line-height: 1.4;
 }
 .admin-settings .demo .ranking-items p {
-  font-size: 18px;
   margin-top: 0;
 }
 .admin-settings .demo .ranking-item, .admin-settings .demo .timeline-box {
@@ -11146,8 +11146,9 @@ body.wp-admin {
 .admin-settings .demo .nwa .ranking-item-name-text {
   font-size: 20px;
 }
-.admin-settings .demo .nwa .ranking-item-description p {
-  font-size: 0.9em;
+.admin-settings .demo .nwa .ranking-item-description {
+  margin-top: 1em;
+  font-size: 0.8em;
 }
 .admin-settings .demo .nwa .blogcard-wrap {
   width: auto;
@@ -14865,9 +14866,6 @@ body.wp-admin {
   margin-top: 1em;
   --cocoon-custom-border-color: transparent;
 }
-.admin-settings .demo .nwa .cta-box {
-  font-size: 0.8em;
-}
 .admin-settings .demo .nwa .cta-heading {
   font-size: 20px;
   padding: 8px;
@@ -14887,6 +14885,9 @@ body.wp-admin {
   padding: 1em;
   font-size: 16px;
 }
+.admin-settings .demo .nwa .cta-box {
+  font-size: 0.8em;
+}
 .admin-settings .demo .speech-wrap {
   --cocoon-custom-background-color: var(--cocoon-white-color);
   --cocoon-custom-text-color: var(--cocoon-text-color);
@@ -15944,7 +15945,6 @@ body.wp-admin {
   line-height: 1.4;
 }
 .admin-settings .demo .ranking-items p {
-  font-size: 18px;
   margin-top: 0;
 }
 .admin-settings .demo .ranking-item, .admin-settings .demo .timeline-box {
@@ -18924,9 +18924,6 @@ body.wp-admin {
     max-width: none;
     flex-direction: column;
   }
-  .admin-settings .demo .cta-box {
-    font-size: 0.8em;
-  }
   .admin-settings .demo .cta-heading {
     font-size: 20px;
     padding: 8px;
@@ -19354,6 +19351,9 @@ body.wp-admin {
   .admin-settings .demo .menu-content {
     max-width: 84%;
   }
+  .admin-settings .demo .ranking-item-description {
+    margin-top: 1em;
+  }
   .admin-settings .demo .ranking-item-img-desc,
   .admin-settings .demo .ranking-item-link-buttons {
     display: block;

diff --git a/scss/_cta-box.scss b/scss/_cta-box.scss
@@ -66,4 +66,7 @@
 ///////////////////////////////////////
 .nwa{
   @include cta_box_nallow;
+  .cta-box{
+    font-size: 0.8em;
+  }
 }
diff --git a/scss/_defins.scss b/scss/_defins.scss
@@ -251,9 +251,6 @@ $bgc_hover_anime: all .3s ease-in-out;
 // CTAボックス
 ///////////////////////////////////////
 @mixin cta_box_nallow{
-  .cta-box{
-    font-size: 0.8em;
-  }
   .cta-heading{
     font-size: 20px;
     padding: 8px;

diff --git a/scss/_item-ranking.scss b/scss/_item-ranking.scss
@@ -1,7 +1,6 @@
 .ranking-items{
   line-height: 1.4;
   p{
-    font-size: 18px;
     margin-top: 0;
   }
 }

diff --git a/scss/_sidebar.scss b/scss/_sidebar.scss
@@ -76,8 +76,9 @@
   font-size: 20px;
 }
 
-.nwa .ranking-item-description p{
-  font-size: 0.9em;
+.nwa .ranking-item-description{
+  margin-top: 1em;
+  font-size: 0.8em;
 }
 
 ///////////////////////////////////////

diff --git a/scss/breakpoints/_max-width-480.scss b/scss/breakpoints/_max-width-480.scss
@@ -330,6 +330,10 @@ body{
 }
 
 //ランキングウィジェット
+.ranking-item-description{
+  margin-top: 1em;
+}
+
 .ranking-item-img-desc,
 .ranking-item-link-buttons{
   display: block;

diff --git a/style.css b/style.css
@@ -2472,8 +2472,9 @@ img.blogcard-favicon-image {
   font-size: 20px;
 }
 
-.nwa .ranking-item-description p {
-  font-size: 0.9em;
+.nwa .ranking-item-description {
+  margin-top: 1em;
+  font-size: 0.8em;
 }
 
 .nwa .blogcard-wrap {
@@ -6802,9 +6803,6 @@ canvas, iframe, video,
   --cocoon-custom-border-color: transparent;
 }
 
-.nwa .cta-box {
-  font-size: 0.8em;
-}
 .nwa .cta-heading {
   font-size: 20px;
   padding: 8px;
@@ -6824,6 +6822,9 @@ canvas, iframe, video,
   padding: 1em;
   font-size: 16px;
 }
+.nwa .cta-box {
+  font-size: 0.8em;
+}
 
 .speech-wrap {
   --cocoon-custom-background-color: var(--cocoon-white-color);
@@ -7999,7 +8000,6 @@ div.fb-like-mobile {
   line-height: 1.4;
 }
 .ranking-items p {
-  font-size: 18px;
   margin-top: 0;
 }
 
@@ -11503,9 +11503,6 @@ _:-ms-lang(x), .mc-circle {
     max-width: none;
     flex-direction: column;
   }
-  .cta-box {
-    font-size: 0.8em;
-  }
   .cta-heading {
     font-size: 20px;
     padding: 8px;
@@ -11934,6 +11931,9 @@ _:-ms-lang(x), .mc-circle {
   .menu-content {
     max-width: 84%;
   }
+  .ranking-item-description {
+    margin-top: 1em;
+  }
   .ranking-item-img-desc,
   .ranking-item-link-buttons {
     display: block;