ブランクボックスのパディングの値を--cocoon-box-padding変数に変更

xserver-inc · Nov 20, 2023 · 55bb8aa · 55bb8aa
1 parent b5303b6
commit 55bb8aa
Show file tree

Hide file tree

Showing 5 changed files with 19 additions and 19 deletions.
diff --git a/amp.css b/amp.css
@@ -3225,7 +3225,7 @@ label.screen-reader-text {
 
 .blank-box {
   --cocoon-custom-border-color: var(--cocoon-grey-color);
-  padding: 1.2em 1em;
+  padding: var(--cocoon-box-padding);
   border-radius: var(--cocoon-basic-border-radius);
   background-color: var(--cocoon-custom-background-color);
   color: var(--cocoon-custom-text-color);
@@ -3400,7 +3400,7 @@ label.screen-reader-text {
 
 [class*=is-style-blank-box-] {
   --cocoon-custom-border-color: var(--cocoon-grey-color);
-  padding: 1.2em 1em;
+  padding: var(--cocoon-box-padding);
   border-radius: var(--cocoon-basic-border-radius);
   background-color: var(--cocoon-custom-background-color);
   color: var(--cocoon-custom-text-color);
@@ -3446,7 +3446,7 @@ label.screen-reader-text {
 
 [class*=is-style-sticky-] {
   --cocoon-custom-border-color: var(--cocoon-grey-color);
-  padding: 1.2em 1em;
+  padding: var(--cocoon-box-padding);
   border-radius: var(--cocoon-basic-border-radius);
   background-color: var(--cocoon-custom-background-color);
   color: var(--cocoon-custom-text-color);

diff --git a/css/admin.css b/css/admin.css
@@ -3366,7 +3366,7 @@ body.wp-admin {
 }
 .admin-settings .demo .blank-box {
   --cocoon-custom-border-color: var(--cocoon-grey-color);
-  padding: 1.2em 1em;
+  padding: var(--cocoon-box-padding);
   border-radius: var(--cocoon-basic-border-radius);
   background-color: var(--cocoon-custom-background-color);
   color: var(--cocoon-custom-text-color);
@@ -3540,7 +3540,7 @@ body.wp-admin {
 }
 .admin-settings .demo [class*=is-style-blank-box-] {
   --cocoon-custom-border-color: var(--cocoon-grey-color);
-  padding: 1.2em 1em;
+  padding: var(--cocoon-box-padding);
   border-radius: var(--cocoon-basic-border-radius);
   background-color: var(--cocoon-custom-background-color);
   color: var(--cocoon-custom-text-color);
@@ -3577,7 +3577,7 @@ body.wp-admin {
 }
 .admin-settings .demo [class*=is-style-sticky-] {
   --cocoon-custom-border-color: var(--cocoon-grey-color);
-  padding: 1.2em 1em;
+  padding: var(--cocoon-box-padding);
   border-radius: var(--cocoon-basic-border-radius);
   background-color: var(--cocoon-custom-background-color);
   color: var(--cocoon-custom-text-color);
@@ -11450,7 +11450,7 @@ body.wp-admin {
 }
 .admin-settings .demo .blank-box {
   --cocoon-custom-border-color: var(--cocoon-grey-color);
-  padding: 1.2em 1em;
+  padding: var(--cocoon-box-padding);
   border-radius: var(--cocoon-basic-border-radius);
   background-color: var(--cocoon-custom-background-color);
   color: var(--cocoon-custom-text-color);
@@ -11624,7 +11624,7 @@ body.wp-admin {
 }
 .admin-settings .demo [class*=is-style-blank-box-] {
   --cocoon-custom-border-color: var(--cocoon-grey-color);
-  padding: 1.2em 1em;
+  padding: var(--cocoon-box-padding);
   border-radius: var(--cocoon-basic-border-radius);
   background-color: var(--cocoon-custom-background-color);
   color: var(--cocoon-custom-text-color);
@@ -11661,7 +11661,7 @@ body.wp-admin {
 }
 .admin-settings .demo [class*=is-style-sticky-] {
   --cocoon-custom-border-color: var(--cocoon-grey-color);
-  padding: 1.2em 1em;
+  padding: var(--cocoon-box-padding);
   border-radius: var(--cocoon-basic-border-radius);
   background-color: var(--cocoon-custom-background-color);
   color: var(--cocoon-custom-text-color);
@@ -20347,7 +20347,7 @@ textarea[name=the_page_memo] {
 }
 .components-popover__content .blank-box {
   --cocoon-custom-border-color: var(--cocoon-grey-color);
-  padding: 1.2em 1em;
+  padding: var(--cocoon-box-padding);
   border-radius: var(--cocoon-basic-border-radius);
   background-color: var(--cocoon-custom-background-color);
   color: var(--cocoon-custom-text-color);
@@ -20521,7 +20521,7 @@ textarea[name=the_page_memo] {
 }
 .components-popover__content [class*=is-style-blank-box-] {
   --cocoon-custom-border-color: var(--cocoon-grey-color);
-  padding: 1.2em 1em;
+  padding: var(--cocoon-box-padding);
   border-radius: var(--cocoon-basic-border-radius);
   background-color: var(--cocoon-custom-background-color);
   color: var(--cocoon-custom-text-color);
@@ -20558,7 +20558,7 @@ textarea[name=the_page_memo] {
 }
 .components-popover__content [class*=is-style-sticky-] {
   --cocoon-custom-border-color: var(--cocoon-grey-color);
-  padding: 1.2em 1em;
+  padding: var(--cocoon-box-padding);
   border-radius: var(--cocoon-basic-border-radius);
   background-color: var(--cocoon-custom-background-color);
   color: var(--cocoon-custom-text-color);

diff --git a/css/gutenberg-editor.css b/css/gutenberg-editor.css
@@ -1411,7 +1411,7 @@ span.sub-caption {
 
 .blank-box {
   --cocoon-custom-border-color: var(--cocoon-grey-color);
-  padding: 1.2em 1em;
+  padding: var(--cocoon-box-padding);
   border-radius: var(--cocoon-basic-border-radius);
   background-color: var(--cocoon-custom-background-color);
   color: var(--cocoon-custom-text-color);
@@ -1586,7 +1586,7 @@ span.sub-caption {
 
 [class*=is-style-blank-box-] {
   --cocoon-custom-border-color: var(--cocoon-grey-color);
-  padding: 1.2em 1em;
+  padding: var(--cocoon-box-padding);
   border-radius: var(--cocoon-basic-border-radius);
   background-color: var(--cocoon-custom-background-color);
   color: var(--cocoon-custom-text-color);
@@ -1632,7 +1632,7 @@ span.sub-caption {
 
 [class*=is-style-sticky-] {
   --cocoon-custom-border-color: var(--cocoon-grey-color);
-  padding: 1.2em 1em;
+  padding: var(--cocoon-box-padding);
   border-radius: var(--cocoon-basic-border-radius);
   background-color: var(--cocoon-custom-background-color);
   color: var(--cocoon-custom-text-color);

diff --git a/scss/_extension.scss b/scss/_extension.scss
@@ -506,7 +506,7 @@ $bb_blue: #2ea9df;
 $bb_green: var(--cocoon-green-color);
 @mixin bace_box{
   --cocoon-custom-border-color: var(--cocoon-grey-color);
-  padding: 1.2em 1em;
+  padding: var(--cocoon-box-padding);
   border-radius: var(--cocoon-basic-border-radius);
   background-color: var(--cocoon-custom-background-color);
   color: var(--cocoon-custom-text-color);

diff --git a/style.css b/style.css
@@ -3250,7 +3250,7 @@ label.screen-reader-text {
 
 .blank-box {
   --cocoon-custom-border-color: var(--cocoon-grey-color);
-  padding: 1.2em 1em;
+  padding: var(--cocoon-box-padding);
   border-radius: var(--cocoon-basic-border-radius);
   background-color: var(--cocoon-custom-background-color);
   color: var(--cocoon-custom-text-color);
@@ -3425,7 +3425,7 @@ label.screen-reader-text {
 
 [class*=is-style-blank-box-] {
   --cocoon-custom-border-color: var(--cocoon-grey-color);
-  padding: 1.2em 1em;
+  padding: var(--cocoon-box-padding);
   border-radius: var(--cocoon-basic-border-radius);
   background-color: var(--cocoon-custom-background-color);
   color: var(--cocoon-custom-text-color);
@@ -3471,7 +3471,7 @@ label.screen-reader-text {
 
 [class*=is-style-sticky-] {
   --cocoon-custom-border-color: var(--cocoon-grey-color);
-  padding: 1.2em 1em;
+  padding: var(--cocoon-box-padding);
   border-radius: var(--cocoon-basic-border-radius);
   background-color: var(--cocoon-custom-background-color);
   color: var(--cocoon-custom-text-color);