done

solidbunch · Jul 7, 2024 · 9ba6a1c · 9ba6a1c
1 parent cc1843a
commit 9ba6a1c
Show file tree

Hide file tree

Showing 5 changed files with 110 additions and 119 deletions.
diff --git a/assets/src/styles/layout/_all.scss b/assets/src/styles/layout/_all.scss
@@ -23,8 +23,33 @@ body {
 }
 
 .bg_gradient {
-  background-image: linear-gradient(to top, #e9ecef, #f8f9fa);
+  background-image: linear-gradient(to top, $gray-200, $gray-100);
 }
+//button
+.max_w {
+  max-width: 225px;
+  width: 100%;
+}
+
+.wp-block-post-content {
+  a[target="_blank"]:not(:has(> img)) {
+    &::after {
+      content: var(--sk-in-new-tab);
+      font-family: icons, serif !important;
+      font-style: normal;
+      font-weight: normal !important;
+      font-size: 0.6rem;
+      vertical-align: middle;
+      display: inline-block;
+      margin-left: 0.4em;
+    }
+
+    &:hover::after {
+      color: $link-hover-color;
+    }
+  }
+}
+
 //hero_section
 .hero_section {
   --indent: 110px;
@@ -44,8 +69,8 @@ body {
     }
   }
 }
-//card_title
 
+//card_title
 .card_title {
   padding-left: 36px;
   position: relative;
@@ -63,11 +88,7 @@ body {
     transform: translateY(-50%);
   }
 }
-//button
-.max_w {
-  max-width: 225px;
-  width: 100%;
-}
+
 //list marked
 .list_marked {
   li {
@@ -88,113 +109,3 @@ body {
     }
   }
 }
-
-.description_section {
-  padding-top: 50px;
-
-  h1 {
-    max-width: 637px;
-    margin-left: auto;
-    margin-right: auto;
-  }
-
-  @include media-breakpoint-up(lg) {
-    padding-top: 130px;
-  }
-}
-
-.pricing_section {
-  max-width: 1440px;
-}
-
-.wp-block-post-content {
-  a[target="_blank"]:not(:has(> img)) {
-    &::after {
-      content: var(--sk-in-new-tab);
-      font-family: icons, serif !important;
-      font-style: normal;
-      font-weight: normal !important;
-      font-size: 0.6rem;
-      vertical-align: middle;
-      display: inline-block;
-      margin-left: 0.4em;
-    }
-
-    &:hover::after {
-      color: $link-hover-color;
-    }
-  }
-}
-
-//code
-kbd {
-  box-shadow: 0 2px 0 1px $gray-400;
-  border: 1px solid $gray-400;
-  position: relative;
-  cursor: default;
-  top: -1px;
-
-  &:hover {
-    box-shadow: 0 1px 0 0.5px $gray-400;
-    top: 1px;
-  }
-}
-
-code {
-  background-color: $gray-200;
-  border-radius: 4px;
-
-  @extend .px-2, .py-1;
-
-  .highlight &,
-  pre & {
-    background-color: transparent;
-    display: block;
-
-    @extend .p-2;
-  }
-}
-
-pre {
-  border-radius: 4px;
-  position: relative;
-
-  code {
-    padding: 16px !important;
-    // background-color: $gray-200 !important;
-  }
-
-  .copy_clipboard {
-    position: absolute;
-    top: 0;
-    right: 0;
-
-    &:focus,
-    &:active {
-      border-color: transparent !important;
-    }
-
-    &.active {
-      background: none;
-      border-color: transparent;
-
-      i,
-      &:hover i {
-        color: $success;
-      }
-    }
-
-    &:hover {
-      i {
-        color: $primary;
-      }
-    }
-
-    i {
-      color: $gray-600;
-      font-size: 16px;
-    }
-  }
-
-  @extend .border;
-}
diff --git a/blocks/Code/src/style.scss b/blocks/Code/src/style.scss
@@ -1 +1,72 @@
 @import '~highlight.js/styles/default.min.css';
+@import "../../../assets/src/styles/utils/bootstrap_utils";
+
+//code
+kbd {
+  box-shadow: 0 2px 0 1px $gray-400;
+  border: 1px solid $gray-400;
+  position: relative;
+  cursor: default;
+  top: -1px;
+
+  &:hover {
+    box-shadow: 0 1px 0 0.5px $gray-400;
+    top: 1px;
+  }
+}
+
+code {
+  background-color: $gray-200;
+  border-radius: 4px;
+  padding: 4px 8px;
+
+  .highlight &,
+  pre & {
+    background-color: transparent;
+    display: block;
+    padding: 4px;
+  }
+}
+
+pre {
+  border-radius: 4px;
+  position: relative;
+  border: 1px solid $gray-400;
+
+  code {
+    padding: 16px !important;
+    // background-color: $gray-200 !important;
+  }
+
+  .copy_clipboard {
+    position: absolute;
+    top: 0;
+    right: 0;
+
+    &:focus,
+    &:active {
+      border-color: transparent !important;
+    }
+
+    &.active {
+      background: none;
+      border-color: transparent;
+
+      i,
+      &:hover i {
+        color: $success;
+      }
+    }
+
+    &:hover {
+      i {
+        color: $primary;
+      }
+    }
+
+    i {
+      color: $gray-600;
+      font-size: 16px;
+    }
+  }
+}
diff --git a/blocks/PricingTable/Block.php b/blocks/PricingTable/Block.php
@@ -31,6 +31,11 @@ class Block extends BlockAbstract
                 'file' => 'editor.css',
                 'dependencies' => [],
             ]
+            ],
+            'style' => [
+                'file' => 'style.css',
+                'dependencies' => [],
+            ]
         ];
 
     /**

diff --git a/blocks/PricingTable/src/style.scss b/blocks/PricingTable/src/style.scss
@@ -0,0 +1,3 @@
+.pricing_section {
+  max-width: 1440px;
+}
diff --git a/mix-manifest.json b/mix-manifest.json
@@ -31,7 +31,7 @@
     "/blocks/Code/build/index.js": "/blocks/Code/build/index.js",
     "/blocks/Button/build/index.js": "/blocks/Button/build/index.js",
     "/blocks/Code/build/style.css": "/blocks/Code/build/style.css",
-    "/blocks/PricingTable/build/editor.css": "/blocks/PricingTable/build/editor.css",
+    "/blocks/PricingTable/build/style.css": "/blocks/PricingTable/build/style.css",
     "/blocks/Row/build/editor.css": "/blocks/Row/build/editor.css",
     "/assets/build/styles/admin.css": "/assets/build/styles/admin.css",
     "/assets/build/styles/editor.css": "/assets/build/styles/editor.css",
@@ -43,5 +43,6 @@
     "/blocks/Navigation/build/editor.css": "/blocks/Navigation/build/editor.css",
     "/blocks/Navigation/build/style.css": "/blocks/Navigation/build/style.css",
     "/blocks/News/build/editor.css": "/blocks/News/build/editor.css",
-    "/blocks/News/build/style.css": "/blocks/News/build/style.css"
+    "/blocks/News/build/style.css": "/blocks/News/build/style.css",
+    "/blocks/PricingTable/build/editor.css": "/blocks/PricingTable/build/editor.css"
 }