PluginProbe
Hello Plus / 1.2.0
Hello Plus v1.2.0
trunk 1.0.0 1.0.1 1.0.2 1.0.3 1.1.0 1.1.1 1.1.2 1.1.3 1.2.0 1.2.1 1.3.0 1.4.0 1.4.1 1.5.0 1.5.1 1.5.2 1.5.3 1.6.0 1.6.1 1.6.2 1.7.0 1.7.1 1.7.2 1.7.3 All 30 releases
hello-plus / build / css / helloplus-zigzag.css

helloplus-zigzag.css in Hello Plus 1.2.0, at build/css/helloplus-zigzag.css

2 lines 8.2 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 .ehp-zigzag{--zigzag-title-color:#000;--zigzag-description-color:#000;--zigzag-rows-spacing:60px;--zigzag-wrapper-border-width:2px;--zigzag-wrapper-border-color:#000;--zigzag-wrapper-border-radius:0;--zigzag-content-position:center;--zigzag-image-width:50%;--zigzag-icon-width:50%;--zigzag-image-position:center center;--zigzag-elements-gap:32px;--zigzag-icon-size:256px;--zigzag-icon-color:#555963;--zigzag-icon-color-alternate:#61ce70;--zigzag-box-padding-block-start:60px;--zigzag-box-padding-block-end:60px;--zigzag-box-padding-inline-start:0;--zigzag-box-padding-inline-end:0;--zigzag-animation-delay:0;--zigzag-animation-duration:1s;--zigzag-animation-duration-slow:2s;--zigzag-animation-duration-normal:1s;--zigzag-animation-duration-fast:0.8s;--zigzag-button-primary-icon-spacing:10px;--zigzag-button-primary-icon-size:16px;--zigzag-button-primary-text-color:#fff;--zigzag-button-primary-text-color-hover:#7a7a7a;--zigzag-button-primary-border-width:0;--zigzag-button-primary-border-color:transparent;--zigzag-button-primary-padding-block-end:8px;--zigzag-button-primary-padding-block-start:8px;--zigzag-button-primary-padding-inline-end:16px;--zigzag-button-primary-padding-inline-start:16px;--zigzag-button-primary-border-radius-block-end:8px;--zigzag-button-primary-border-radius-block-start:8px;--zigzag-button-primary-border-radius-inline-end:8px;--zigzag-button-primary-border-radius-inline-start:8px;align-items:center;background-color:transparent;display:flex;flex-direction:column}@media screen and (min-width:768px){.ehp-zigzag{--zigzag-elements-gap:40px;--zigzag-rows-spacing:100px}}@media screen and (min-width:1025px){.ehp-zigzag{--zigzag-elements-gap:120px}}.ehp-zigzag.has-border{border-color:var(--zigzag-wrapper-border-color);border-radius:var(--zigzag-wrapper-border-radius);border-style:solid;border-width:var(--zigzag-wrapper-border-width)}.ehp-zigzag a.ehp-zigzag__button,.ehp-zigzag a.ehp-zigzag__button:not([href]):not([tabindex]){--ehp-button-primary-icon-spacing:var(--zigzag-button-primary-icon-spacing);--ehp-button-primary-icon-size:var(--zigzag-button-primary-icon-size);--ehp-button-primary-text-color:var(--zigzag-button-primary-text-color);--ehp-button-primary-text-color-hover:var(--zigzag-button-primary-text-color-hover);--ehp-button-primary-border-width:var(--zigzag-button-primary-border-width);--ehp-button-primary-border-color:var(--zigzag-button-primary-border-color);--ehp-button-primary-padding-block-end:var(--zigzag-button-primary-padding-block-end);--ehp-button-primary-padding-block-start:var(--zigzag-button-primary-padding-block-start);--ehp-button-primary-padding-inline-end:var(--zigzag-button-primary-padding-inline-end);--ehp-button-primary-padding-inline-start:var(--zigzag-button-primary-padding-inline-start);--ehp-button-primary-border-radius-block-end:var(--zigzag-button-primary-border-radius-block-end);--ehp-button-primary-border-radius-block-start:var(--zigzag-button-primary-border-radius-block-start);--ehp-button-primary-border-radius-inline-end:var(--zigzag-button-primary-border-radius-inline-end);--ehp-button-primary-border-radius-inline-start:var(--zigzag-button-primary-border-radius-inline-start)}.ehp-zigzag__button-container{display:flex}.ehp-zigzag.has-alternate-icon-color .ehp-zigzag__item-wrapper:nth-child(2n) .ehp-zigzag__graphic-element-container{color:var(--zigzag-icon-color-alternate)}.ehp-zigzag__text-container{display:flex;flex-direction:column;justify-content:var(--zigzag-content-position)}.ehp-zigzag__text-container.is-graphic-image{width:calc(100% - var(--zigzag-image-width))}.ehp-zigzag__text-container.is-graphic-icon{width:calc(100% - var(--zigzag-icon-width))}.ehp-zigzag__title{color:var(--zigzag-title-color)}.ehp-zigzag__description{color:var(--zigzag-description-color);font-size:18px}.ehp-zigzag__graphic-element-container{align-items:var(--zigzag-content-position);display:flex}.ehp-zigzag__graphic-element-container.has-image{width:var(--zigzag-image-width)}.elementor .ehp-zigzag__graphic-element-container.has-image img{aspect-ratio:16/9;height:var(--zigzag-image-height);-o-object-fit:cover;object-fit:cover;-o-object-position:var(--zigzag-image-position);object-position:var(--zigzag-image-position);width:100%}.ehp-zigzag__graphic-element-container.has-icon{color:var(--zigzag-icon-color);display:flex;justify-content:center;width:var(--zigzag-icon-width)}.ehp-zigzag__graphic-element-container.has-icon svg{fill:currentColor;height:var(--zigzag-icon-size);width:var(--zigzag-icon-size)}.ehp-zigzag__graphic-element-container.has-icon i{font-size:var(--zigzag-icon-size)}.ehp-zigzag__item-container{display:flex;gap:var(--zigzag-elements-gap);max-width:var(--zigzag-content-width);padding-block:calc(var(--zigzag-rows-spacing)/2);padding-inline-end:var(--zigzag-box-padding-inline-end);padding-inline-start:var(--zigzag-box-padding-inline-start);width:100%}@media screen and (max-width:1024px){.ehp-zigzag__item-container{gap:var(--zigzag-elements-gap)}}.ehp-zigzag.has-entrance-animation .ehp-zigzag__item-wrapper{animation-delay:var(--zigzag-animation-delay);animation-duration:var(--zigzag-animation-duration);animation-fill-mode:both;animation-timing-function:ease}.ehp-zigzag__item-wrapper{display:flex;justify-content:center;width:100%}.ehp-zigzag__item-wrapper:first-of-type .ehp-zigzag__item-container{padding-block-start:var(--zigzag-box-padding-block-start)}.ehp-zigzag__item-wrapper:last-of-type .ehp-zigzag__item-container{padding-block-end:var(--zigzag-box-padding-block-end)}.ehp-zigzag__item-wrapper.hidden{opacity:0;visibility:hidden}.ehp-zigzag__item-wrapper.visible{opacity:1;visibility:visible}@media screen and (min-width:1025px){.ehp-zigzag.has-direction-start .ehp-zigzag__item-wrapper:nth-child(odd) .ehp-zigzag__item-container{flex-direction:row}.ehp-zigzag.has-direction-end .ehp-zigzag__item-wrapper:nth-child(odd) .ehp-zigzag__item-container,.ehp-zigzag.has-direction-start .ehp-zigzag__item-wrapper:nth-child(2n) .ehp-zigzag__item-container{flex-direction:row-reverse}.ehp-zigzag.has-direction-end .ehp-zigzag__item-wrapper:nth-child(2n) .ehp-zigzag__item-container{flex-direction:row}}@media screen and (max-width:1024px){.ehp-zigzag .ehp-zigzag__item-container{flex-direction:column}.ehp-zigzag.has-direction-end .ehp-zigzag__graphic-element-container{order:2}.ehp-zigzag.has-direction-end .ehp-zigzag__text-container{order:1}.ehp-zigzag .ehp-zigzag__graphic-element-container,.ehp-zigzag .ehp-zigzag__text-container{padding-inline:0;width:100%}}.ehp-zigzag.has-image-stretch{--zigzag-image-width:50%;--zigzag-icon-width:50%}.ehp-zigzag.has-image-stretch .ehp-zigzag__item-container{padding-inline:0}@media screen and (max-width:1024px){.ehp-zigzag.has-image-stretch .ehp-zigzag__item-container{padding-block:0}.ehp-zigzag.has-image-stretch .ehp-zigzag__text-container{padding-inline-end:var(--zigzag-box-padding-inline-end);padding-inline-start:var(--zigzag-box-padding-inline-start)}.ehp-zigzag.has-image-stretch.has-direction-start .ehp-zigzag__text-container{padding-block-end:var(--zigzag-box-padding-block-end)}}@media screen and (min-width:1025px){.ehp-zigzag.has-image-stretch.has-direction-start .ehp-zigzag__item-wrapper:nth-child(odd) .ehp-zigzag__text-container{padding-inline-end:var(--zigzag-box-padding-inline-end)}.ehp-zigzag.has-image-stretch.has-direction-start .ehp-zigzag__item-wrapper:nth-child(2n) .ehp-zigzag__text-container{padding-inline-start:var(--zigzag-box-padding-inline-start)}}@media screen and (max-width:1024px){.ehp-zigzag.has-image-stretch.has-direction-end .ehp-zigzag__item-wrapper:nth-child(odd) .ehp-zigzag__text-container,.ehp-zigzag.has-image-stretch.has-direction-end .ehp-zigzag__text-container{padding-block-start:var(--zigzag-box-padding-block-start)}}@media screen and (min-width:1025px){.ehp-zigzag.has-image-stretch.has-direction-end .ehp-zigzag__item-wrapper:nth-child(odd) .ehp-zigzag__text-container{padding-inline-start:var(--zigzag-box-padding-inline-start)}}@media screen and (max-width:1024px){.ehp-zigzag.has-image-stretch.has-direction-end .ehp-zigzag__item-wrapper:nth-child(2n) .ehp-zigzag__text-container{padding-block-start:var(--zigzag-box-padding-block-start)}}@media screen and (min-width:1025px){.ehp-zigzag.has-image-stretch.has-direction-end .ehp-zigzag__item-wrapper:nth-child(2n) .ehp-zigzag__text-container{padding-inline-end:var(--zigzag-box-padding-inline-end)}}
2