@total_onion/onion-library 1.0.260 → 1.1.2

package/public/block-section-separator-v3/section-separator-v3.css

@@ -0,0 +1,43 @@
+.section-separator-v3 {
+  display: grid;
+  display: var(--display-mobile, grid);
+}
+@media screen and (min-width: 768px) {
+  .section-separator-v3 {
+    display: grid;
+    display: var(--display-portrait, grid);
+  }
+}
+@media screen and (min-width: 1024px) {
+  .section-separator-v3 {
+    display: grid;
+    display: var(--display-desktop, grid);
+  }
+}
+.section-separator-v3__separator-image {
+  width: 100%;
+  position: absolute;
+  display: block;
+  translate: 0 -50%;
+  height: auto;
+  top: 0;
+}
+.section-separator-v3__secondary-image {
+  position: absolute;
+  align-self: center;
+  justify-self: var(--horizontal-position);
+  place-self: center var(--horizontal-position);
+  translate: var(--horizontal-offset) var(--vertical-offset);
+  top: 0;
+  max-width: calc(var(--max-width-mobile) / var(--design-reference) * var(--screen-width));
+}
+@media screen and (min-width: 768px) {
+  .section-separator-v3__secondary-image {
+    max-width: calc(var(--max-width-portrait) / var(--design-reference) * var(--screen-width));
+  }
+}
+@media screen and (min-width: 768px) and (min-width: 1024px) {
+  .section-separator-v3__secondary-image {
+    max-width: calc(var(--max-width-desktop) / var(--design-reference) * var(--screen-width));
+  }
+}

package/public/block-single-column-container-v3/single-column-container-v3.css

@@ -0,0 +1,14 @@
+.single-column-container-v3 {
+  display: grid;
+  grid-template: "main"/1fr;
+  align-items: center;
+  justify-items: center;
+  place-items: center;
+  position: relative;
+}
+.single-column-container-v3__block-container {
+  display: grid;
+  grid-area: main;
+  z-index: 5;
+  width: 100%;
+}

package/public/block-single-responsive-image-v3/single-responsive-image-v3.css

@@ -0,0 +1,56 @@
+.single-responsive-image-v3__picture {
+  width: 100%;
+  width: var(--image-width-mobile, 100%);
+  grid-area: main;
+  grid-area: var(--image-grid-area, main);
+  position: relative;
+  position: var(--image-position, relative);
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  min-height: 100%;
+  display: flex;
+  z-index: var(--image-z-index);
+  border: calc(var(--image-border-width) / var(--desktop-design-reference) * var(--screen-width-static)) var(--image-border-style) var(--image-border-colour);
+}
+@media screen and (min-width: 768px) {
+  .single-responsive-image-v3__picture {
+    width: 100%;
+    width: var(--image-width-portrait, 100%);
+  }
+}
+@media screen and (min-width: 1024px) {
+  .single-responsive-image-v3__picture {
+    width: 100%;
+    width: var(--image-width, 100%);
+  }
+}
+.single-responsive-image-v3__image {
+  -o-object-fit: cover;
+  object-fit: cover;
+  -o-object-fit: var(--image-fit-style, cover);
+  object-fit: var(--image-fit-style, cover);
+  position: relative;
+  -o-object-position: var(--image-object-position-align);
+  object-position: var(--image-object-position-align);
+  translate: var(--image-offset-horiz) var(--image-offset-vert);
+  opacity: 1;
+  opacity: var(--image-opacity, 1);
+  aspect-ratio: var(--image-aspect-ratio-mobile, var(--image-aspect-ratio-desktop));
+  border-radius: var(--image-border-radius);
+  min-height: calc(var(--image-min-height-mobile) - (0px - var(--cancel-header-height)));
+  min-height: calc(var(--image-min-height-mobile) - (var(--global-site-header-height, 0px) - var(--cancel-header-height)));
+}
+@media screen and (min-width: 768px) {
+  .single-responsive-image-v3__image {
+    aspect-ratio: var(--image-aspect-ratio-portrait);
+  }
+}
+@media screen and (min-width: 1024px) {
+  .single-responsive-image-v3__image {
+    aspect-ratio: var(--image-aspect-ratio-desktop);
+    min-height: calc(var(--image-min-height-desktop) - (0px - var(--cancel-header-height)));
+    min-height: calc(var(--image-min-height-desktop) - (var(--global-site-header-height, 0px) - var(--cancel-header-height)));
+  }
+}

package/public/block-site-logo-container-v3/site-logo-container-v3.css

@@ -0,0 +1,18 @@
+.site-logo-container-v3__site-logo {
+  margin: auto;
+  pointer-events: all;
+  max-width: calc(var(--site-logo-max-width-mobile) / var(--design-reference) * var(--screen-width));
+}
+@media screen and (min-width: 768px) {
+  .site-logo-container-v3__site-logo {
+    max-width: calc(var(--site-logo-max-width-portrait) / var(--design-reference) * var(--screen-width));
+  }
+}
+@media screen and (min-width: 1024px) {
+  .site-logo-container-v3__site-logo {
+    max-width: calc(var(--site-logo-max-width-desktop) / var(--design-reference) * var(--screen-width));
+  }
+}
+.site-logo-container-v3__site-logo-link {
+  display: flex;
+}

package/public/block-site-title-and-tagline-v3/site-title-and-tagline-v3.css

@@ -0,0 +1,14 @@
+.site-title-and-tagline-v3 {
+  display: grid;
+  grid-template: "main"/1fr;
+  align-items: center;
+  justify-items: center;
+  place-items: center;
+  text-align: center;
+}
+.site-title-and-tagline-v3__title {
+  font-weight: bold;
+}
+.site-title-and-tagline-v3__tagline {
+  font-weight: bold;
+}

package/public/block-smash-balloon-social-media-v3/smash-balloon-social-media-v3.css

@@ -0,0 +1,8 @@
+.smash-balloon-social-media-v3 {
+  position: relative;
+  max-width: 100vw;
+}
+.smash-balloon-social-media-v3__instagram {
+  width: 100%;
+  position: relative;
+}

package/public/block-social-networks-v3/social-networks-v3.css

@@ -0,0 +1,241 @@
+.social-networks-v3__inner-container {
+  grid-area: main;
+  align-self: var(--content-box-vert-align-mobile);
+  justify-self: var(--content-box-horiz-align-mobile);
+  place-self: var(--content-box-vert-align-mobile) var(--content-box-horiz-align-mobile);
+  z-index: 5;
+  z-index: var(--content-z-index, 5);
+  overflow: var(--content-box-overflow);
+  min-width: -moz-min-content;
+  min-width: min-content;
+  aspect-ratio: var(--content-box-aspect-ratio);
+  border-radius: var(--border-radius);
+  border-width: var(--border-width);
+  border-color: var(--border-colour);
+  border-style: var(--border-style);
+  display: flex;
+  flex-direction: column;
+  flex-direction: var(--content-box-items-direction-mobile, column);
+  justify-content: var(--content-items-alignment-mobile);
+  align-items: center;
+  background-color: var(--cb-bg-colour);
+  padding: calc(var(--global-inline-spacing) * var(--content-box-top-padding-mult-mobile)) calc(var(--global-inline-spacing) * var(--content-box-right-padding-mult-mobile)) calc(var(--global-inline-spacing) * var(--content-box-bottom-padding-mult-mobile)) calc(var(--global-inline-spacing) * var(--content-box-left-padding-mult-mobile));
+  margin: calc(var(--global-inline-spacing) * var(--content-container-top-margin-mobile)) calc(var(--global-inline-spacing) * var(--content-container-right-margin-mobile)) calc(var(--global-inline-spacing) * var(--content-container-bottom-margin-mobile)) calc(var(--global-inline-spacing) * var(--content-container-left-margin-mobile));
+  -moz-column-gap: var(--content-items-micro-gap-mobile, calc(var(--content-items-gap-mobile) * var(--global-inline-spacing)));
+  column-gap: var(--content-items-micro-gap-mobile, calc(var(--content-items-gap-mobile) * var(--global-inline-spacing)));
+}
+@media screen and (min-width: 768px) {
+  .social-networks-v3__inner-container {
+    justify-content: var(--content-items-alignment-portrait);
+    align-self: var(--content-box-vert-align-portrait);
+    justify-self: var(--content-box-horiz-align-portrait);
+    place-self: var(--content-box-vert-align-portrait) var(--content-box-horiz-align-portrait);
+    padding: calc(var(--global-inline-spacing) * var(--content-box-top-padding-mult-portrait)) calc(var(--global-inline-spacing) * var(--content-box-right-padding-mult-portrait)) calc(var(--global-inline-spacing) * var(--content-box-bottom-padding-mult-portrait)) calc(var(--global-inline-spacing) * var(--content-box-left-padding-mult-portrait));
+    margin: calc(var(--global-inline-spacing) * var(--content-container-top-margin-portrait)) calc(var(--global-inline-spacing) * var(--content-container-right-margin-portrait)) calc(var(--global-inline-spacing) * var(--content-container-bottom-margin-portrait)) calc(var(--global-inline-spacing) * var(--content-container-left-margin-portrait));
+  }
+}
+@media screen and (min-width: 1024px) {
+  .social-networks-v3__inner-container {
+    -moz-column-gap: var(--content-items-micro-gap-desktop, calc(var(--content-items-gap-desktop) * var(--global-inline-spacing)));
+    column-gap: var(--content-items-micro-gap-desktop, calc(var(--content-items-gap-desktop) * var(--global-inline-spacing)));
+    justify-content: var(--content-items-alignment);
+    max-width: var(--cb-max-width);
+    align-self: var(--content-box-vert-align);
+    justify-self: var(--content-box-horiz-align);
+    place-self: var(--content-box-vert-align) var(--content-box-horiz-align);
+    padding: calc(var(--global-content-box-padding-block) * var(--content-box-top-padding-mult)) calc(var(--global-inline-spacing) * var(--content-box-right-padding-mult)) calc(var(--global-inline-spacing) * var(--content-box-bottom-padding-mult)) calc(var(--global-inline-spacing) * var(--content-box-left-padding-mult));
+    margin: calc(var(--global-inline-spacing) * var(--content-container-top-margin)) calc(var(--global-inline-spacing) * var(--content-container-right-margin)) calc(var(--global-inline-spacing) * var(--content-container-bottom-margin)) calc(var(--global-inline-spacing) * var(--content-container-left-margin));
+  }
+}
+.social-networks-v3__inner-container {
+  box-shadow: calc(var(--box-shadow-offset-x) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-offset-y) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-blur) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-spread) / var(--desktop-design-reference) * var(--screen-width-static)) var(--box-shadow-colour);
+}
+.social-networks-v3__content-container {
+  max-width: var(--wysiwyg-max-width-mobile);
+  margin-left: auto;
+  margin-right: auto;
+  display: grid;
+  word-break: normal;
+  width: 100%;
+  width: var(--content-container-width, 100%);
+  -webkit-text-stroke: calc(var(--text-stroke-width) / var(--desktop-design-reference) * var(--screen-width-static) * var(--font-size-multiplier)) var(--text-stroke-colour);
+}
+.social-networks-v3__content-container:last-child {
+  margin-bottom: 0;
+}
+.social-networks-v3__content-container {
+  color: var(--default-text-colour-mobile, var(--theme-primary-text-colour));
+}
+@media screen and (min-width: 768px) {
+  .social-networks-v3__content-container {
+    color: var(--default-text-colour-portrait, var(--default-text-colour-desktop));
+  }
+}
+@media screen and (min-width: 1024px) {
+  .social-networks-v3__content-container {
+    color: var(--default-text-colour-desktop, var(--theme-primary-text-colour));
+  }
+}
+.social-networks-v3__content-container {
+  text-transform: var(--default-text-transform-mobile);
+}
+@media screen and (min-width: 768px) {
+  .social-networks-v3__content-container {
+    text-transform: var(--default-text-transform-portrait, var(--default-text-transform-desktop));
+  }
+}
+@media screen and (min-width: 1024px) {
+  .social-networks-v3__content-container {
+    text-transform: var(--default-text-transform-desktop);
+  }
+}
+.social-networks-v3__content-container {
+  text-align: var(--default-text-align-mobile);
+}
+@media screen and (min-width: 768px) {
+  .social-networks-v3__content-container {
+    text-align: var(--default-text-align-portrait, var(--default-text-align-desktop));
+  }
+}
+@media screen and (min-width: 1024px) {
+  .social-networks-v3__content-container {
+    text-align: var(--default-text-align-desktop);
+  }
+}
+.social-networks-v3__content-container {
+  display: block;
+  display: var(--display-mobile, block);
+}
+@media screen and (min-width: 768px) {
+  .social-networks-v3__content-container {
+    display: block;
+    display: var(--display-portrait, block);
+  }
+}
+@media screen and (min-width: 1024px) {
+  .social-networks-v3__content-container {
+    display: block;
+    display: var(--display-desktop, block);
+  }
+}
+.social-networks-v3__content-container p,
+.social-networks-v3__content-container h1,
+.social-networks-v3__content-container h2,
+.social-networks-v3__content-container h3,
+.social-networks-v3__content-container h4,
+.social-networks-v3__content-container h5,
+.social-networks-v3__content-container h6,
+.social-networks-v3__content-container a,
+.social-networks-v3__content-container li,
+.social-networks-v3__content-container div {
+  font-weight: var(--default-font-weight-mobile, var(--default-font-weight));
+}
+@media screen and (min-width: 768px) {
+  .social-networks-v3__content-container p,
+  .social-networks-v3__content-container h1,
+  .social-networks-v3__content-container h2,
+  .social-networks-v3__content-container h3,
+  .social-networks-v3__content-container h4,
+  .social-networks-v3__content-container h5,
+  .social-networks-v3__content-container h6,
+  .social-networks-v3__content-container a,
+  .social-networks-v3__content-container li,
+  .social-networks-v3__content-container div {
+    font-weight: var(--default-font-weight-portrait, var(--default-font-weight));
+  }
+}
+@media screen and (min-width: 1024px) {
+  .social-networks-v3__content-container p,
+  .social-networks-v3__content-container h1,
+  .social-networks-v3__content-container h2,
+  .social-networks-v3__content-container h3,
+  .social-networks-v3__content-container h4,
+  .social-networks-v3__content-container h5,
+  .social-networks-v3__content-container h6,
+  .social-networks-v3__content-container a,
+  .social-networks-v3__content-container li,
+  .social-networks-v3__content-container div {
+    font-weight: var(--default-font-weight-desktop, var(--default-font-weight));
+  }
+}
+.social-networks-v3__content-container p,
+.social-networks-v3__content-container h1,
+.social-networks-v3__content-container h2,
+.social-networks-v3__content-container h3,
+.social-networks-v3__content-container h4,
+.social-networks-v3__content-container h5,
+.social-networks-v3__content-container h6,
+.social-networks-v3__content-container a,
+.social-networks-v3__content-container li,
+.social-networks-v3__content-container div {
+  font-style: var(--default-font-style-mobile);
+}
+@media screen and (min-width: 768px) {
+  .social-networks-v3__content-container p,
+  .social-networks-v3__content-container h1,
+  .social-networks-v3__content-container h2,
+  .social-networks-v3__content-container h3,
+  .social-networks-v3__content-container h4,
+  .social-networks-v3__content-container h5,
+  .social-networks-v3__content-container h6,
+  .social-networks-v3__content-container a,
+  .social-networks-v3__content-container li,
+  .social-networks-v3__content-container div {
+    font-style: var(--default-font-style-portrait, var(--default-font-style-desktop));
+  }
+}
+@media screen and (min-width: 1024px) {
+  .social-networks-v3__content-container p,
+  .social-networks-v3__content-container h1,
+  .social-networks-v3__content-container h2,
+  .social-networks-v3__content-container h3,
+  .social-networks-v3__content-container h4,
+  .social-networks-v3__content-container h5,
+  .social-networks-v3__content-container h6,
+  .social-networks-v3__content-container a,
+  .social-networks-v3__content-container li,
+  .social-networks-v3__content-container div {
+    font-style: var(--default-font-style-desktop);
+  }
+}
+@media screen and (min-width: 768px) {
+  .social-networks-v3__content-container {
+    max-width: var(--wysiwyg-max-width-portrait);
+  }
+}
+@media screen and (min-width: 1024px) {
+  .social-networks-v3__content-container {
+    max-width: var(--wysiwyg-max-width);
+  }
+}
+.social-networks-v3--text-shadow {
+  text-shadow: calc(var(--text-shadow-offset-x) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--text-shadow-offset-y) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--text-shadow-blur) / var(--desktop-design-reference) * var(--screen-width-static)) var(--text-shadow-colour);
+}
+.social-networks-v3__cta-selection-container {
+  width: 100%;
+  display: var(--cta-container-display);
+  grid-template-columns: var(--grid-columns-mobile);
+  flex-wrap: wrap;
+  flex-direction: var(--cta-flex-direction);
+  justify-content: var(--cta-alignment-mobile);
+  gap: calc(var(--global-inline-spacing) * var(--cta-spacing-gap-mobile));
+}
+@media screen and (min-width: 768px) {
+  .social-networks-v3__cta-selection-container {
+    gap: calc(var(--global-inline-spacing) * var(--cta-spacing-gap-desktop));
+    justify-content: var(--cta-alignment-portrait);
+    grid-template-columns: var(--grid-columns-portrait);
+  }
+}
+@media screen and (min-width: 1024px) {
+  .social-networks-v3__cta-selection-container {
+    justify-content: var(--cta-alignment);
+    grid-template-columns: var(--grid-columns-desktop);
+  }
+}
+.social-networks-v3 {
+  pointer-events: all;
+  display: flex;
+  flex-direction: column;
+  gap: calc(10 / var(--design-reference) * var(--screen-width));
+}

package/public/block-spacer-v3/spacer-v3.css

@@ -0,0 +1,16 @@
+.spacer-v3 {
+  width: 100%;
+  position: relative;
+  background-color: var(--spacer-bg-colour);
+  height: calc(var(--global-inline-spacing) * var(--spacer-size-mult-mobile));
+}
+@media screen and (min-width: 768px) {
+  .spacer-v3 {
+    height: calc(var(--global-inline-spacing) * var(--spacer-size-mult-portrait));
+  }
+}
+@media screen and (min-width: 1024px) {
+  .spacer-v3 {
+    height: calc(var(--global-inline-spacing) * var(--spacer-size-mult));
+  }
+}