Feature/gh169 add ai wide template dev fix

mu-plugins/osi-editor-tweaks/build/scripts/editor/editor.asset.php

@@ -1 +1 @@
-<?php return array('dependencies' => array('react', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-element', 'wp-hooks', 'wp-i18n'), 'version' => '162399256cc2e0280b43');
+<?php return array('dependencies' => array('react', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-element', 'wp-hooks', 'wp-i18n'), 'version' => '4eed0edae9c660582582');

mu-plugins/osi-editor-tweaks/build/scripts/theme/theme.asset.php

@@ -1 +1 @@
-<?php return array('dependencies' => array(), 'version' => 'd8b92db19a6588800e2b');
+<?php return array('dependencies' => array(), 'version' => 'eb7b34d85380496c7763');

mu-plugins/osi-editor-tweaks/build/styles/editor/editor.scss.asset.php

@@ -1 +1 @@
-<?php return array('dependencies' => array(), 'version' => 'eda230210ce9238b2938');
+<?php return array('dependencies' => array(), 'version' => '3808389433632f708eea');

mu-plugins/osi-editor-tweaks/build/styles/theme/theme.scss.asset.php

@@ -1 +1 @@
-<?php return array('dependencies' => array(), 'version' => 'eda230210ce9238b2938');
+<?php return array('dependencies' => array(), 'version' => '3808389433632f708eea');

mu-plugins/osi-editor-tweaks/src/common.scss

@@ -35,20 +35,110 @@
 
 /* Slide-Up Animation */
 
-.content .wp-block-heading {
-    &.slide-up {
-        transform: translateY(20px);
-        opacity: 0;
-        transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out, visibility 0s 0.5s;
+.content .wp-block-heading.slide-up,
+.content p.slide-up {
+    transform: translateY(20px);
+    opacity: 0;
+    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out, visibility 0s 0.5s;
+    overflow: hidden;
+    &.visible {
+        transform: translateY(0);
+        opacity: 1;
         overflow: hidden;
-        &.visible {
-            transform: translateY(0);
-            opacity: 1;
-            overflow: hidden;
-        }
     }
 }
 
+.is-style-spin-green>a,
+.is-style-spin-white>a,
+.is-style-spin-green.block-editor-block-list__block>div,
+.is-style-spin-white.block-editor-block-list__block>div {
+    padding: 19px 40px !important;
+    font-size: 16px !important;
+    line-height: 19px;
+    font-weight: 600 !important;
+    // font-family: var(--font-secondary);
+    background-color: #1B1B1B !important;
+    // color: #fff !important;
+    border-radius: 100px;
+    display: inline-block;
+    vertical-align: middle;
+    transform: perspective(1px) translateZ(0);
+    position: relative;
+    transition-property: color;
+    transition-duration: 0.3s;
+    min-width: max-content;
+    transition: none;
+    box-sizing: border-box;
+    border-color: transparent !important;
+}
+
+.is-style-spin-green>a,
+.is-style-spin-green.block-editor-block-list__block>div {
+    color: #fff !important;
+    text-decoration: underline !important;
+}
+
+.is-style-spin-white>a,
+.is-style-spin-white.block-editor-block-list__block>div {
+    color: #1B1B1B !important;
+    text-decoration: none;
+}
+
+.is-style-spin-green.block-editor-block-list__block>div::before,
+.is-style-spin-white.block-editor-block-list__block>div::before,
+.is-style-spin-green>a::before,
+.is-style-spin-white>a::before {
+    content: "";
+    background: #3DA639; // fallback
+    position: absolute;
+    z-index: -1;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    transform: scaleX(1);
+    transform-origin: 50%;
+    transition-property: transform;
+    transition-duration: 0.3s;
+    transition-timing-function: ease-out;
+    border-radius: 100px;
+    border-width: 0px;
+    box-sizing: border-box;
+    border-color: transparent !important;
+    inset: -2px;
+}
+
+.is-style-spin-green>a::before,
+.is-style-spin-green.block-editor-block-list__block>div::before {
+    background: #3DA639;
+}
+
+.is-style-spin-white>a::before,
+.is-style-spin-white.block-editor-block-list__block>div::before {
+    background: #fff;
+    color: black;
+}
+
+.is-style-spin-green>a:hover::before,
+.is-style-spin-white>a:hover::before,
+.is-style-spin-green.block-editor-block-list__block>div:hover::before,
+.is-style-spin-white.block-editor-block-list__block>div:hover::before {
+    transform: scaleX(0);
+}
+
+.is-style-spin-green>a:hover,
+.is-style-spin-white>a:hover,
+.is-style-spin-green.block-editor-block-list__block>div:hover,
+.is-style-spin-white.block-editor-block-list__block>div:hover {
+    box-sizing: border-box !important;
+    border-width: 0 !important;
+}
+
+.is-style-spin-white>a:hover,
+.is-style-spin-white.block-editor-block-list__block>div:hover {
+    color: white !important;
+}
+
 .plethoraplugins-tabs-container.button-tabs {
     h3 {
         line-height: 36px !important;
@@ -78,4 +168,4 @@
             }
         }
     }
-}
+}