Merge pull request #46 from elmastudio/new/heading-fontsizes

Update 0.6.0
elmastudio · Apr 23, 2020 · b9a5d6a · b9a5d6a
2 parents b034ae4 + a99e4d0
commit b9a5d6a
Show file tree

Hide file tree

Showing 14 changed files with 564 additions and 712 deletions.
diff --git a/ainoblocks.php b/ainoblocks.php
@@ -3,7 +3,7 @@
  * Plugin Name: Aino Blocks - Site Building Blocks
  * Plugin URI: https://wpaino.com
  * Description: A collection of site building blocks for the WordPress Gutenberg editor.
- * Version: 0.5.0
+ * Version: 0.6.0
  * Author: Elmastudio
  * Author URI: https://www.elmastudio.de/en/
  * Text Domain: ainoblocks

diff --git a/dist/css/blocks.style.build.css b/dist/css/blocks.style.build.css
@@ -1,14 +1,38 @@
-[class*="wp-block-"].spacing-top-true {
+[class*="wp-block-"].spacing-top-s {
   padding-top: 48px; }
   @media (min-width: 48.5em) {
-    [class*="wp-block-"].spacing-top-true {
+    [class*="wp-block-"].spacing-top-s {
+      padding-top: 92px; } }
+
+[class*="wp-block-"].spacing-bottom-s {
+  padding-bottom: 48px; }
+  @media (min-width: 48.5em) {
+    [class*="wp-block-"].spacing-bottom-s {
+      padding-bottom: 92px; } }
+
+[class*="wp-block-"].spacing-top-m {
+  padding-top: 48px; }
+  @media (min-width: 48.5em) {
+    [class*="wp-block-"].spacing-top-m {
       padding-top: 144px; } }
 
-[class*="wp-block-"].spacing-bottom-true {
+[class*="wp-block-"].spacing-bottom-m {
   padding-bottom: 48px; }
   @media (min-width: 48.5em) {
-    [class*="wp-block-"].spacing-bottom-true {
+    [class*="wp-block-"].spacing-bottom-m {
       padding-bottom: 144px; } }
+
+[class*="wp-block-"].spacing-top-l {
+  padding-top: 56px; }
+  @media (min-width: 48.5em) {
+    [class*="wp-block-"].spacing-top-l {
+      padding-top: 192px; } }
+
+[class*="wp-block-"].spacing-bottom-l {
+  padding-bottom: 56px; }
+  @media (min-width: 48.5em) {
+    [class*="wp-block-"].spacing-bottom-l {
+      padding-bottom: 192px; } }
 .entry-content h6.font-size-xxs,
 .editor-styles-wrapper h6.font-size-xxs {
   font-size: 16px;
@@ -637,54 +661,85 @@
   .wp-block-ainoblocks-button.alignright {
     /*rtl:ignore*/
     text-align: right; }
-
-.wp-block-ainoblocks-button__link {
-  background-color: #1765d8;
-  border: none;
-  border-radius: 16px;
-  color: inherit;
-  cursor: pointer;
-  display: inline-block;
-  font-size: 16px;
-  line-height: 19px;
-  margin: 0;
-  padding: 19px 32px 18px;
-  text-align: center;
-  text-decoration: none;
-  overflow-wrap: break-word; }
-  .wp-block-ainoblocks-button__link:hover, .wp-block-ainoblocks-button__link:focus, .wp-block-ainoblocks-button__link:active, .wp-block-ainoblocks-button__link:visited {
-    color: inherit; }
-  @media (min-width: 48.5em) {
-    .wp-block-ainoblocks-button__link.size-s {
-      padding: 11px 24px 10px;
-      border-radius: 12px; } }
-  @media (min-width: 48.5em) {
-    .wp-block-ainoblocks-button__link.size-l {
-      padding: 27px 40px 26px;
-      border-radius: 20px; } }
-  .wp-block-ainoblocks-button__link.radius-square {
-    border-radius: 0; }
-  .wp-block-ainoblocks-button__link.radius-circular {
-    border-radius: 999em; }
-  .wp-block-ainoblocks-button__link.is-uppercase {
-    font-size: 14px;
-    text-transform: uppercase;
-    line-height: 1.36;
-    letter-spacing: 2px; }
-
-.wp-block-ainoblocks-button__link {
-  transition: all 0.2s ease; }
-  .wp-block-ainoblocks-button__link:hover {
-    transform: translateY(-2px); }
-  .is-style-primary .wp-block-ainoblocks-button__link {
+  .wp-block-ainoblocks-button .wp-block-ainoblocks-button__link {
+    background-color: #1765d8;
+    border: none;
+    border-radius: 16px;
+    color: inherit;
+    cursor: pointer;
+    display: inline-block;
+    font-size: 16px;
+    line-height: 19px;
+    margin: 0;
+    padding: 19px 32px 18px;
+    text-align: center;
+    text-decoration: none;
+    overflow-wrap: break-word;
+    transition: all 0.2s ease; }
+    .wp-block-ainoblocks-button .wp-block-ainoblocks-button__link:hover {
+      transform: translateY(-2px); }
+    .wp-block-ainoblocks-button .wp-block-ainoblocks-button__link:hover, .wp-block-ainoblocks-button .wp-block-ainoblocks-button__link:focus, .wp-block-ainoblocks-button .wp-block-ainoblocks-button__link:active, .wp-block-ainoblocks-button .wp-block-ainoblocks-button__link:visited {
+      color: inherit; }
+    @media (min-width: 48.5em) {
+      .wp-block-ainoblocks-button .wp-block-ainoblocks-button__link.size-s {
+        padding: 11px 24px 10px;
+        border-radius: 12px; } }
+    @media (min-width: 48.5em) {
+      .wp-block-ainoblocks-button .wp-block-ainoblocks-button__link.size-l {
+        padding: 27px 40px 26px;
+        border-radius: 20px; } }
+    .wp-block-ainoblocks-button .wp-block-ainoblocks-button__link.radius-square {
+      border-radius: 0; }
+    .wp-block-ainoblocks-button .wp-block-ainoblocks-button__link.radius-circular {
+      border-radius: 999em; }
+    .wp-block-ainoblocks-button .wp-block-ainoblocks-button__link.is-uppercase {
+      font-size: 14px;
+      text-transform: uppercase;
+      line-height: 1.36;
+      letter-spacing: 2px; }
+  .wp-block-ainoblocks-button.is-style-primary .wp-block-ainoblocks-button__link {
     box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0); }
-    .is-style-primary .wp-block-ainoblocks-button__link:hover {
+    .wp-block-ainoblocks-button.is-style-primary .wp-block-ainoblocks-button__link:hover {
       box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.1); }
-  .is-style-outline .wp-block-ainoblocks-button__link {
+  .wp-block-ainoblocks-button.is-style-outline .wp-block-ainoblocks-button__link {
     color: #1765d8;
-    border: 1px solid #1765d8;
+    box-shadow: inset 0px 0px 0px 1px #1765d8;
     background-color: transparent !important; }
-  .is-style-ghost .wp-block-ainoblocks-button__link {
+    .wp-block-ainoblocks-button.is-style-outline .wp-block-ainoblocks-button__link.border-width-medium {
+      box-shadow: inset 0px 0px 0px 2px #1765d8; }
+    .wp-block-ainoblocks-button.is-style-outline .wp-block-ainoblocks-button__link.border-width-thick {
+      box-shadow: inset 0px 0px 0px 3px #1765d8; }
+  .wp-block-ainoblocks-button.is-style-3outline .wp-block-ainoblocks-button__link {
+    position: relative;
+    color: #1765d8;
+    box-shadow: inset 0 0 0 1px #1765d8;
+    background-color: transparent !important;
+    z-index: 2; }
+    .wp-block-ainoblocks-button.is-style-3outline .wp-block-ainoblocks-button__link span {
+      display: inherit;
+      position: relative;
+      cursor: inherit;
+      z-index: 2;
+      transform: translate(6px, -6px);
+      transition: transform 150ms ease-out; }
+    .wp-block-ainoblocks-button.is-style-3outline .wp-block-ainoblocks-button__link:before, .wp-block-ainoblocks-button.is-style-3outline .wp-block-ainoblocks-button__link:after {
+      content: "";
+      width: 100%;
+      height: 100%;
+      position: absolute;
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      z-index: 0;
+      box-shadow: inset 0 0 0 1px #1765d8;
+      border-radius: .05rem;
+      transition: transform 150ms ease-out;
+      background: white; }
+    .wp-block-ainoblocks-button.is-style-3outline .wp-block-ainoblocks-button__link:before {
+      z-index: 1;
+      transform: translate(6px, -6px); }
+  .wp-block-ainoblocks-button.is-style-ghost .wp-block-ainoblocks-button__link {
     color: #1765d8;
     border: none;
     background-color: transparent; }