WordPress.org
Get WordPress

Plugin Directory

Changeset 3302813


Ignore:
Timestamp:
05/29/2025 09:46:09 AM (9 months ago)
Author:
tantive
Message:

ver1.0.4

Location:
tantive-text-effects
Files:
74 added
15 edited

Legend:

Unmodified
Added
Removed

  • tantive-text-effects/trunk/dist/editor-style.css

    r3298602 r3302813  
    1 .block-editor-block-preview__content-iframe .animSquareSlideInFromLeft .animSquareSlideInFromLeft__Square{position:relative;overflow:hidden;margin:50px;padding-left:0;padding-right:0}.block-editor-block-preview__content-iframe .animSquareSlideInFromLeft .animSquareSlideInFromLeft__Square::before{content:"";position:absolute;width:0;height:100%;background-color:red;top:0}.block-editor-block-preview__content-iframe .animSquareSlideInFromLeft .animSquareSlideInFromLeft__content{font-size:100px;transform:translateX(-100%);animation:animSquareSlideInFromLeft__content 5s infinite}.block-editor-block-preview__content-iframe .animSquareSlideInFromLeft .animSquareSlideInFromLeft__Square::before{animation:animSquareSlideInFromLeft__square--before 5s infinite}@keyframes animSquareSlideInFromLeft__square--before{0%{width:0;left:0;transform:translateX(0)}6%{width:100%;left:0;transform:translateX(0)}16%{width:100%;left:0;right:100%}20%{width:0;right:0;left:100%}100%{width:0;right:0;left:100%}}@keyframes animSquareSlideInFromLeft__content{0%{transform:translateX(-100%)}16%{transform:translateX(-100%)}30%{transform:translateX(0)}100%{transform:translateX(0)}}.block-editor-block-preview__content-iframe .animWavyDrop{font-size:100px;margin-left:50px}.block-editor-block-preview__content-iframe .animWavyDrop .tteLetter{display:inline-block;transform:translateY(-100%);opacity:0;animation-name:animWavyDrop;animation-duration:5s;animation-delay:calc(.1s*var(--animWavyDropDuration));animation-timing-function:cubic-bezier(0.42, 0, 0.33, 1);animation-iteration-count:infinite;transform:translateY(0)}@keyframes animWavyDrop{0%{opacity:0;transform:translateY(-100%)}10%{opacity:1;transform:translateY(30%)}20%{opacity:1;transform:translateY(0)}100%{opacity:1;transform:translateY(0)}}.block-editor-block-preview__content-iframe .animWavyRise{font-size:100px;margin-left:50px}.block-editor-block-preview__content-iframe .animWavyRise .tteLetter{display:inline-block;transform:translateY(-100%);opacity:0;animation-name:animWavyRise;animation-duration:5s;animation-delay:calc(.1s*var(--animWavyRiseDuration));animation-timing-function:cubic-bezier(0.42, 0, 0.33, 1);animation-iteration-count:infinite;transform:translateY(0)}@keyframes animWavyRise{0%{opacity:0;transform:translateY(100%)}10%{opacity:1;transform:translateY(-30%)}20%{opacity:1;transform:translateY(0)}100%{opacity:1;transform:translateY(0)}}.block-editor-block-preview__content-iframe .animPopOut{font-size:100px;margin-left:50px}.block-editor-block-preview__content-iframe .animPopOut .tteLetter{display:inline-block;margin-right:.25em;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:steps(1, end)}.block-editor-block-preview__content-iframe .animPopOut .tteLetter:nth-child(odd){animation-name:animPopOut-odd}.block-editor-block-preview__content-iframe .animPopOut .tteLetter:nth-child(even){animation-name:animPopOut-even}@keyframes animPopOut-odd{0%{transform:translate(0, 0)}25%{transform:translate(0.1em, -0.1em);text-shadow:-0.1em .1em red}75%{transform:translate(0, 0);text-shadow:0 0 red}100%{transform:translate(0, 0)}}@keyframes animPopOut-even{0%{transform:translate(0, 0)}50%{transform:translate(0.1em, -0.1em);text-shadow:-0.1em .1em red}100%{transform:translate(0, 0)}}.block-editor-block-preview__content-iframe .animTypeWriter{font-size:100px;margin-left:50px}.block-editor-block-preview__content-iframe .animTypeWriter--cursor{animation:animTypeWriter--cursor 1s step-start infinite}@keyframes animTypeWriter--cursor{50%{opacity:0}}
     1.block-editor-block-preview__content-iframe .animSquareSlideInFromLeft .animSquareSlideInFromLeft__Square{position:relative;overflow:hidden;margin:50px;padding-left:0;padding-right:0}.block-editor-block-preview__content-iframe .animSquareSlideInFromLeft .animSquareSlideInFromLeft__Square::before{content:"";position:absolute;width:0;height:100%;background-color:red;top:0}.block-editor-block-preview__content-iframe .animSquareSlideInFromLeft .animSquareSlideInFromLeft__content{font-size:100px;transform:translateX(-100%);animation:animSquareSlideInFromLeft__content 5s infinite}.block-editor-block-preview__content-iframe .animSquareSlideInFromLeft .animSquareSlideInFromLeft__Square::before{animation:animSquareSlideInFromLeft__square--before 5s infinite}@keyframes animSquareSlideInFromLeft__square--before{0%{width:0;left:0;transform:translateX(0)}6%{width:100%;left:0;transform:translateX(0)}16%{width:100%;left:0;right:100%}20%{width:0;right:0;left:100%}100%{width:0;right:0;left:100%}}@keyframes animSquareSlideInFromLeft__content{0%{transform:translateX(-100%)}16%{transform:translateX(-100%)}30%{transform:translateX(0)}100%{transform:translateX(0)}}.block-editor-block-preview__content-iframe .animWavyDrop{font-size:100px;margin-left:50px}.block-editor-block-preview__content-iframe .animWavyDrop .tteLetter{display:inline-block;transform:translateY(-100%);opacity:0;animation-name:animWavyDrop;animation-duration:5s;animation-delay:calc(.1s*var(--animWavyDropDuration));animation-timing-function:cubic-bezier(0.42, 0, 0.33, 1);animation-iteration-count:infinite;transform:translateY(0)}@keyframes animWavyDrop{0%{opacity:0;transform:translateY(-100%)}10%{opacity:1;transform:translateY(30%)}20%{opacity:1;transform:translateY(0)}100%{opacity:1;transform:translateY(0)}}.block-editor-block-preview__content-iframe .animWavyRise{font-size:100px;margin-left:50px}.block-editor-block-preview__content-iframe .animWavyRise .tteLetter{display:inline-block;transform:translateY(-100%);opacity:0;animation-name:animWavyRise;animation-duration:5s;animation-delay:calc(.1s*var(--animWavyRiseDuration));animation-timing-function:cubic-bezier(0.42, 0, 0.33, 1);animation-iteration-count:infinite;transform:translateY(0)}@keyframes animWavyRise{0%{opacity:0;transform:translateY(100%)}10%{opacity:1;transform:translateY(-30%)}20%{opacity:1;transform:translateY(0)}100%{opacity:1;transform:translateY(0)}}.block-editor-block-preview__content-iframe .animPopOut{font-size:100px;margin-left:50px}.block-editor-block-preview__content-iframe .animPopOut .tteLetter{display:inline-block;margin-right:.25em;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:steps(1, end)}.block-editor-block-preview__content-iframe .animPopOut .tteLetter:nth-child(odd){animation-name:animPopOut-odd}.block-editor-block-preview__content-iframe .animPopOut .tteLetter:nth-child(even){animation-name:animPopOut-even}@keyframes animPopOut-odd{0%{transform:translate(0, 0)}25%{transform:translate(0.1em, -0.1em);text-shadow:-0.1em .1em red}75%{transform:translate(0, 0);text-shadow:0 0 red}100%{transform:translate(0, 0)}}@keyframes animPopOut-even{0%{transform:translate(0, 0)}50%{transform:translate(0.1em, -0.1em);text-shadow:-0.1em .1em red}100%{transform:translate(0, 0)}}.block-editor-block-preview__content-iframe .animTypeWriter{font-size:100px;margin-left:50px}.block-editor-block-preview__content-iframe .animTypeWriter--cursor{animation:animTypeWriter--cursor 1s step-start infinite}@keyframes animTypeWriter--cursor{50%{opacity:0}}.block-editor-block-preview__content-iframe .animLineSwipe{font-size:100px;margin-top:50px;margin-left:50px;margin-bottom:50px;position:relative;width:fit-content}.block-editor-block-preview__content-iframe .animLineSwipe::before{content:"";position:absolute;width:4px;height:100%;top:0;left:0;background-color:red;animation:animLineSwipeBarSwipe 4.1s infinite}.block-editor-block-preview__content-iframe .animLineSwipe::after{content:"";position:absolute;width:4px;height:100%;top:0;left:0;background-color:red;opacity:0;animation:animLineSwipeBorder 4.1s ease-in-out infinite}.block-editor-block-preview__content-iframe .animLineSwipe p{position:relative;width:fit-content;margin:0;animation:animLineSwipeContents 4.1s cubic-bezier(0.77, 0, 0.175, 1) infinite}@keyframes animLineSwipeBarSwipe{0%{left:0;opacity:1}24.4%{left:100%;opacity:1}26.8%{left:100%;opacity:0}100%{left:0;opacity:0}}@keyframes animLineSwipeBarFadeOut{0%{opacity:1}100%{opacity:0}}@keyframes animLineSwipeBorder{0%{opacity:0}25%{opacity:0}75%{opacity:1}100%{opacity:1}}@keyframes animLineSwipeContents{0%{clip-path:polygon(0 0, 0 100%, 0 100%, 0 0)}2.4%{clip-path:polygon(0 0, 0 100%, 0 100%, 0 0)}26.8%{clip-path:polygon(0 0, 0 100%, 100% 100%, 100% 0)}100%{clip-path:polygon(0 0, 0 100%, 100% 100%, 100% 0)}}.block-editor-block-preview__content-iframe .animGateMark p{font-size:100px;margin-top:50px;margin-bottom:50px;position:relative;width:fit-content;transform:scale(0);opacity:0;animation:animGateMarkContent 5s ease-in-out infinite}.block-editor-block-preview__content-iframe .animGateMark p::before,.block-editor-block-preview__content-iframe .animGateMark p::after{content:"";position:absolute;height:100%;width:4px;top:0;background-color:red;transform:scale(0, 1);animation:animGateMarkGate 5s ease-in-out infinite}.block-editor-block-preview__content-iframe .animGateMark p::before{left:0;transform-origin:0 50%}.block-editor-block-preview__content-iframe .animGateMark p::after{right:0;transform-origin:100% 50%}@keyframes animGateMarkContent{0%{transform:scale(0);opacity:0}20%{transform:scale(1);opacity:1}100%{transform:scale(1);opacity:1}}@keyframes animGateMarkGate{0%{transform:scale(0, 1)}20%{transform:scale(0, 1)}30%{transform:scale(1, 1)}100%{transform:scale(1, 1)}}
    22
    33/*# sourceMappingURL=editor-style.css.map*/

  • tantive-text-effects/trunk/dist/editor-style.css.map

    r3298602 r3302813  
    1 {"version":3,"file":"editor-style.css","mappings":"AAEQ,0GACI,kBACA,gBACA,YACA,eACA,gBAEA,kHACI,WACA,kBACA,QACA,YACA,qBACA,MAIR,2GACI,gBACA,4BACA,yDAGJ,kHACI,gEAIR,qDACI,GACI,QACA,OACA,wBAEJ,GACI,WACA,OACA,wBAEJ,IACI,WACA,OACA,WAEJ,IACI,QACA,QACA,UAEJ,KACI,QACA,QACA,WAIR,8CACI,GACI,4BAEJ,IACI,4BAEJ,IACI,wBAEJ,KACI,yBAIR,0DACI,gBACA,iBACA,qEACI,qBACA,4BACA,UACA,4BACA,sBACA,sDACA,yDACA,mCACA,wBAIR,wBACI,GACI,UACA,4BAEJ,IACI,UACA,0BAEJ,IACI,UACA,wBAEJ,KACI,UACA,yBAIR,0DACI,gBACA,iBACA,qEACI,qBACA,4BACA,UACA,4BACA,sBACA,sDACA,yDACA,mCACA,wBAIR,wBACI,GACI,UACA,2BAEJ,IACI,UACA,2BAEJ,IACI,UACA,wBAEJ,KACI,UACA,yBAIR,wDACI,gBACA,iBAEA,mEACI,qBACA,mBACA,sBACA,mCACA,wCAEA,kFACI,8BAGJ,mFACI,+BAKZ,0BACI,GACI,0BAEJ,IACI,mCACA,4BAEJ,IACI,0BACA,oBAEJ,KACI,2BAIR,2BACI,GACI,0BAEJ,IACI,mCACA,4BAEJ,KACI,2BAIR,4DACI,gBACA,iBAGJ,oEACI,wDAGJ,kCACI,IACI,W","sources":["webpack://tantive-text-effects/./src/css/editor-style.scss"],"sourcesContent":[".block-editor-block-preview__content-iframe {\r\n    .animSquareSlideInFromLeft {\r\n        .animSquareSlideInFromLeft__Square {\r\n            position: relative;\r\n            overflow: hidden;\r\n            margin: 50px;\r\n            padding-left: 0;\r\n            padding-right: 0;\r\n            \r\n            &::before {\r\n                content: \"\";\r\n                position: absolute;\r\n                width: 0;\r\n                height: 100%;\r\n                background-color: red;\r\n                top: 0;\r\n            }\r\n        }\r\n\r\n        .animSquareSlideInFromLeft__content {\r\n            font-size: 100px;\r\n            transform: translateX(-100%);\r\n            animation: animSquareSlideInFromLeft__content 5s infinite;\r\n        }\r\n            \r\n        .animSquareSlideInFromLeft__Square::before {\r\n            animation: animSquareSlideInFromLeft__square--before 5s infinite;\r\n        }\r\n    }\r\n\r\n    @keyframes animSquareSlideInFromLeft__square--before {\r\n        0% {\r\n            width: 0;\r\n            left: 0;\r\n            transform: translateX(0);\r\n        }\r\n        6% {\r\n            width: 100%;\r\n            left: 0;\r\n            transform: translateX(0);\r\n        }\r\n        16% {\r\n            width: 100%;\r\n            left: 0;\r\n            right: 100%;\r\n        }\r\n        20% {\r\n            width: 0;\r\n            right: 0;\r\n            left: 100%;\r\n        }\r\n        100% {\r\n            width: 0;\r\n            right: 0;\r\n            left:100%;\r\n        }\r\n    }\r\n\r\n    @keyframes animSquareSlideInFromLeft__content {\r\n        0% {\r\n            transform: translateX(-100%);\r\n        }\r\n        16% {\r\n            transform: translateX(-100%);\r\n        }\r\n        30% {\r\n            transform: translateX(0);\r\n        }\r\n        100% {\r\n            transform: translateX(0);\r\n        }\r\n    }\r\n\r\n    .animWavyDrop {\r\n        font-size: 100px;\r\n        margin-left: 50px;\r\n        .tteLetter {\r\n            display: inline-block;\r\n            transform: translateY(-100%);\r\n            opacity: 0;\r\n            animation-name: animWavyDrop;\r\n            animation-duration: 5s;\r\n            animation-delay: calc(0.1s * var(--animWavyDropDuration));\r\n            animation-timing-function:cubic-bezier(.42,0,.33,1);\r\n            animation-iteration-count: infinite;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n    \r\n    @keyframes animWavyDrop {\r\n        0% {\r\n            opacity: 0;\r\n            transform: translateY(-100%);\r\n        }\r\n        10% {\r\n            opacity: 1;\r\n            transform: translateY(30%);\r\n        }\r\n        20% {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n        100% {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n\r\n    .animWavyRise {\r\n        font-size: 100px;\r\n        margin-left: 50px;\r\n        .tteLetter {\r\n            display: inline-block;\r\n            transform: translateY(-100%);\r\n            opacity: 0;\r\n            animation-name: animWavyRise;\r\n            animation-duration: 5s;\r\n            animation-delay: calc(0.1s * var(--animWavyRiseDuration));\r\n            animation-timing-function:cubic-bezier(.42,0,.33,1);\r\n            animation-iteration-count: infinite;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n  \r\n    @keyframes animWavyRise {\r\n        0% {\r\n            opacity: 0;\r\n            transform: translateY(100%);\r\n        }\r\n        10% {\r\n            opacity: 1;\r\n            transform: translateY(-30%);\r\n        }\r\n        20% {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n        100% {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n\r\n    .animPopOut {\r\n        font-size: 100px;\r\n        margin-left: 50px;\r\n\t\r\n        .tteLetter {\r\n            display: inline-block;\r\n            margin-right: 0.25em;\r\n            animation-duration: 2s;\r\n            animation-iteration-count: infinite;\r\n            animation-timing-function: steps(1, end);\r\n\r\n            &:nth-child(odd) {\r\n                animation-name: animPopOut-odd;\r\n            }\r\n\r\n            &:nth-child(even) {\r\n                animation-name: animPopOut-even;\r\n            }\r\n        }\r\n    }\r\n\r\n    @keyframes animPopOut-odd {\r\n        0% {\r\n            transform: translate(0, 0);\r\n        }\r\n        25% {\r\n            transform: translate(0.1em, -0.1em);\r\n            text-shadow: -0.1em 0.1em red;\r\n        }\r\n        75% {\r\n            transform: translate(0, 0);\r\n            text-shadow: 0 0  red;\r\n        }\r\n        100% {\r\n            transform: translate(0, 0);\r\n        }\r\n    }\r\n\r\n    @keyframes animPopOut-even {\r\n        0% {\r\n            transform: translate(0, 0);\r\n        }\r\n        50% {\r\n            transform: translate(0.1em, -0.1em);\r\n            text-shadow: -0.1em 0.1em red;\r\n        }\r\n        100% {\r\n            transform: translate(0, 0);\r\n        }\r\n    }\r\n\r\n    .animTypeWriter {\r\n        font-size: 100px;\r\n        margin-left: 50px;\r\n    }\r\n\r\n    .animTypeWriter--cursor {\r\n        animation: animTypeWriter--cursor 1s step-start infinite;\r\n    }\r\n    \r\n    @keyframes animTypeWriter--cursor {\r\n        50% {\r\n            opacity: 0;\r\n        }\r\n    }\r\n}\r\n"],"names":[],"sourceRoot":""}
     1{"version":3,"file":"editor-style.css","mappings":"AAEQ,0GACI,kBACA,gBACA,YACA,eACA,gBAEA,kHACI,WACA,kBACA,QACA,YACA,qBACA,MAIR,2GACI,gBACA,4BACA,yDAGJ,kHACI,gEAIR,qDACI,GACI,QACA,OACA,wBAEJ,GACI,WACA,OACA,wBAEJ,IACI,WACA,OACA,WAEJ,IACI,QACA,QACA,UAEJ,KACI,QACA,QACA,WAIR,8CACI,GACI,4BAEJ,IACI,4BAEJ,IACI,wBAEJ,KACI,yBAIR,0DACI,gBACA,iBACA,qEACI,qBACA,4BACA,UACA,4BACA,sBACA,sDACA,yDACA,mCACA,wBAIR,wBACI,GACI,UACA,4BAEJ,IACI,UACA,0BAEJ,IACI,UACA,wBAEJ,KACI,UACA,yBAIR,0DACI,gBACA,iBACA,qEACI,qBACA,4BACA,UACA,4BACA,sBACA,sDACA,yDACA,mCACA,wBAIR,wBACI,GACI,UACA,2BAEJ,IACI,UACA,2BAEJ,IACI,UACA,wBAEJ,KACI,UACA,yBAIR,wDACI,gBACA,iBAEA,mEACI,qBACA,mBACA,sBACA,mCACA,wCAEA,kFACI,8BAGJ,mFACI,+BAKZ,0BACI,GACI,0BAEJ,IACI,mCACA,4BAEJ,IACI,0BACA,oBAEJ,KACI,2BAIR,2BACI,GACI,0BAEJ,IACI,mCACA,4BAEJ,KACI,2BAIR,4DACI,gBACA,iBAGJ,oEACI,wDAGJ,kCACI,IACI,WAIR,2DACI,gBACA,gBACA,iBACA,mBACA,kBACA,kBAEA,mEACI,WACA,kBACA,UACA,YACA,MACA,OACA,qBACA,6CACI,CAGR,kEACI,WACA,kBACA,UACA,YACA,MACA,OACA,qBACA,UACA,wDAGJ,6DACI,kBACA,kBACA,SACA,8EAIR,iCACI,GACI,OACA,UAEJ,MACI,UACA,UAEJ,MACI,UACA,UAEJ,KACI,OACA,WAGR,mCACI,GACI,UAEJ,KACI,WAIR,+BACI,GACI,UAEJ,IACI,UAEJ,IACI,UAEJ,KACI,WAIR,iCACI,GACI,4CAEJ,KACI,4CAEJ,MACI,kDAEJ,KACI,mDAKJ,4DACI,gBACA,gBACA,mBACA,kBACA,kBACA,mBACA,UACA,sDAEA,uIAEI,WACA,kBACA,YACA,UACA,MACA,qBACA,sBACA,mDAGJ,oEACI,OACA,uBAGJ,mEACI,QACA,0BAKR,+BACI,GACI,mBACA,UAEJ,IACI,mBACA,UAEJ,KACI,mBACA,WAIR,4BACI,GACI,sBAEJ,IACI,sBAEJ,IACI,sBAEJ,KACI,uB","sources":["webpack://tantive-text-effects/./src/css/editor-style.scss"],"sourcesContent":[".block-editor-block-preview__content-iframe {\r\n    .animSquareSlideInFromLeft {\r\n        .animSquareSlideInFromLeft__Square {\r\n            position: relative;\r\n            overflow: hidden;\r\n            margin: 50px;\r\n            padding-left: 0;\r\n            padding-right: 0;\r\n            \r\n            &::before {\r\n                content: \"\";\r\n                position: absolute;\r\n                width: 0;\r\n                height: 100%;\r\n                background-color: red;\r\n                top: 0;\r\n            }\r\n        }\r\n\r\n        .animSquareSlideInFromLeft__content {\r\n            font-size: 100px;\r\n            transform: translateX(-100%);\r\n            animation: animSquareSlideInFromLeft__content 5s infinite;\r\n        }\r\n            \r\n        .animSquareSlideInFromLeft__Square::before {\r\n            animation: animSquareSlideInFromLeft__square--before 5s infinite;\r\n        }\r\n    }\r\n\r\n    @keyframes animSquareSlideInFromLeft__square--before {\r\n        0% {\r\n            width: 0;\r\n            left: 0;\r\n            transform: translateX(0);\r\n        }\r\n        6% {\r\n            width: 100%;\r\n            left: 0;\r\n            transform: translateX(0);\r\n        }\r\n        16% {\r\n            width: 100%;\r\n            left: 0;\r\n            right: 100%;\r\n        }\r\n        20% {\r\n            width: 0;\r\n            right: 0;\r\n            left: 100%;\r\n        }\r\n        100% {\r\n            width: 0;\r\n            right: 0;\r\n            left:100%;\r\n        }\r\n    }\r\n\r\n    @keyframes animSquareSlideInFromLeft__content {\r\n        0% {\r\n            transform: translateX(-100%);\r\n        }\r\n        16% {\r\n            transform: translateX(-100%);\r\n        }\r\n        30% {\r\n            transform: translateX(0);\r\n        }\r\n        100% {\r\n            transform: translateX(0);\r\n        }\r\n    }\r\n\r\n    .animWavyDrop {\r\n        font-size: 100px;\r\n        margin-left: 50px;\r\n        .tteLetter {\r\n            display: inline-block;\r\n            transform: translateY(-100%);\r\n            opacity: 0;\r\n            animation-name: animWavyDrop;\r\n            animation-duration: 5s;\r\n            animation-delay: calc(0.1s * var(--animWavyDropDuration));\r\n            animation-timing-function:cubic-bezier(.42,0,.33,1);\r\n            animation-iteration-count: infinite;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n    \r\n    @keyframes animWavyDrop {\r\n        0% {\r\n            opacity: 0;\r\n            transform: translateY(-100%);\r\n        }\r\n        10% {\r\n            opacity: 1;\r\n            transform: translateY(30%);\r\n        }\r\n        20% {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n        100% {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n\r\n    .animWavyRise {\r\n        font-size: 100px;\r\n        margin-left: 50px;\r\n        .tteLetter {\r\n            display: inline-block;\r\n            transform: translateY(-100%);\r\n            opacity: 0;\r\n            animation-name: animWavyRise;\r\n            animation-duration: 5s;\r\n            animation-delay: calc(0.1s * var(--animWavyRiseDuration));\r\n            animation-timing-function:cubic-bezier(.42,0,.33,1);\r\n            animation-iteration-count: infinite;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n  \r\n    @keyframes animWavyRise {\r\n        0% {\r\n            opacity: 0;\r\n            transform: translateY(100%);\r\n        }\r\n        10% {\r\n            opacity: 1;\r\n            transform: translateY(-30%);\r\n        }\r\n        20% {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n        100% {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n\r\n    .animPopOut {\r\n        font-size: 100px;\r\n        margin-left: 50px;\r\n\t\r\n        .tteLetter {\r\n            display: inline-block;\r\n            margin-right: 0.25em;\r\n            animation-duration: 2s;\r\n            animation-iteration-count: infinite;\r\n            animation-timing-function: steps(1, end);\r\n\r\n            &:nth-child(odd) {\r\n                animation-name: animPopOut-odd;\r\n            }\r\n\r\n            &:nth-child(even) {\r\n                animation-name: animPopOut-even;\r\n            }\r\n        }\r\n    }\r\n\r\n    @keyframes animPopOut-odd {\r\n        0% {\r\n            transform: translate(0, 0);\r\n        }\r\n        25% {\r\n            transform: translate(0.1em, -0.1em);\r\n            text-shadow: -0.1em 0.1em red;\r\n        }\r\n        75% {\r\n            transform: translate(0, 0);\r\n            text-shadow: 0 0  red;\r\n        }\r\n        100% {\r\n            transform: translate(0, 0);\r\n        }\r\n    }\r\n\r\n    @keyframes animPopOut-even {\r\n        0% {\r\n            transform: translate(0, 0);\r\n        }\r\n        50% {\r\n            transform: translate(0.1em, -0.1em);\r\n            text-shadow: -0.1em 0.1em red;\r\n        }\r\n        100% {\r\n            transform: translate(0, 0);\r\n        }\r\n    }\r\n\r\n    .animTypeWriter {\r\n        font-size: 100px;\r\n        margin-left: 50px;\r\n    }\r\n\r\n    .animTypeWriter--cursor {\r\n        animation: animTypeWriter--cursor 1s step-start infinite;\r\n    }\r\n    \r\n    @keyframes animTypeWriter--cursor {\r\n        50% {\r\n            opacity: 0;\r\n        }\r\n    }\r\n\r\n    .animLineSwipe {\r\n        font-size: 100px;\r\n        margin-top: 50px;\r\n        margin-left: 50px;\r\n        margin-bottom: 50px;\r\n        position: relative;\r\n        width: fit-content;\r\n        \r\n        &::before {\r\n            content:\"\";\r\n            position: absolute;\r\n            width: 4px;\r\n            height: 100%;\r\n            top: 0;\r\n            left: 0;\r\n            background-color: red;\r\n            animation:\r\n                animLineSwipeBarSwipe 4.1s infinite;\r\n        }\r\n        \r\n        &::after {\r\n            content: \"\";\r\n            position: absolute;\r\n            width: 4px;\r\n            height: 100%;\r\n            top: 0;\r\n            left: 0;\r\n            background-color: red;\r\n            opacity: 0;\r\n            animation: animLineSwipeBorder 4.1s ease-in-out infinite;\r\n        }\r\n        \r\n        p {\r\n            position: relative;\r\n            width: fit-content;\r\n            margin: 0;\r\n            animation: animLineSwipeContents 4.1s cubic-bezier(0.77, 0, 0.175, 1) infinite;\r\n        }\r\n    }\r\n\r\n    @keyframes animLineSwipeBarSwipe {\r\n        0% {\r\n            left: 0;\r\n            opacity: 1;\r\n        }\r\n        24.4% {\r\n            left: 100%;\r\n            opacity: 1;\r\n        }\r\n        26.8% {\r\n            left: 100%;\r\n            opacity: 0;\r\n        }\r\n        100% {\r\n            left: 0;\r\n            opacity: 0;\r\n    }}\r\n\r\n    @keyframes animLineSwipeBarFadeOut {\r\n        0% {\r\n            opacity: 1;\r\n        }\r\n        100% {\r\n            opacity: 0;\r\n        }\r\n    }\r\n\r\n    @keyframes animLineSwipeBorder{\r\n        0% {\r\n            opacity: 0;\r\n        }\r\n        25% {\r\n            opacity: 0;\r\n        }\r\n        75% {\r\n            opacity: 1;\r\n        }\r\n        100% {\r\n            opacity: 1;\r\n        }\r\n    }\r\n\r\n    @keyframes animLineSwipeContents {\r\n        0% {\r\n            clip-path: polygon(0 0, 0 100%, 0 100%, 0 0);\r\n        }\r\n        2.4% {\r\n            clip-path: polygon(0 0, 0 100%, 0 100%, 0 0);\r\n        }\r\n        26.8% {\r\n            clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0);\r\n        }\r\n        100% {\r\n            clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0);\r\n        }\r\n    }\r\n\r\n    .animGateMark {\r\n        p {\r\n            font-size: 100px;\r\n            margin-top: 50px;\r\n            margin-bottom: 50px;\r\n            position: relative;\r\n            width: fit-content;\r\n            transform: scale(0);\r\n            opacity:0;\r\n            animation: animGateMarkContent 5s ease-in-out infinite;\r\n\r\n            &::before,\r\n            &::after {\r\n                content: \"\";\r\n                position: absolute;\r\n                height: 100%;\r\n                width: 4px;\r\n                top: 0;\r\n                background-color: red;\r\n                transform: scale(0, 1);\r\n                animation: animGateMarkGate 5s ease-in-out infinite;\r\n            }\r\n            \r\n            &::before {\r\n                left: 0;\r\n                transform-origin: 0 50%;\r\n            }\r\n            \r\n            &::after {\r\n                right: 0;\r\n                transform-origin: 100% 50%;\r\n            }\r\n\r\n        }\r\n\r\n        @keyframes animGateMarkContent {\r\n            0% {\r\n                transform: scale(0);\r\n                opacity: 0;\r\n            }\r\n            20% {\r\n                transform: scale(1);\r\n                opacity: 1;\r\n            }\r\n            100% {\r\n                transform: scale(1);\r\n                opacity: 1;\r\n            }\r\n        }\r\n\r\n        @keyframes animGateMarkGate {\r\n            0% {\r\n                transform: scale(0,1);\r\n            }\r\n            20% {\r\n                transform: scale(0,1);\r\n            }\r\n            30% {\r\n                transform: scale(1,1);\r\n            }\r\n            100% {\r\n                transform: scale(1,1);\r\n            }\r\n        }\r\n    }\r\n}\r\n"],"names":[],"sourceRoot":""}

  • tantive-text-effects/trunk/dist/js/animation/index.js

    r3297780 r3302813  
    1 window.addEventListener("load",(function(){function e(e,n){var t=e.offsetHeight,r=e.innerHTML;e.innerHTML="";for(var a=[],o=0;o<r.length;o++){var i=document.createElement("span");i.className="tteLetter",i.innerHTML=" "!=r.charAt(o)?r.charAt(o):"&nbsp;",n&&i.style.setProperty(n,o),e.appendChild(i),a.push(i)}e.style.height=t+"px"}[".animSquareSlideInFromLeft",".animWavyDrop",".animWavyRise",".animPopOut",".animTypeWriter"].forEach((function(e){var n=document.querySelectorAll(e);n.length>0&&n.forEach((function(n){var t=new IntersectionObserver((function(r){r.forEach((function(r){r.isIntersecting&&(n.classList.add("visible"),t.unobserve(r.target),".animTypeWriter"==e&&function(e){var n=e.textContent;e.textContent="";var t=0,r=document.createElement("span");r.textContent="|",r.className="animTypeWriter--cursor",e.appendChild(r),function e(){t<n.length?(r.before(n[t]),t++,setTimeout(e,200)):r.remove()}()}(n))}))}));t.observe(n)}))})),(document.querySelectorAll(".animWavyDrop")||[]).forEach((function(n){e(n,"--animWavyDropDuration")})),(document.querySelectorAll(".animWavyRise")||[]).forEach((function(n){e(n,"--animWavyRiseDuration")})),(document.querySelectorAll(".animPopOut")||[]).forEach((function(n){e(n,"")}))}));
     1window.addEventListener("load",(function(){function e(e,n){var t=e.offsetHeight,r=e.innerHTML;e.innerHTML="";for(var a=[],i=0;i<r.length;i++){var o=document.createElement("span");o.className="tteLetter",o.innerHTML=" "!=r.charAt(i)?r.charAt(i):"&nbsp;",n&&o.style.setProperty(n,i),e.appendChild(o),a.push(o)}e.style.height=t+"px"}[".animSquareSlideInFromLeft",".animWavyDrop",".animWavyRise",".animPopOut",".animTypeWriter",".animLineSwipe",".animGateMark"].forEach((function(e){var n=document.querySelectorAll(e);n.length>0&&n.forEach((function(n){var t=new IntersectionObserver((function(r){r.forEach((function(r){r.isIntersecting&&(n.classList.add("visible"),t.unobserve(r.target),".animTypeWriter"==e&&function(e){var n=e.textContent;e.textContent="";var t=0,r=document.createElement("span");r.textContent="|",r.className="animTypeWriter--cursor",e.appendChild(r),function e(){t<n.length?(r.before(n[t]),t++,setTimeout(e,200)):r.remove()}()}(n))}))}));t.observe(n)}))})),(document.querySelectorAll(".animWavyDrop")||[]).forEach((function(n){e(n,"--animWavyDropDuration")})),(document.querySelectorAll(".animWavyRise")||[]).forEach((function(n){e(n,"--animWavyRiseDuration")})),(document.querySelectorAll(".animPopOut")||[]).forEach((function(n){e(n,"")}))}));
    22//# sourceMappingURL=index.js.map

  • tantive-text-effects/trunk/dist/js/animation/index.js.map

    r3297780 r3302813  
    1 {"version":3,"file":"js/animation/index.js","mappings":"AAAAA,OAAOC,iBAAiB,QAAQ,WA8D5B,SAASC,EAAaC,EAAMC,GACxB,IAAIC,EAAYF,EAAKG,aAEjBC,EAAUJ,EAAKK,UACnBL,EAAKK,UAAY,GAEjB,IADA,IAAIC,EAAU,GACLC,EAAI,EAAGA,EAAIH,EAAQI,OAAQD,IAAK,CACrC,IAAIE,EAASC,SAASC,cAAc,QACpCF,EAAOG,UAAY,YACnBH,EAAOJ,UAAiC,KAArBD,EAAQS,OAAON,GAAUH,EAAQS,OAAON,GAAG,SAC3DN,GACCQ,EAAOK,MAAMC,YAAYd,EAAUM,GACvCP,EAAKgB,YAAYP,GACjBH,EAAQW,KAAKR,EACjB,CAEAT,EAAKc,MAAMI,OAAShB,EAAY,IACpC,CA7EkB,CACd,6BACA,gBACA,gBACA,cACA,mBAGMiB,SAAQ,SAAAC,GACd,IAAMC,EAAeX,SAASY,iBAAiBF,GAC5CC,EAAab,OAAS,GACrBa,EAAaF,SAAQ,SAAAI,GACjB,IAAMC,EAAW,IAAIC,sBAAqB,SAAAC,GACtCA,EAAQP,SAAQ,SAAAQ,GACTA,EAAMC,iBACLL,EAAIM,UAAUC,IAAI,WAClBN,EAASO,UAAUJ,EAAMK,QACV,mBAAZZ,GAgE3B,SAAwBpB,GACpB,IAAMiC,EAAWjC,EAAKkC,YACtBlC,EAAKkC,YAAc,GAEnB,IAAI3B,EAAI,EACF4B,EAASzB,SAASC,cAAc,QACtCwB,EAAOD,YAAc,IACrBC,EAAOvB,UAAY,yBACnBZ,EAAKgB,YAAYmB,GAEjB,SAASC,IACF7B,EAAI0B,EAASzB,QACZ2B,EAAOE,OAAOJ,EAAS1B,IACvBA,IACA+B,WAAWF,EAAM,MAEjBD,EAAOI,QAEf,CAEAH,EACJ,CArF0DI,CAAejB,GAEzD,GACJ,IACAC,EAASiB,QAAQlB,EACrB,GAER,KAI4Bb,SAASY,iBAAiB,kBAE5B,IAAIH,SAAQ,SAAAuB,GAC9B3C,EAAa2C,EAAkB,yBACnC,KAQwBhC,SAASY,iBAAiB,kBAE5B,IAAIH,SAAQ,SAAAwB,GAC9B5C,EAAa4C,EAAkB,yBACnC,KAQsBjC,SAASY,iBAAiB,gBAE5B,IAAIH,SAAQ,SAAAyB,GAC5B7C,EAAa6C,EAAgB,GACjC,GAgDR","sources":["webpack://tantive-text-effects/./src/js/animation/index.js"],"sourcesContent":["window.addEventListener('load', () => {\r\n    \r\n    const animArray = [\r\n        '.animSquareSlideInFromLeft',\r\n        '.animWavyDrop',\r\n        '.animWavyRise',\r\n        '.animPopOut',\r\n        '.animTypeWriter',\r\n    ];\r\n\r\n    animArray.forEach(animItem => {\r\n        const animatedElms = document.querySelectorAll(animItem);\r\n        if(animatedElms.length > 0){\r\n            animatedElms.forEach(elm => {\r\n                const observer = new IntersectionObserver(entries => {\r\n                    entries.forEach(entry => {\r\n                        if(entry.isIntersecting) {\r\n                            elm.classList.add('visible');\r\n                            observer.unobserve(entry.target);\r\n                            if(animItem == '.animTypeWriter') animTypeWriter(elm);\r\n                        }\r\n                    })\r\n                });\r\n                observer.observe(elm);\r\n            });\r\n        }\r\n    });\r\n\r\n    function animWavyDrop() {\r\n\r\n        let animWavyDropNodes = document.querySelectorAll('.animWavyDrop');\r\n        \r\n        (animWavyDropNodes || []).forEach(animWavyDropNode => {\r\n            splitLetters(animWavyDropNode, '--animWavyDropDuration');\r\n        });\r\n             \r\n    }\r\n      \r\n    animWavyDrop();\r\n\r\n    function animWavyRise() {\r\n\r\n        let animWavyRiseNodes = document.querySelectorAll('.animWavyRise');\r\n        \r\n        (animWavyRiseNodes || []).forEach(animWavyRiseNode => {\r\n            splitLetters(animWavyRiseNode, '--animWavyRiseDuration');\r\n        });\r\n        \r\n    }\r\n\r\n    animWavyRise();\r\n\r\n    function animPopOut() {\r\n\t\r\n        let animPopOutNodes = document.querySelectorAll('.animPopOut');\r\n        \r\n        (animPopOutNodes || []).forEach(animPopOutNode => {\r\n            splitLetters(animPopOutNode, '');\r\n        });\r\n        \r\n    }    \r\n\r\n    function splitLetters(node, duration) {\r\n        let nodeHight = node.offsetHeight;\r\n      \r\n        let content = node.innerHTML;\r\n        node.innerHTML = '';\r\n        let letters = [];\r\n        for (var i = 0; i < content.length; i++) {\r\n            let letter = document.createElement('span');\r\n            letter.className = 'tteLetter';\r\n            letter.innerHTML = content.charAt(i) != ' '?content.charAt(i):'&nbsp;';\r\n            if(duration)\r\n                letter.style.setProperty(duration, i);\r\n            node.appendChild(letter);\r\n            letters.push(letter);\r\n        }\r\n  \r\n        node.style.height = nodeHight + 'px';\r\n    }\r\n    \r\n    animPopOut();\r\n\r\n    function animTypeWriter(node) {\r\n        const fullText = node.textContent;\r\n        node.textContent = '';\r\n\r\n        let i = 0;\r\n        const cursor = document.createElement('span');\r\n        cursor.textContent = '|';\r\n        cursor.className = 'animTypeWriter--cursor';\r\n        node.appendChild(cursor);\r\n\r\n        function type() {\r\n            if(i < fullText.length) {\r\n                cursor.before(fullText[i]);\r\n                i++\r\n                setTimeout(type, 200);\r\n            } else {\r\n                cursor.remove();\r\n            }\r\n        }\r\n\r\n        type();\r\n    }\r\n    \r\n});\r\n\r\n"],"names":["window","addEventListener","splitLetters","node","duration","nodeHight","offsetHeight","content","innerHTML","letters","i","length","letter","document","createElement","className","charAt","style","setProperty","appendChild","push","height","forEach","animItem","animatedElms","querySelectorAll","elm","observer","IntersectionObserver","entries","entry","isIntersecting","classList","add","unobserve","target","fullText","textContent","cursor","type","before","setTimeout","remove","animTypeWriter","observe","animWavyDropNode","animWavyRiseNode","animPopOutNode"],"sourceRoot":""}
     1{"version":3,"file":"js/animation/index.js","mappings":"AAAAA,OAAOC,iBAAiB,QAAQ,WAgE5B,SAASC,EAAaC,EAAMC,GACxB,IAAIC,EAAYF,EAAKG,aAEjBC,EAAUJ,EAAKK,UACnBL,EAAKK,UAAY,GAEjB,IADA,IAAIC,EAAU,GACLC,EAAI,EAAGA,EAAIH,EAAQI,OAAQD,IAAK,CACrC,IAAIE,EAASC,SAASC,cAAc,QACpCF,EAAOG,UAAY,YACnBH,EAAOJ,UAAiC,KAArBD,EAAQS,OAAON,GAAUH,EAAQS,OAAON,GAAG,SAC3DN,GACCQ,EAAOK,MAAMC,YAAYd,EAAUM,GACvCP,EAAKgB,YAAYP,GACjBH,EAAQW,KAAKR,EACjB,CAEAT,EAAKc,MAAMI,OAAShB,EAAY,IACpC,CA/EkB,CACd,6BACA,gBACA,gBACA,cACA,kBACA,iBACA,iBAGMiB,SAAQ,SAAAC,GACd,IAAMC,EAAeX,SAASY,iBAAiBF,GAC5CC,EAAab,OAAS,GACrBa,EAAaF,SAAQ,SAAAI,GACjB,IAAMC,EAAW,IAAIC,sBAAqB,SAAAC,GACtCA,EAAQP,SAAQ,SAAAQ,GACTA,EAAMC,iBACLL,EAAIM,UAAUC,IAAI,WAClBN,EAASO,UAAUJ,EAAMK,QACV,mBAAZZ,GAgE3B,SAAwBpB,GACpB,IAAMiC,EAAWjC,EAAKkC,YACtBlC,EAAKkC,YAAc,GAEnB,IAAI3B,EAAI,EACF4B,EAASzB,SAASC,cAAc,QACtCwB,EAAOD,YAAc,IACrBC,EAAOvB,UAAY,yBACnBZ,EAAKgB,YAAYmB,GAEjB,SAASC,IACF7B,EAAI0B,EAASzB,QACZ2B,EAAOE,OAAOJ,EAAS1B,IACvBA,IACA+B,WAAWF,EAAM,MAEjBD,EAAOI,QAEf,CAEAH,EACJ,CArF0DI,CAAejB,GAEzD,GACJ,IACAC,EAASiB,QAAQlB,EACrB,GAER,KAI4Bb,SAASY,iBAAiB,kBAE5B,IAAIH,SAAQ,SAAAuB,GAC9B3C,EAAa2C,EAAkB,yBACnC,KAQwBhC,SAASY,iBAAiB,kBAE5B,IAAIH,SAAQ,SAAAwB,GAC9B5C,EAAa4C,EAAkB,yBACnC,KAQsBjC,SAASY,iBAAiB,gBAE5B,IAAIH,SAAQ,SAAAyB,GAC5B7C,EAAa6C,EAAgB,GACjC,GAgDR","sources":["webpack://tantive-text-effects/./src/js/animation/index.js"],"sourcesContent":["window.addEventListener('load', () => {\r\n    \r\n    const animArray = [\r\n        '.animSquareSlideInFromLeft',\r\n        '.animWavyDrop',\r\n        '.animWavyRise',\r\n        '.animPopOut',\r\n        '.animTypeWriter',\r\n        '.animLineSwipe',\r\n        '.animGateMark',\r\n    ];\r\n\r\n    animArray.forEach(animItem => {\r\n        const animatedElms = document.querySelectorAll(animItem);\r\n        if(animatedElms.length > 0){\r\n            animatedElms.forEach(elm => {\r\n                const observer = new IntersectionObserver(entries => {\r\n                    entries.forEach(entry => {\r\n                        if(entry.isIntersecting) {\r\n                            elm.classList.add('visible');\r\n                            observer.unobserve(entry.target);\r\n                            if(animItem == '.animTypeWriter') animTypeWriter(elm);\r\n                        }\r\n                    })\r\n                });\r\n                observer.observe(elm);\r\n            });\r\n        }\r\n    });\r\n\r\n    function animWavyDrop() {\r\n\r\n        let animWavyDropNodes = document.querySelectorAll('.animWavyDrop');\r\n        \r\n        (animWavyDropNodes || []).forEach(animWavyDropNode => {\r\n            splitLetters(animWavyDropNode, '--animWavyDropDuration');\r\n        });\r\n             \r\n    }\r\n      \r\n    animWavyDrop();\r\n\r\n    function animWavyRise() {\r\n\r\n        let animWavyRiseNodes = document.querySelectorAll('.animWavyRise');\r\n        \r\n        (animWavyRiseNodes || []).forEach(animWavyRiseNode => {\r\n            splitLetters(animWavyRiseNode, '--animWavyRiseDuration');\r\n        });\r\n        \r\n    }\r\n\r\n    animWavyRise();\r\n\r\n    function animPopOut() {\r\n\t\r\n        let animPopOutNodes = document.querySelectorAll('.animPopOut');\r\n        \r\n        (animPopOutNodes || []).forEach(animPopOutNode => {\r\n            splitLetters(animPopOutNode, '');\r\n        });\r\n        \r\n    }    \r\n\r\n    function splitLetters(node, duration) {\r\n        let nodeHight = node.offsetHeight;\r\n      \r\n        let content = node.innerHTML;\r\n        node.innerHTML = '';\r\n        let letters = [];\r\n        for (var i = 0; i < content.length; i++) {\r\n            let letter = document.createElement('span');\r\n            letter.className = 'tteLetter';\r\n            letter.innerHTML = content.charAt(i) != ' '?content.charAt(i):'&nbsp;';\r\n            if(duration)\r\n                letter.style.setProperty(duration, i);\r\n            node.appendChild(letter);\r\n            letters.push(letter);\r\n        }\r\n  \r\n        node.style.height = nodeHight + 'px';\r\n    }\r\n    \r\n    animPopOut();\r\n\r\n    function animTypeWriter(node) {\r\n        const fullText = node.textContent;\r\n        node.textContent = '';\r\n\r\n        let i = 0;\r\n        const cursor = document.createElement('span');\r\n        cursor.textContent = '|';\r\n        cursor.className = 'animTypeWriter--cursor';\r\n        node.appendChild(cursor);\r\n\r\n        function type() {\r\n            if(i < fullText.length) {\r\n                cursor.before(fullText[i]);\r\n                i++\r\n                setTimeout(type, 200);\r\n            } else {\r\n                cursor.remove();\r\n            }\r\n        }\r\n\r\n        type();\r\n    }\r\n    \r\n});\r\n\r\n"],"names":["window","addEventListener","splitLetters","node","duration","nodeHight","offsetHeight","content","innerHTML","letters","i","length","letter","document","createElement","className","charAt","style","setProperty","appendChild","push","height","forEach","animItem","animatedElms","querySelectorAll","elm","observer","IntersectionObserver","entries","entry","isIntersecting","classList","add","unobserve","target","fullText","textContent","cursor","type","before","setTimeout","remove","animTypeWriter","observe","animWavyDropNode","animWavyRiseNode","animPopOutNode"],"sourceRoot":""}

  • tantive-text-effects/trunk/dist/js/editor/index.js.map

    r3298602 r3302813  
    1 {"version":3,"file":"js/editor/index.js","mappings":"AAAAA,OAAOC,iBAAiB,QAAQ,WAkD5B,SAASC,EAAaC,EAAMC,GACxB,IAAIC,EAAYF,EAAKG,aAEjBC,EAAUJ,EAAKK,UACnBL,EAAKK,UAAY,GAEjB,IADA,IAAIC,EAAU,GACLC,EAAI,EAAGA,EAAIH,EAAQI,OAAQD,IAAK,CACrC,IAAIE,EAASC,SAASC,cAAc,QACpCF,EAAOG,UAAY,YACnBH,EAAOJ,UAAiC,KAArBD,EAAQS,OAAON,GAAUH,EAAQS,OAAON,GAAG,SAC3DN,GACCQ,EAAOK,MAAMC,YAAYd,EAAUM,GACvCP,EAAKgB,YAAYP,GACjBH,EAAQW,KAAKR,EACjB,CAEAT,EAAKc,MAAMI,OAAShB,EAAY,IACpC,CAjEIQ,SAASS,cAAc,QAAQC,UAAUC,SAAS,iDAc1BX,SAASY,iBAAiB,kBAE5B,IAAIC,SAAQ,SAAAC,GAC9BzB,EAAayB,EAAkB,yBACnC,KAQwBd,SAASY,iBAAiB,kBAE5B,IAAIC,SAAQ,SAAAE,GAC9B1B,EAAa0B,EAAkB,yBACnC,KAQsBf,SAASY,iBAAiB,gBAE5B,IAAIC,SAAQ,SAAAG,GAC5B3B,EAAa2B,EAAgB,GACjC,IAgDsBhB,SAASY,iBAAiB,+DAChCC,SAAQ,SAAAI,GACxBC,aAAY,YAzBhB,SAAwB5B,GACpB,IAAM6B,EAAW7B,EAAK8B,YACtB9B,EAAK8B,YAAc,GAEnB,IAAIvB,EAAI,EACFwB,EAASrB,SAASC,cAAc,QACtCoB,EAAOD,YAAc,IACrBC,EAAOnB,UAAY,yBACnBZ,EAAKgB,YAAYe,GAEjB,SAASC,IACFzB,EAAIsB,EAASrB,QACZuB,EAAOE,OAAOJ,EAAStB,IACvBA,IACA2B,WAAWF,EAAM,MAEjBD,EAAOI,QAEf,CAEAH,EACJ,CAKQI,CAAeT,EACnB,GAAG,IACP,IAEJ","sources":["webpack://tantive-text-effects/./src/js/editor/index.js"],"sourcesContent":["window.addEventListener('load', () => {\r\n    \r\n    if(!document.querySelector('html').classList.contains('block-editor-block-preview__content-iframe')) {\r\n        return;\r\n    }\r\n\r\n    const animArray = [\r\n        '.animSquareSlideInFromLeft',\r\n        '.animWavyDrop',\r\n        '.animWavyRise',\r\n        '.animPopOut',\r\n        '.animTypeWriter',\r\n    ];\r\n\r\n    function animWavyDrop() {\r\n\r\n        let animWavyDropNodes = document.querySelectorAll('.animWavyDrop');\r\n        \r\n        (animWavyDropNodes || []).forEach(animWavyDropNode => {\r\n            splitLetters(animWavyDropNode, '--animWavyDropDuration');\r\n        });\r\n             \r\n    }\r\n      \r\n    animWavyDrop();\r\n\r\n    function animWavyRise() {\r\n\r\n        let animWavyRiseNodes = document.querySelectorAll('.animWavyRise');\r\n        \r\n        (animWavyRiseNodes || []).forEach(animWavyRiseNode => {\r\n            splitLetters(animWavyRiseNode, '--animWavyRiseDuration');\r\n        });\r\n        \r\n    }\r\n\r\n    animWavyRise();\r\n\r\n    function animPopOut() {\r\n\t\r\n        let animPopOutNodes = document.querySelectorAll('.animPopOut');\r\n        \r\n        (animPopOutNodes || []).forEach(animPopOutNode => {\r\n            splitLetters(animPopOutNode, '');\r\n        });\r\n        \r\n    }    \r\n\r\n    animPopOut();\r\n\r\n    function splitLetters(node, duration) {\r\n        let nodeHight = node.offsetHeight;\r\n      \r\n        let content = node.innerHTML;\r\n        node.innerHTML = '';\r\n        let letters = [];\r\n        for (var i = 0; i < content.length; i++) {\r\n            let letter = document.createElement('span');\r\n            letter.className = 'tteLetter';\r\n            letter.innerHTML = content.charAt(i) != ' '?content.charAt(i):'&nbsp;';\r\n            if(duration)\r\n                letter.style.setProperty(duration, i);\r\n            node.appendChild(letter);\r\n            letters.push(letter);\r\n        }\r\n  \r\n        node.style.height = nodeHight + 'px';\r\n    }\r\n    \r\n    function animTypeWriter(node) {\r\n        const fullText = node.textContent;\r\n        node.textContent = '';\r\n\r\n        let i = 0;\r\n        const cursor = document.createElement('span');\r\n        cursor.textContent = '|';\r\n        cursor.className = 'animTypeWriter--cursor';\r\n        node.appendChild(cursor);\r\n\r\n        function type() {\r\n            if(i < fullText.length) {\r\n                cursor.before(fullText[i]);\r\n                i++\r\n                setTimeout(type, 200);\r\n            } else {\r\n                cursor.remove();\r\n            }\r\n        }\r\n\r\n        type();\r\n    }\r\n\r\n    let animTypeWriterNodes = document.querySelectorAll('.block-editor-block-preview__content-iframe .animTypeWriter');\r\n    animTypeWriterNodes.forEach(animTypeWriterNode => {\r\n        setInterval(()=>{\r\n            animTypeWriter(animTypeWriterNode);\r\n        }, 5000);\r\n    });\r\n    \r\n});\r\n\r\n"],"names":["window","addEventListener","splitLetters","node","duration","nodeHight","offsetHeight","content","innerHTML","letters","i","length","letter","document","createElement","className","charAt","style","setProperty","appendChild","push","height","querySelector","classList","contains","querySelectorAll","forEach","animWavyDropNode","animWavyRiseNode","animPopOutNode","animTypeWriterNode","setInterval","fullText","textContent","cursor","type","before","setTimeout","remove","animTypeWriter"],"sourceRoot":""}
     1{"version":3,"file":"js/editor/index.js","mappings":"AAAAA,OAAOC,iBAAiB,QAAQ,WAmD5B,SAASC,EAAaC,EAAMC,GACxB,IAAIC,EAAYF,EAAKG,aAEjBC,EAAUJ,EAAKK,UACnBL,EAAKK,UAAY,GAEjB,IADA,IAAIC,EAAU,GACLC,EAAI,EAAGA,EAAIH,EAAQI,OAAQD,IAAK,CACrC,IAAIE,EAASC,SAASC,cAAc,QACpCF,EAAOG,UAAY,YACnBH,EAAOJ,UAAiC,KAArBD,EAAQS,OAAON,GAAUH,EAAQS,OAAON,GAAG,SAC3DN,GACCQ,EAAOK,MAAMC,YAAYd,EAAUM,GACvCP,EAAKgB,YAAYP,GACjBH,EAAQW,KAAKR,EACjB,CAEAT,EAAKc,MAAMI,OAAShB,EAAY,IACpC,CAlEIQ,SAASS,cAAc,QAAQC,UAAUC,SAAS,iDAe1BX,SAASY,iBAAiB,kBAE5B,IAAIC,SAAQ,SAAAC,GAC9BzB,EAAayB,EAAkB,yBACnC,KAQwBd,SAASY,iBAAiB,kBAE5B,IAAIC,SAAQ,SAAAE,GAC9B1B,EAAa0B,EAAkB,yBACnC,KAQsBf,SAASY,iBAAiB,gBAE5B,IAAIC,SAAQ,SAAAG,GAC5B3B,EAAa2B,EAAgB,GACjC,IAgDsBhB,SAASY,iBAAiB,+DAChCC,SAAQ,SAAAI,GACxBC,aAAY,YAzBhB,SAAwB5B,GACpB,IAAM6B,EAAW7B,EAAK8B,YACtB9B,EAAK8B,YAAc,GAEnB,IAAIvB,EAAI,EACFwB,EAASrB,SAASC,cAAc,QACtCoB,EAAOD,YAAc,IACrBC,EAAOnB,UAAY,yBACnBZ,EAAKgB,YAAYe,GAEjB,SAASC,IACFzB,EAAIsB,EAASrB,QACZuB,EAAOE,OAAOJ,EAAStB,IACvBA,IACA2B,WAAWF,EAAM,MAEjBD,EAAOI,QAEf,CAEAH,EACJ,CAKQI,CAAeT,EACnB,GAAG,IACP,IAEJ","sources":["webpack://tantive-text-effects/./src/js/editor/index.js"],"sourcesContent":["window.addEventListener('load', () => {\r\n    \r\n    if(!document.querySelector('html').classList.contains('block-editor-block-preview__content-iframe')) {\r\n        return;\r\n    }\r\n\r\n    const animArray = [\r\n        '.animSquareSlideInFromLeft',\r\n        '.animWavyDrop',\r\n        '.animWavyRise',\r\n        '.animPopOut',\r\n        '.animTypeWriter',\r\n        '.animLineSwipe',\r\n    ];\r\n\r\n    function animWavyDrop() {\r\n\r\n        let animWavyDropNodes = document.querySelectorAll('.animWavyDrop');\r\n        \r\n        (animWavyDropNodes || []).forEach(animWavyDropNode => {\r\n            splitLetters(animWavyDropNode, '--animWavyDropDuration');\r\n        });\r\n             \r\n    }\r\n      \r\n    animWavyDrop();\r\n\r\n    function animWavyRise() {\r\n\r\n        let animWavyRiseNodes = document.querySelectorAll('.animWavyRise');\r\n        \r\n        (animWavyRiseNodes || []).forEach(animWavyRiseNode => {\r\n            splitLetters(animWavyRiseNode, '--animWavyRiseDuration');\r\n        });\r\n        \r\n    }\r\n\r\n    animWavyRise();\r\n\r\n    function animPopOut() {\r\n\t\r\n        let animPopOutNodes = document.querySelectorAll('.animPopOut');\r\n        \r\n        (animPopOutNodes || []).forEach(animPopOutNode => {\r\n            splitLetters(animPopOutNode, '');\r\n        });\r\n        \r\n    }    \r\n\r\n    animPopOut();\r\n\r\n    function splitLetters(node, duration) {\r\n        let nodeHight = node.offsetHeight;\r\n      \r\n        let content = node.innerHTML;\r\n        node.innerHTML = '';\r\n        let letters = [];\r\n        for (var i = 0; i < content.length; i++) {\r\n            let letter = document.createElement('span');\r\n            letter.className = 'tteLetter';\r\n            letter.innerHTML = content.charAt(i) != ' '?content.charAt(i):'&nbsp;';\r\n            if(duration)\r\n                letter.style.setProperty(duration, i);\r\n            node.appendChild(letter);\r\n            letters.push(letter);\r\n        }\r\n  \r\n        node.style.height = nodeHight + 'px';\r\n    }\r\n    \r\n    function animTypeWriter(node) {\r\n        const fullText = node.textContent;\r\n        node.textContent = '';\r\n\r\n        let i = 0;\r\n        const cursor = document.createElement('span');\r\n        cursor.textContent = '|';\r\n        cursor.className = 'animTypeWriter--cursor';\r\n        node.appendChild(cursor);\r\n\r\n        function type() {\r\n            if(i < fullText.length) {\r\n                cursor.before(fullText[i]);\r\n                i++\r\n                setTimeout(type, 200);\r\n            } else {\r\n                cursor.remove();\r\n            }\r\n        }\r\n\r\n        type();\r\n    }\r\n\r\n    let animTypeWriterNodes = document.querySelectorAll('.block-editor-block-preview__content-iframe .animTypeWriter');\r\n    animTypeWriterNodes.forEach(animTypeWriterNode => {\r\n        setInterval(()=>{\r\n            animTypeWriter(animTypeWriterNode);\r\n        }, 5000);\r\n    });\r\n    \r\n});\r\n\r\n"],"names":["window","addEventListener","splitLetters","node","duration","nodeHight","offsetHeight","content","innerHTML","letters","i","length","letter","document","createElement","className","charAt","style","setProperty","appendChild","push","height","querySelector","classList","contains","querySelectorAll","forEach","animWavyDropNode","animWavyRiseNode","animPopOutNode","animTypeWriterNode","setInterval","fullText","textContent","cursor","type","before","setTimeout","remove","animTypeWriter"],"sourceRoot":""}

  • tantive-text-effects/trunk/dist/js/menu/menu.js

    r3297780 r3302813  
    1 (()=>{"use strict";var t=function(){var t={};t.overall=e(),t.squareSlideInFromLeft=o(),t.popOut=n(),r(t)},e=function(){var t=document.querySelector(".overallSettings .defaultColor"),e={};return e.defaultColor=t.value,e},o=function(){var t=document.querySelector(".tteSettingsContents-squareSlideInFromLeft .squareColor"),e={};return e.rectangleColor=t.value,e},n=function(){var t=document.querySelector(".tteSettingsContents-PopOut .shadowColor"),e={};return e.shadowColor=t.value,e},r=function(t){wp.apiFetch({path:"tantive-text-effects/v1/save-settings",method:"POST",body:JSON.stringify(t)}).then((function(t){alert(t.message)})).catch((function(t){console.error("Error fetching settings:",t)}))};window.addEventListener("load",(function(){document.querySelectorAll(".tteSaveButton").forEach((function(e){e.addEventListener("click",t)}))}))})();
     1(()=>{"use strict";var e=function(){var e={};e.overall=t(),e.squareSlideInFromLeft=o(),e.popOut=r(),e.lineSwipe=n(),e.gateMark=a(),u(e)},t=function(){var e=document.querySelector(".overallSettings .defaultColor"),t={};return t.defaultColor=e.value,t},o=function(){var e=document.querySelector(".tteSettingsContents-squareSlideInFromLeft .squareColor"),t={};return t.rectangleColor=e.value,t},r=function(){var e=document.querySelector(".tteSettingsContents-PopOut .shadowColor"),t={};return t.shadowColor=e.value,t},n=function(){var e=document.querySelector(".tteSettingsContents-lineSwipe .lineSwipeBorderColor"),t={};return t.borderColor=e.value,t},a=function(){var e=document.querySelector(".tteSettingsContents-gateMark .gateMarkGateColor"),t={};return t.gateColor=e.value,t},u=function(e){wp.apiFetch({path:"tantive-text-effects/v1/save-settings",method:"POST",body:JSON.stringify(e)}).then((function(e){alert(e.message)})).catch((function(e){console.error("Error fetching settings:",e)}))};window.addEventListener("load",(function(){document.querySelectorAll(".tteSaveButton").forEach((function(t){t.addEventListener("click",e)}))}))})();
    22//# sourceMappingURL=menu.js.map

  • tantive-text-effects/trunk/dist/js/menu/menu.js.map

    r3297780 r3302813  
    1 {"version":3,"file":"js/menu/menu.js","mappings":"mBAEA,IASaA,EAAT,WACI,IAAIC,EAAW,CAAC,EAEhBA,EAAkB,QAAIC,IACtBD,EAAgC,sBAAIE,IACpCF,EAAiB,OAAIG,IAErBC,EAAcJ,EAClB,EAESC,EAAT,WACI,IAAMI,EAAsBC,SAASC,cAAc,kCAC/CC,EAAM,CAAC,EAIX,OAFAA,EAAkB,aAAIH,EAAoBI,MAEnCD,CACX,EAESN,EAAT,WACI,IAAMQ,EAAsCJ,SAASC,cAAc,2DAC/DC,EAAM,CAAC,EAIX,OAFAA,EAAoB,eAAIE,EAAoCD,MAErDD,CACX,EAESL,EAAT,WACI,IAAMQ,EAAoBL,SAASC,cAAc,4CAC7CC,EAAM,CAAC,EAIX,OAFAA,EAAiB,YAAIG,EAAkBF,MAEhCD,CACX,EAESJ,EAAT,SAAuBJ,GACnBY,GAAGC,SAAS,CACRC,KAAM,wCACNC,OAAQ,OACRC,KAAMC,KAAKC,UAAUlB,KAExBmB,MAAK,SAACC,GACHC,MAAMD,EAAkB,QAC5B,IAAE,OACK,SAACE,GACJC,QAAQD,MAAM,2BAA4BA,EAC9C,GACJ,EAzDAE,OAAOC,iBAAiB,QAAQ,WACJnB,SAASoB,iBAAiB,kBAClCC,SAAQ,SAAAC,GACpBA,EAAeH,iBAAiB,QAAS1B,EAC7C,GACJ,G","sources":["webpack://tantive-text-effects/./src/js/menu/menu.js"],"sourcesContent":["\"use strict\";\r\n\r\n{\r\n    window.addEventListener('load', () => {\r\n        const saveButtonNodes = document.querySelectorAll('.tteSaveButton');\r\n        saveButtonNodes.forEach(saveButtonNode => {\r\n            saveButtonNode.addEventListener('click', saveButtonClicked);\r\n        });\r\n    });\r\n\r\n    \r\n    function saveButtonClicked() {\r\n        let saveData = {};\r\n\r\n        saveData['overall'] = getOverallSettings();\r\n        saveData['squareSlideInFromLeft'] = getSquareSlideInFromLeftSettings();\r\n        saveData['popOut'] = getPopOutSettings();\r\n\r\n        fetchSaveData(saveData);\r\n    }\r\n\r\n    function getOverallSettings() {\r\n        const overallDefaultColor = document.querySelector('.overallSettings .defaultColor');\r\n        let rtn = {};\r\n        \r\n        rtn['defaultColor'] = overallDefaultColor.value;\r\n\r\n        return rtn;\r\n    }\r\n\r\n    function getSquareSlideInFromLeftSettings() {\r\n        const SquareSlideInFromLeftRectangleColor = document.querySelector('.tteSettingsContents-squareSlideInFromLeft .squareColor');\r\n        let rtn = {};\r\n\r\n        rtn['rectangleColor'] = SquareSlideInFromLeftRectangleColor.value;\r\n\r\n        return rtn;\r\n    }\r\n\r\n    function getPopOutSettings() {\r\n        const PopOutShadowColor = document.querySelector('.tteSettingsContents-PopOut .shadowColor');\r\n        let rtn = {};\r\n\r\n        rtn['shadowColor'] = PopOutShadowColor.value;\r\n\r\n        return rtn;\r\n    }\r\n\r\n    function fetchSaveData(saveData) {\r\n        wp.apiFetch({\r\n            path: 'tantive-text-effects/v1/save-settings',\r\n            method: 'POST',\r\n            body: JSON.stringify(saveData),\r\n        })\r\n        .then((response) => {\r\n            alert(response['message']);\r\n        })\r\n        .catch((error) => {\r\n            console.error('Error fetching settings:', error);\r\n        });\r\n    }\r\n}"],"names":["saveButtonClicked","saveData","getOverallSettings","getSquareSlideInFromLeftSettings","getPopOutSettings","fetchSaveData","overallDefaultColor","document","querySelector","rtn","value","SquareSlideInFromLeftRectangleColor","PopOutShadowColor","wp","apiFetch","path","method","body","JSON","stringify","then","response","alert","error","console","window","addEventListener","querySelectorAll","forEach","saveButtonNode"],"sourceRoot":""}
     1{"version":3,"file":"js/menu/menu.js","mappings":"mBAEA,IASaA,EAAT,WACI,IAAIC,EAAW,CAAC,EAEhBA,EAAkB,QAAIC,IACtBD,EAAgC,sBAAIE,IACpCF,EAAiB,OAAIG,IACrBH,EAAoB,UAAII,IACxBJ,EAAmB,SAAIK,IAEvBC,EAAcN,EAClB,EAESC,EAAT,WACI,IAAMM,EAAsBC,SAASC,cAAc,kCAC/CC,EAAM,CAAC,EAIX,OAFAA,EAAkB,aAAIH,EAAoBI,MAEnCD,CACX,EAESR,EAAT,WACI,IAAMU,EAAsCJ,SAASC,cAAc,2DAC/DC,EAAM,CAAC,EAIX,OAFAA,EAAoB,eAAIE,EAAoCD,MAErDD,CACX,EAESP,EAAT,WACI,IAAMU,EAAoBL,SAASC,cAAc,4CAC7CC,EAAM,CAAC,EAIX,OAFAA,EAAiB,YAAIG,EAAkBF,MAEhCD,CACX,EAESN,EAAT,WACI,IAAMU,EAAuBN,SAASC,cAAc,wDAChDC,EAAM,CAAC,EAIX,OAFAA,EAAiB,YAAII,EAAqBH,MAEnCD,CACX,EAESL,EAAT,WACI,IAAMU,EAAoBP,SAASC,cAAc,oDAC7CC,EAAM,CAAC,EAIX,OAFAA,EAAe,UAAIK,EAAkBJ,MAE9BD,CACX,EAESJ,EAAT,SAAuBN,GACnBgB,GAAGC,SAAS,CACRC,KAAM,wCACNC,OAAQ,OACRC,KAAMC,KAAKC,UAAUtB,KAExBuB,MAAK,SAACC,GACHC,MAAMD,EAAkB,QAC5B,IAAE,OACK,SAACE,GACJC,QAAQD,MAAM,2BAA4BA,EAC9C,GACJ,EA7EAE,OAAOC,iBAAiB,QAAQ,WACJrB,SAASsB,iBAAiB,kBAClCC,SAAQ,SAAAC,GACpBA,EAAeH,iBAAiB,QAAS9B,EAC7C,GACJ,G","sources":["webpack://tantive-text-effects/./src/js/menu/menu.js"],"sourcesContent":["\"use strict\";\r\n\r\n{\r\n    window.addEventListener('load', () => {\r\n        const saveButtonNodes = document.querySelectorAll('.tteSaveButton');\r\n        saveButtonNodes.forEach(saveButtonNode => {\r\n            saveButtonNode.addEventListener('click', saveButtonClicked);\r\n        });\r\n    });\r\n\r\n    \r\n    function saveButtonClicked() {\r\n        let saveData = {};\r\n\r\n        saveData['overall'] = getOverallSettings();\r\n        saveData['squareSlideInFromLeft'] = getSquareSlideInFromLeftSettings();\r\n        saveData['popOut'] = getPopOutSettings();\r\n        saveData['lineSwipe'] = getLineSwipeSettings();\r\n        saveData['gateMark'] = getGateMarkSettings();\r\n\r\n        fetchSaveData(saveData);\r\n    }\r\n\r\n    function getOverallSettings() {\r\n        const overallDefaultColor = document.querySelector('.overallSettings .defaultColor');\r\n        let rtn = {};\r\n        \r\n        rtn['defaultColor'] = overallDefaultColor.value;\r\n\r\n        return rtn;\r\n    }\r\n\r\n    function getSquareSlideInFromLeftSettings() {\r\n        const SquareSlideInFromLeftRectangleColor = document.querySelector('.tteSettingsContents-squareSlideInFromLeft .squareColor');\r\n        let rtn = {};\r\n\r\n        rtn['rectangleColor'] = SquareSlideInFromLeftRectangleColor.value;\r\n\r\n        return rtn;\r\n    }\r\n\r\n    function getPopOutSettings() {\r\n        const PopOutShadowColor = document.querySelector('.tteSettingsContents-PopOut .shadowColor');\r\n        let rtn = {};\r\n\r\n        rtn['shadowColor'] = PopOutShadowColor.value;\r\n\r\n        return rtn;\r\n    }\r\n\r\n    function getLineSwipeSettings() {\r\n        const lineSwipeBorderColor = document.querySelector('.tteSettingsContents-lineSwipe .lineSwipeBorderColor');\r\n        let rtn = {};\r\n\r\n        rtn['borderColor'] = lineSwipeBorderColor.value;\r\n\r\n        return rtn;\r\n    }\r\n\r\n    function getGateMarkSettings() {\r\n        const GateMarkGateColor = document.querySelector('.tteSettingsContents-gateMark .gateMarkGateColor');\r\n        let rtn = {};\r\n\r\n        rtn['gateColor'] = GateMarkGateColor.value;\r\n\r\n        return rtn;\r\n    }\r\n\r\n    function fetchSaveData(saveData) {\r\n        wp.apiFetch({\r\n            path: 'tantive-text-effects/v1/save-settings',\r\n            method: 'POST',\r\n            body: JSON.stringify(saveData),\r\n        })\r\n        .then((response) => {\r\n            alert(response['message']);\r\n        })\r\n        .catch((error) => {\r\n            console.error('Error fetching settings:', error);\r\n        });\r\n    }\r\n}"],"names":["saveButtonClicked","saveData","getOverallSettings","getSquareSlideInFromLeftSettings","getPopOutSettings","getLineSwipeSettings","getGateMarkSettings","fetchSaveData","overallDefaultColor","document","querySelector","rtn","value","SquareSlideInFromLeftRectangleColor","PopOutShadowColor","lineSwipeBorderColor","GateMarkGateColor","wp","apiFetch","path","method","body","JSON","stringify","then","response","alert","error","console","window","addEventListener","querySelectorAll","forEach","saveButtonNode"],"sourceRoot":""}

  • tantive-text-effects/trunk/dist/menu-style.css

    r3300067 r3302813  
    1 .ttef-usage-wrap{padding:1em}.ttef-section-toc{margin-top:2em}.ttef-toc{width:20em;padding-right:1em;padding-left:1em;border:1px solid #ccc}.ttef-toc h2{position:relative;text-align:center}.ttef-toc h2::before{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:50%;height:2px;background-color:#ccc}.ttef-section-basicUsage{margin-top:2em}.ttef-section-basicUsage--contents{padding-left:2em}.ttef-section-notice{margin-top:2em}.ttef-section-notice .hasDisplayFlex{display:flex;gap:2em;justify-content:flex-start;align-items:center}.ttef-section-notice .hasDisplayFlex .ttef-arrow{width:30px;height:30px;clip-path:polygon(0 0, 100% 50%, 0 200%);background-color:#ccc}.ttef-section-notice--contents{padding-left:2em}.ttef-section-catalogue{margin-top:2em}.ttef-section-catalogue--contents{padding-left:2em}.ttef-section-catalogue__container{display:grid;grid-template-columns:repeat(3, 200px);gap:1em}.ttef-section-catalogue__item{padding:1em;border:1px solid #ccc}.ttef-section-catalogue__playArea{margin-right:auto;margin-left:auto;padding:1em;height:75px;background-color:#fff}.animSquareSlideInFromLeft .animSquareSlideInFromLeft__Square{position:relative;width:fit-content;overflow:hidden}.animSquareSlideInFromLeft .animSquareSlideInFromLeft__Square::before{content:"";position:absolute;width:0;height:100%;background-color:red;top:0}.animSquareSlideInFromLeft .animSquareSlideInFromLeft__content{width:fit-content;transform:translateX(-100%)}.ttef-section-catalogue__playArea .animSquareSlideInFromLeft__Square::before{animation:animSquareSlideInFromLeft__square--before 2s infinite}.ttef-section-catalogue__playArea .animSquareSlideInFromLeft__content{animation:animSquareSlideInFromLeft__content 2s infinite}@keyframes animSquareSlideInFromLeft__square--before{0%{width:0;left:0;transform:translateX(0)}16%{width:100%;left:0;transform:translatX(0)}40%{width:100%;left:0;right:100%}50%{width:0;right:0;left:100%}100%{width:0;right:0;left:100%}}@keyframes animSquareSlideInFromLeft__content{0%{transform:translateX(-100%)}40%{transform:translateX(-100%)}50%{transform:translateX(0)}100%{transform:translateX(0)}}.animWavyDrop .tteLetter{display:inline-block;transform:translateY(-100%);opacity:0;animation-name:animWavyDrop;animation-duration:7.5s;animation-delay:calc(.1s*var(--animWavyDropDuration));animation-timing-function:cubic-bezier(0.42, 0, 0.33, 1);animation-iteration-count:infinite}@keyframes animWavyDrop{0%{opacity:0;transform:translateY(-100%)}5%{opacity:1;transform:translateY(30%)}10%{opacity:1;transform:translateY(0)}100%{opacity:1;transform:translateY(0)}}.animWavyRise .tteLetter{display:inline-block;transform:translateY(100%);opacity:0;animation-name:animWavyRise;animation-duration:7.5s;animation-delay:calc(.1s*var(--animWavyRiseDuration));animation-timing-function:cubic-bezier(0.42, 0, 0.33, 1);animation-iteration-count:infinite}@keyframes animWavyRise{0%{opacity:0;transform:translateY(100%)}5%{opacity:1;transform:translateY(-30%)}10%{opacity:1;transform:translateY(0)}100%{opacity:1;transform:translateY(0)}}.animPopOut .tteLetter{display:inline-block;margin-right:.25em;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:steps(1, end)}.animPopOut .tteLetter:nth-child(odd){animation-name:animPopOut-odd}.animPopOut .tteLetter:nth-child(even){animation-name:animPopOut-even}@keyframes animPopOut-odd{0%{transform:translate(0, 0)}25%{transform:translate(0.1em, -0.1em);text-shadow:-0.1em .1em red}75%{transform:translate(0, 0);text-shadow:0 0 red}100%{transform:translate(0, 0)}}@keyframes animPopOut-even{0%{transform:translate(0, 0)}50%{transform:translate(0.1em, -0.1em);text-shadow:-0.1em .1em red}100%{transform:translate(0, 0)}}.ttef-section-setttings{margin-top:2em}.ttef-section-setttings table,.ttef-section-setttings td,.ttef-section-setttings th{border-collapse:collapse;border:1px solid}.ttef-section-setttings td,.ttef-section-setttings th{padding:1em}.tteSettingBox{display:flex;padding-left:2em}.tteSettingsContents--title{margin-left:1em;margin-right:1em}.tteSettingsContents--content{display:flex;align-items:center}.tteSettingsContents--content .wp-color-result.button{margin:0}
     1.ttef-usage-wrap{padding:1em}.ttef-section-toc{margin-top:2em}.ttef-toc{width:20em;padding-right:1em;padding-left:1em;border:1px solid #ccc}.ttef-toc h2{position:relative;text-align:center}.ttef-toc h2::before{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:50%;height:2px;background-color:#ccc}.ttef-section-basicUsage{margin-top:2em}.ttef-section-basicUsage--contents{padding-left:2em}.ttef-section-notice{margin-top:2em}.ttef-section-notice .hasDisplayFlex{display:flex;gap:2em;justify-content:flex-start;align-items:center}.ttef-section-notice .hasDisplayFlex .ttef-arrow{width:30px;height:30px;clip-path:polygon(0 0, 100% 50%, 0 200%);background-color:#ccc}.ttef-section-notice--contents{padding-left:2em}.ttef-section-catalogue{margin-top:2em}.ttef-section-catalogue--contents{padding-left:2em}.ttef-section-catalogue__container{display:grid;grid-template-columns:repeat(3, 200px);gap:1em}.ttef-section-catalogue__item{padding:1em;border:1px solid #ccc}.ttef-section-catalogue__playArea{margin-right:auto;margin-left:auto;padding:1em;height:75px;background-color:#fff}.animSquareSlideInFromLeft .animSquareSlideInFromLeft__Square{position:relative;width:fit-content;overflow:hidden}.animSquareSlideInFromLeft .animSquareSlideInFromLeft__Square::before{content:"";position:absolute;width:0;height:100%;background-color:red;top:0}.animSquareSlideInFromLeft .animSquareSlideInFromLeft__content{width:fit-content;transform:translateX(-100%)}.ttef-section-catalogue__playArea .animSquareSlideInFromLeft__Square::before{animation:animSquareSlideInFromLeft__square--before 2s infinite}.ttef-section-catalogue__playArea .animSquareSlideInFromLeft__content{animation:animSquareSlideInFromLeft__content 2s infinite}@keyframes animSquareSlideInFromLeft__square--before{0%{width:0;left:0;transform:translateX(0)}16%{width:100%;left:0;transform:translatX(0)}40%{width:100%;left:0;right:100%}50%{width:0;right:0;left:100%}100%{width:0;right:0;left:100%}}@keyframes animSquareSlideInFromLeft__content{0%{transform:translateX(-100%)}40%{transform:translateX(-100%)}50%{transform:translateX(0)}100%{transform:translateX(0)}}.animWavyDrop .tteLetter{display:inline-block;transform:translateY(-100%);opacity:0;animation-name:animWavyDrop;animation-duration:7.5s;animation-delay:calc(.1s*var(--animWavyDropDuration));animation-timing-function:cubic-bezier(0.42, 0, 0.33, 1);animation-iteration-count:infinite}@keyframes animWavyDrop{0%{opacity:0;transform:translateY(-100%)}5%{opacity:1;transform:translateY(30%)}10%{opacity:1;transform:translateY(0)}100%{opacity:1;transform:translateY(0)}}.animWavyRise .tteLetter{display:inline-block;transform:translateY(100%);opacity:0;animation-name:animWavyRise;animation-duration:7.5s;animation-delay:calc(.1s*var(--animWavyRiseDuration));animation-timing-function:cubic-bezier(0.42, 0, 0.33, 1);animation-iteration-count:infinite}@keyframes animWavyRise{0%{opacity:0;transform:translateY(100%)}5%{opacity:1;transform:translateY(-30%)}10%{opacity:1;transform:translateY(0)}100%{opacity:1;transform:translateY(0)}}.animPopOut .tteLetter{display:inline-block;margin-right:.25em;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:steps(1, end)}.animPopOut .tteLetter:nth-child(odd){animation-name:animPopOut-odd}.animPopOut .tteLetter:nth-child(even){animation-name:animPopOut-even}@keyframes animPopOut-odd{0%{transform:translate(0, 0)}25%{transform:translate(0.1em, -0.1em);text-shadow:-0.1em .1em red}75%{transform:translate(0, 0);text-shadow:0 0 red}100%{transform:translate(0, 0)}}@keyframes animPopOut-even{0%{transform:translate(0, 0)}50%{transform:translate(0.1em, -0.1em);text-shadow:-0.1em .1em red}100%{transform:translate(0, 0)}}.ttef-section-setttings{margin-top:2em}.ttef-section-setttings table,.ttef-section-setttings td,.ttef-section-setttings th{border-collapse:collapse;border:1px solid}.ttef-section-setttings td,.ttef-section-setttings th{padding:1em}.tteSettingBox{display:flex;padding-left:2em}.tteSettingsContents--title{margin-left:1em;margin-right:1em}.tteSettingsContents--content{display:flex;align-items:center}.tteSettingsContents--content .wp-color-result.button{margin:0}.animLineSwipe{position:relative;width:fit-content}.animLineSwipe::before{content:"";position:absolute;width:4px;height:100%;top:0;left:0;background-color:red;animation:animLineSwipeBarSwipe 4.1s infinite}.animLineSwipe::after{content:"";position:absolute;width:4px;height:100%;top:0;left:0;background-color:red;opacity:0;animation:animLineSwipeBorder 4.1s ease-in-out infinite}.animLineSwipe p{position:relative;width:fit-content;margin:0;animation:animLineSwipeContents 4.1s cubic-bezier(0.77, 0, 0.175, 1) infinite}@keyframes animLineSwipeBarSwipe{0%{left:0;opacity:1}24.4%{left:100%;opacity:1}26.8%{left:100%;opacity:0}100%{left:0;opacity:0}}@keyframes animLineSwipeBarFadeOut{0%{opacity:1}100%{opacity:0}}@keyframes animLineSwipeBorder{0%{opacity:0}25%{opacity:0}75%{opacity:1}100%{opacity:1}}@keyframes animLineSwipeContents{0%{clip-path:polygon(0 0, 0 100%, 0 100%, 0 0)}2.4%{clip-path:polygon(0 0, 0 100%, 0 100%, 0 0)}26.8%{clip-path:polygon(0 0, 0 100%, 100% 100%, 100% 0)}100%{clip-path:polygon(0 0, 0 100%, 100% 100%, 100% 0)}}.animGateMark p{position:relative;width:fit-content;transform:scale(0);opacity:0;animation:animGateMarkContent 5s ease-in-out infinite}.animGateMark p::before,.animGateMark p::after{content:"";position:absolute;height:100%;width:4px;top:0;background-color:red;transform:scale(0, 1);animation:animGateMarkGate 5s ease-in-out infinite}.animGateMark p::before{left:0;transform-origin:0 50%}.animGateMark p::after{right:0;transform-origin:100% 50%}@keyframes animGateMarkContent{0%{transform:scale(0);opacity:0}20%{transform:scale(1);opacity:1}100%{transform:scale(1);opacity:1}}@keyframes animGateMarkGate{0%{transform:scale(0, 1)}20%{transform:scale(0, 1)}30%{transform:scale(1, 1)}100%{transform:scale(1, 1)}}
    22
    33/*# sourceMappingURL=menu-style.css.map*/

  • tantive-text-effects/trunk/dist/menu-style.css.map

    r3300067 r3302813  
    1 {"version":3,"file":"menu-style.css","mappings":"AAAA,iBACI,YAGJ,kBACI,eAGJ,UACI,WACA,kBACA,iBACA,sBAEA,aACI,kBACA,kBAEA,qBACI,WACA,kBACA,SACA,SACA,2BACA,UACA,WACA,sBAKZ,yBACI,eAGJ,mCACI,iBAGJ,qBACI,eAEA,qCACI,aACA,QACA,2BACA,mBAEA,iDACI,WACA,YACA,yCACA,sBAKZ,+BACI,iBAGJ,wBACI,eAGJ,kCACI,iBAGJ,mCACI,aACA,uCACA,QAGJ,8BACI,YACA,sBAGJ,kCACI,kBACA,iBACA,YACA,YACA,sBAIA,8DACI,kBACA,kBACA,gBAEA,sEACI,WACA,kBACA,QACA,YACA,qBACA,MAIR,+DACI,kBACA,4BAKA,6EACI,gEAGJ,sEACI,yDAIZ,qDACI,GACI,QACA,OACA,wBAEJ,IACI,WACA,OACA,uBAEJ,IACI,WACA,OACA,WAEJ,IACI,QACA,QACA,UAEJ,KACI,QACA,QACA,WAIR,8CACI,GACI,4BAEJ,IACI,4BAEJ,IACI,wBAEJ,KACI,yBAMJ,yBACI,qBACA,4BACA,UACA,4BACA,wBACA,sDACA,yDACA,mCAKR,wBACI,GACI,UACA,4BAEJ,GACI,UACA,0BAEJ,IACI,UACA,wBAEJ,KACI,UACA,yBAMJ,yBACI,qBACA,2BACA,UACA,4BACA,wBACA,sDACA,yDACA,mCAKR,wBACI,GACI,UACA,2BAEJ,GACI,UACA,2BAEJ,IACI,UACA,wBAEJ,KACI,UACA,yBAMP,uBACC,qBACA,mBACM,sBACA,mCACA,wCAEA,sCACI,8BAGJ,uCACI,+BAKZ,0BACC,GACI,0BAEF,IACE,mCACH,4BAED,IACC,0BACA,oBAEC,KACE,2BAIL,2BACC,GACI,0BAEF,IACE,mCACH,4BAEC,KACK,2BAIR,wBACI,eAEA,oFACI,yBACA,iBAGJ,sDACI,YAIR,eACI,aACA,iBAGJ,4BACI,gBACA,iBAGJ,8BACI,aACA,mBAEA,sDACI,S","sources":["webpack://tantive-text-effects/./src/css/menu-style.scss"],"sourcesContent":[".ttef-usage-wrap {\r\n    padding: 1em;\r\n}\r\n\r\n.ttef-section-toc {\r\n    margin-top: 2em;\r\n}\r\n\r\n.ttef-toc {\r\n    width: 20em;\r\n    padding-right: 1em;\r\n    padding-left: 1em;\r\n    border: 1px solid #ccc;\r\n\r\n    h2 {\r\n        position: relative;\r\n        text-align: center;\r\n\r\n        &::before {\r\n            content: \"\";\r\n            position: absolute;\r\n            bottom: 0;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            width: 50%;\r\n            height: 2px;\r\n            background-color: #ccc;\r\n        }\r\n    }\r\n}\r\n\r\n.ttef-section-basicUsage {\r\n    margin-top: 2em;\r\n}\r\n\r\n.ttef-section-basicUsage--contents {\r\n    padding-left: 2em;\r\n}\r\n\r\n.ttef-section-notice {\r\n    margin-top: 2em;\r\n\r\n    .hasDisplayFlex {\r\n        display: flex;\r\n        gap: 2em;\r\n        justify-content: flex-start;\r\n        align-items: center;\r\n\r\n        .ttef-arrow {\r\n            width: 30px;\r\n            height: 30px;\r\n            clip-path: polygon(0 0, 100% 50%, 0 200%);\r\n            background-color: #ccc;\r\n        }\r\n    }\r\n}\r\n\r\n.ttef-section-notice--contents {\r\n    padding-left: 2em;\r\n}\r\n\r\n.ttef-section-catalogue {\r\n    margin-top: 2em;\r\n}\r\n\r\n.ttef-section-catalogue--contents {\r\n    padding-left: 2em;\r\n}\r\n\r\n.ttef-section-catalogue__container {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 200px);\r\n    gap: 1em;\r\n}\r\n\r\n.ttef-section-catalogue__item {\r\n    padding: 1em;\r\n    border: 1px solid #ccc;\r\n}\r\n\r\n.ttef-section-catalogue__playArea {\r\n    margin-right: auto;\r\n    margin-left: auto;\r\n    padding: 1em;\r\n    height: 75px;\r\n    background-color: white;\r\n}\r\n\r\n.animSquareSlideInFromLeft {\r\n    .animSquareSlideInFromLeft__Square {\r\n        position: relative;\r\n        width: fit-content;\r\n        overflow: hidden;\r\n        \r\n        &::before {\r\n            content: \"\";\r\n            position: absolute;\r\n            width: 0;\r\n            height: 100%;\r\n            background-color: red;\r\n            top: 0;\r\n        }\r\n    }\r\n\r\n    .animSquareSlideInFromLeft__content {\r\n        width: fit-content;\r\n        transform: translateX(-100%);\r\n    }\r\n}\r\n\r\n.ttef-section-catalogue__playArea {\r\n        .animSquareSlideInFromLeft__Square::before {\r\n            animation: animSquareSlideInFromLeft__square--before 2s infinite;\r\n        }\r\n\r\n        .animSquareSlideInFromLeft__content {\r\n            animation: animSquareSlideInFromLeft__content 2s infinite;\r\n        }\r\n}\r\n\r\n@keyframes animSquareSlideInFromLeft__square--before {\r\n    0% {\r\n        width: 0;\r\n        left: 0;\r\n        transform: translateX(0);\r\n    }\r\n    16% {\r\n        width: 100%;\r\n        left: 0;\r\n        transform: translatX(0);\r\n    }\r\n    40% {\r\n        width: 100%;\r\n        left: 0;\r\n        right: 100%;\r\n    }\r\n    50% {\r\n        width: 0;\r\n        right: 0;\r\n        left: 100%;\r\n    }\r\n    100% {\r\n        width: 0;\r\n        right: 0;\r\n        left: 100%;\r\n    }\r\n}\r\n\r\n@keyframes animSquareSlideInFromLeft__content {\r\n    0% {\r\n        transform: translateX(-100%);\r\n    }\r\n    40% {\r\n        transform: translateX(-100%);\r\n    }\r\n    50% {\r\n        transform: translateX(0);\r\n    }\r\n    100% {\r\n        transform: translateX(0);\r\n    }\r\n}\r\n\r\n.animWavyDrop {\r\n\r\n    .tteLetter {\r\n        display: inline-block;\r\n        transform: translateY(-100%);\r\n        opacity: 0;\r\n        animation-name: animWavyDrop;\r\n        animation-duration: 7.5s;\r\n        animation-delay: calc(0.1s * var(--animWavyDropDuration));\r\n        animation-timing-function:cubic-bezier(.42,0,.33,1);\r\n        animation-iteration-count: infinite;\r\n    }\r\n    \r\n}\r\n  \r\n@keyframes animWavyDrop {\r\n    0% {\r\n        opacity: 0;\r\n        transform: translateY(-100%);\r\n    }\r\n    5% {\r\n        opacity: 1;\r\n        transform: translateY(30%);\r\n    }\r\n    10% {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n    100% {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n}\r\n\r\n.animWavyRise {\r\n\r\n    .tteLetter {\r\n        display: inline-block;\r\n        transform: translateY(100%);\r\n        opacity: 0;\r\n        animation-name: animWavyRise;\r\n        animation-duration: 7.5s;\r\n        animation-delay: calc(0.1s * var(--animWavyRiseDuration));\r\n        animation-timing-function:cubic-bezier(.42,0,.33,1);\r\n        animation-iteration-count: infinite;\r\n    }\r\n    \r\n}\r\n  \r\n@keyframes animWavyRise {\r\n    0% {\r\n        opacity: 0;\r\n        transform: translateY(100%);\r\n    }\r\n    5% {\r\n        opacity: 1;\r\n        transform: translateY(-30%);\r\n    }\r\n    10% {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n    100% {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n}\r\n\r\n.animPopOut {\r\n\t\r\n\t.tteLetter {\r\n\t\tdisplay: inline-block;\r\n\t\tmargin-right: 0.25em;\r\n        animation-duration: 2s;\r\n        animation-iteration-count: infinite;\r\n        animation-timing-function: steps(1, end);\r\n\r\n        &:nth-child(odd) {\r\n            animation-name: animPopOut-odd;\r\n        }\r\n    \r\n        &:nth-child(even) {\r\n            animation-name: animPopOut-even;\r\n        }\r\n\t}\r\n}\r\n\r\n@keyframes animPopOut-odd {\r\n\t0% {\r\n    \ttransform: translate(0, 0);\r\n  \t}\r\n  \t25% {\r\n    \ttransform: translate(0.1em, -0.1em);\r\n\t\ttext-shadow: -0.1em 0.1em red;\r\n  \t}\r\n\t75% {\r\n\t\ttransform: translate(0, 0);\r\n\t\ttext-shadow: 0 0  red;\r\n\t}\r\n  \t100% {\r\n    \ttransform: translate(0, 0);\r\n  \t}\r\n}\r\n\r\n@keyframes animPopOut-even {\r\n\t0% {\r\n    \ttransform: translate(0, 0);\r\n  \t}\r\n  \t50% {\r\n    \ttransform: translate(0.1em, -0.1em);\r\n\t\ttext-shadow: -0.1em 0.1em red;\r\n  \t}\r\n  \t100% {\r\n        transform: translate(0, 0);\r\n  \t}\r\n}\r\n\r\n.ttef-section-setttings {\r\n    margin-top: 2em;\r\n\r\n    table, td, th {\r\n        border-collapse: collapse;\r\n        border: 1px solid;\r\n    }\r\n\r\n    td, th {\r\n        padding: 1em;\r\n    }\r\n}\r\n\r\n.tteSettingBox {\r\n    display: flex;\r\n    padding-left: 2em;\r\n}\r\n\r\n.tteSettingsContents--title {\r\n    margin-left: 1em;\r\n    margin-right: 1em;\r\n}\r\n\r\n.tteSettingsContents--content {\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    .wp-color-result.button {\r\n        margin: 0;\r\n    }\r\n}\r\n"],"names":[],"sourceRoot":""}
     1{"version":3,"file":"menu-style.css","mappings":"AAAA,iBACI,YAGJ,kBACI,eAGJ,UACI,WACA,kBACA,iBACA,sBAEA,aACI,kBACA,kBAEA,qBACI,WACA,kBACA,SACA,SACA,2BACA,UACA,WACA,sBAKZ,yBACI,eAGJ,mCACI,iBAGJ,qBACI,eAEA,qCACI,aACA,QACA,2BACA,mBAEA,iDACI,WACA,YACA,yCACA,sBAKZ,+BACI,iBAGJ,wBACI,eAGJ,kCACI,iBAGJ,mCACI,aACA,uCACA,QAGJ,8BACI,YACA,sBAGJ,kCACI,kBACA,iBACA,YACA,YACA,sBAIA,8DACI,kBACA,kBACA,gBAEA,sEACI,WACA,kBACA,QACA,YACA,qBACA,MAIR,+DACI,kBACA,4BAKA,6EACI,gEAGJ,sEACI,yDAIZ,qDACI,GACI,QACA,OACA,wBAEJ,IACI,WACA,OACA,uBAEJ,IACI,WACA,OACA,WAEJ,IACI,QACA,QACA,UAEJ,KACI,QACA,QACA,WAIR,8CACI,GACI,4BAEJ,IACI,4BAEJ,IACI,wBAEJ,KACI,yBAMJ,yBACI,qBACA,4BACA,UACA,4BACA,wBACA,sDACA,yDACA,mCAKR,wBACI,GACI,UACA,4BAEJ,GACI,UACA,0BAEJ,IACI,UACA,wBAEJ,KACI,UACA,yBAMJ,yBACI,qBACA,2BACA,UACA,4BACA,wBACA,sDACA,yDACA,mCAKR,wBACI,GACI,UACA,2BAEJ,GACI,UACA,2BAEJ,IACI,UACA,wBAEJ,KACI,UACA,yBAMP,uBACC,qBACA,mBACM,sBACA,mCACA,wCAEA,sCACI,8BAGJ,uCACI,+BAKZ,0BACC,GACI,0BAEF,IACE,mCACH,4BAED,IACC,0BACA,oBAEC,KACE,2BAIL,2BACC,GACI,0BAEF,IACE,mCACH,4BAEC,KACK,2BAIR,wBACI,eAEA,oFACI,yBACA,iBAGJ,sDACI,YAIR,eACI,aACA,iBAGJ,4BACI,gBACA,iBAGJ,8BACI,aACA,mBAEA,sDACI,SAIR,eACC,kBACA,kBAEA,uBACC,WACA,kBACA,UACA,YACA,MACA,OACA,qBACA,6CACU,CAGX,sBACC,WACA,kBACA,UACA,YACA,MACA,OACA,qBACA,UACA,wDAGD,iBACC,kBACA,kBACA,SACA,8EAIF,iCACI,GACI,OACA,UAEJ,MACI,UACA,UAEJ,MACI,UACA,UAEJ,KACI,OACA,WAGR,mCACC,GACC,UAED,KACC,WAIF,+BACI,GACI,UAEJ,IACI,UAEJ,IACI,UAEP,KACC,WAIF,iCACE,GACE,4CAEF,KACE,4CAEF,MACE,kDAEF,KACE,mDAKA,gBACI,kBACA,kBACA,mBACA,UACA,sDAEA,+CAEI,WACA,kBACA,YACA,UACA,MACA,qBACA,sBACA,mDAGJ,wBACI,OACA,uBAGJ,uBACI,QACA,0BAKR,+BACI,GACI,mBACA,UAEJ,IACI,mBACA,UAEJ,KACI,mBACA,WAIR,4BACI,GACI,sBAEJ,IACI,sBAEJ,IACI,sBAEJ,KACI,uB","sources":["webpack://tantive-text-effects/./src/css/menu-style.scss"],"sourcesContent":[".ttef-usage-wrap {\r\n    padding: 1em;\r\n}\r\n\r\n.ttef-section-toc {\r\n    margin-top: 2em;\r\n}\r\n\r\n.ttef-toc {\r\n    width: 20em;\r\n    padding-right: 1em;\r\n    padding-left: 1em;\r\n    border: 1px solid #ccc;\r\n\r\n    h2 {\r\n        position: relative;\r\n        text-align: center;\r\n\r\n        &::before {\r\n            content: \"\";\r\n            position: absolute;\r\n            bottom: 0;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            width: 50%;\r\n            height: 2px;\r\n            background-color: #ccc;\r\n        }\r\n    }\r\n}\r\n\r\n.ttef-section-basicUsage {\r\n    margin-top: 2em;\r\n}\r\n\r\n.ttef-section-basicUsage--contents {\r\n    padding-left: 2em;\r\n}\r\n\r\n.ttef-section-notice {\r\n    margin-top: 2em;\r\n\r\n    .hasDisplayFlex {\r\n        display: flex;\r\n        gap: 2em;\r\n        justify-content: flex-start;\r\n        align-items: center;\r\n\r\n        .ttef-arrow {\r\n            width: 30px;\r\n            height: 30px;\r\n            clip-path: polygon(0 0, 100% 50%, 0 200%);\r\n            background-color: #ccc;\r\n        }\r\n    }\r\n}\r\n\r\n.ttef-section-notice--contents {\r\n    padding-left: 2em;\r\n}\r\n\r\n.ttef-section-catalogue {\r\n    margin-top: 2em;\r\n}\r\n\r\n.ttef-section-catalogue--contents {\r\n    padding-left: 2em;\r\n}\r\n\r\n.ttef-section-catalogue__container {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 200px);\r\n    gap: 1em;\r\n}\r\n\r\n.ttef-section-catalogue__item {\r\n    padding: 1em;\r\n    border: 1px solid #ccc;\r\n}\r\n\r\n.ttef-section-catalogue__playArea {\r\n    margin-right: auto;\r\n    margin-left: auto;\r\n    padding: 1em;\r\n    height: 75px;\r\n    background-color: white;\r\n}\r\n\r\n.animSquareSlideInFromLeft {\r\n    .animSquareSlideInFromLeft__Square {\r\n        position: relative;\r\n        width: fit-content;\r\n        overflow: hidden;\r\n        \r\n        &::before {\r\n            content: \"\";\r\n            position: absolute;\r\n            width: 0;\r\n            height: 100%;\r\n            background-color: red;\r\n            top: 0;\r\n        }\r\n    }\r\n\r\n    .animSquareSlideInFromLeft__content {\r\n        width: fit-content;\r\n        transform: translateX(-100%);\r\n    }\r\n}\r\n\r\n.ttef-section-catalogue__playArea {\r\n        .animSquareSlideInFromLeft__Square::before {\r\n            animation: animSquareSlideInFromLeft__square--before 2s infinite;\r\n        }\r\n\r\n        .animSquareSlideInFromLeft__content {\r\n            animation: animSquareSlideInFromLeft__content 2s infinite;\r\n        }\r\n}\r\n\r\n@keyframes animSquareSlideInFromLeft__square--before {\r\n    0% {\r\n        width: 0;\r\n        left: 0;\r\n        transform: translateX(0);\r\n    }\r\n    16% {\r\n        width: 100%;\r\n        left: 0;\r\n        transform: translatX(0);\r\n    }\r\n    40% {\r\n        width: 100%;\r\n        left: 0;\r\n        right: 100%;\r\n    }\r\n    50% {\r\n        width: 0;\r\n        right: 0;\r\n        left: 100%;\r\n    }\r\n    100% {\r\n        width: 0;\r\n        right: 0;\r\n        left: 100%;\r\n    }\r\n}\r\n\r\n@keyframes animSquareSlideInFromLeft__content {\r\n    0% {\r\n        transform: translateX(-100%);\r\n    }\r\n    40% {\r\n        transform: translateX(-100%);\r\n    }\r\n    50% {\r\n        transform: translateX(0);\r\n    }\r\n    100% {\r\n        transform: translateX(0);\r\n    }\r\n}\r\n\r\n.animWavyDrop {\r\n\r\n    .tteLetter {\r\n        display: inline-block;\r\n        transform: translateY(-100%);\r\n        opacity: 0;\r\n        animation-name: animWavyDrop;\r\n        animation-duration: 7.5s;\r\n        animation-delay: calc(0.1s * var(--animWavyDropDuration));\r\n        animation-timing-function:cubic-bezier(.42,0,.33,1);\r\n        animation-iteration-count: infinite;\r\n    }\r\n    \r\n}\r\n  \r\n@keyframes animWavyDrop {\r\n    0% {\r\n        opacity: 0;\r\n        transform: translateY(-100%);\r\n    }\r\n    5% {\r\n        opacity: 1;\r\n        transform: translateY(30%);\r\n    }\r\n    10% {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n    100% {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n}\r\n\r\n.animWavyRise {\r\n\r\n    .tteLetter {\r\n        display: inline-block;\r\n        transform: translateY(100%);\r\n        opacity: 0;\r\n        animation-name: animWavyRise;\r\n        animation-duration: 7.5s;\r\n        animation-delay: calc(0.1s * var(--animWavyRiseDuration));\r\n        animation-timing-function:cubic-bezier(.42,0,.33,1);\r\n        animation-iteration-count: infinite;\r\n    }\r\n    \r\n}\r\n  \r\n@keyframes animWavyRise {\r\n    0% {\r\n        opacity: 0;\r\n        transform: translateY(100%);\r\n    }\r\n    5% {\r\n        opacity: 1;\r\n        transform: translateY(-30%);\r\n    }\r\n    10% {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n    100% {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n}\r\n\r\n.animPopOut {\r\n\t\r\n\t.tteLetter {\r\n\t\tdisplay: inline-block;\r\n\t\tmargin-right: 0.25em;\r\n        animation-duration: 2s;\r\n        animation-iteration-count: infinite;\r\n        animation-timing-function: steps(1, end);\r\n\r\n        &:nth-child(odd) {\r\n            animation-name: animPopOut-odd;\r\n        }\r\n    \r\n        &:nth-child(even) {\r\n            animation-name: animPopOut-even;\r\n        }\r\n\t}\r\n}\r\n\r\n@keyframes animPopOut-odd {\r\n\t0% {\r\n    \ttransform: translate(0, 0);\r\n  \t}\r\n  \t25% {\r\n    \ttransform: translate(0.1em, -0.1em);\r\n\t\ttext-shadow: -0.1em 0.1em red;\r\n  \t}\r\n\t75% {\r\n\t\ttransform: translate(0, 0);\r\n\t\ttext-shadow: 0 0  red;\r\n\t}\r\n  \t100% {\r\n    \ttransform: translate(0, 0);\r\n  \t}\r\n}\r\n\r\n@keyframes animPopOut-even {\r\n\t0% {\r\n    \ttransform: translate(0, 0);\r\n  \t}\r\n  \t50% {\r\n    \ttransform: translate(0.1em, -0.1em);\r\n\t\ttext-shadow: -0.1em 0.1em red;\r\n  \t}\r\n  \t100% {\r\n        transform: translate(0, 0);\r\n  \t}\r\n}\r\n\r\n.ttef-section-setttings {\r\n    margin-top: 2em;\r\n\r\n    table, td, th {\r\n        border-collapse: collapse;\r\n        border: 1px solid;\r\n    }\r\n\r\n    td, th {\r\n        padding: 1em;\r\n    }\r\n}\r\n\r\n.tteSettingBox {\r\n    display: flex;\r\n    padding-left: 2em;\r\n}\r\n\r\n.tteSettingsContents--title {\r\n    margin-left: 1em;\r\n    margin-right: 1em;\r\n}\r\n\r\n.tteSettingsContents--content {\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    .wp-color-result.button {\r\n        margin: 0;\r\n    }\r\n}\r\n\r\n.animLineSwipe {\r\n\tposition: relative;\r\n\twidth: fit-content;\r\n\t\r\n\t&::before {\r\n\t\tcontent:\"\";\r\n\t\tposition: absolute;\r\n\t\twidth: 4px;\r\n\t\theight: 100%;\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\tbackground-color: red;\r\n\t\tanimation:\r\n            animLineSwipeBarSwipe 4.1s infinite;\r\n\t}\r\n\t\r\n\t&::after {\r\n\t\tcontent: \"\";\r\n\t\tposition: absolute;\r\n\t\twidth: 4px;\r\n\t\theight: 100%;\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\tbackground-color: red;\r\n\t\topacity: 0;\r\n\t\tanimation: animLineSwipeBorder 4.1s ease-in-out infinite;\r\n\t}\r\n\t\r\n\tp {\r\n\t\tposition: relative;\r\n\t\twidth: fit-content;\r\n\t\tmargin: 0;\r\n\t\tanimation: animLineSwipeContents 4.1s cubic-bezier(0.77, 0, 0.175, 1) infinite;\r\n\t}\r\n}\r\n\r\n@keyframes animLineSwipeBarSwipe {\r\n    0% {\r\n        left: 0;\r\n        opacity: 1;\r\n    }\r\n    24.4% {\r\n        left: 100%;\r\n        opacity: 1;\r\n    }\r\n    26.8% {\r\n        left: 100%;\r\n        opacity: 0;\r\n    }\r\n    100% {\r\n        left: 0;\r\n        opacity: 0;\r\n}}\r\n\r\n@keyframes animLineSwipeBarFadeOut {\r\n\t0% {\r\n\t\topacity: 1;\r\n\t}\r\n\t100% {\r\n\t\topacity: 0;\r\n\t}\r\n}\r\n\r\n@keyframes animLineSwipeBorder{\r\n    0% {\r\n        opacity: 0;\r\n    }\r\n    25% {\r\n        opacity: 0;\r\n    }\r\n    75% {\r\n        opacity: 1;\r\n    }\r\n\t100% {\r\n\t\topacity: 1;\r\n\t}\r\n}\r\n\r\n@keyframes animLineSwipeContents {\r\n  0% {\r\n    clip-path: polygon(0 0, 0 100%, 0 100%, 0 0);\r\n  }\r\n  2.4% {\r\n    clip-path: polygon(0 0, 0 100%, 0 100%, 0 0);\r\n  }\r\n  26.8% {\r\n    clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0);\r\n  }\r\n  100% {\r\n    clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0);\r\n  }\r\n}\r\n\r\n.animGateMark {\r\n    p {\r\n        position: relative;\r\n        width: fit-content;\r\n        transform: scale(0);\r\n        opacity:0;\r\n        animation: animGateMarkContent 5s ease-in-out infinite;\r\n\r\n        &::before,\r\n        &::after {\r\n            content: \"\";\r\n            position: absolute;\r\n            height: 100%;\r\n            width: 4px;\r\n            top: 0;\r\n            background-color: red;\r\n            transform: scale(0, 1);\r\n            animation: animGateMarkGate 5s ease-in-out infinite;\r\n        }\r\n        \r\n        &::before {\r\n            left: 0;\r\n            transform-origin: 0 50%;\r\n        }\r\n        \r\n        &::after {\r\n            right: 0;\r\n            transform-origin: 100% 50%;\r\n        }\r\n\r\n    }\r\n\r\n    @keyframes animGateMarkContent {\r\n        0% {\r\n            transform: scale(0);\r\n            opacity: 0;\r\n        }\r\n        20% {\r\n            transform: scale(1);\r\n            opacity: 1;\r\n        }\r\n        100% {\r\n            transform: scale(1);\r\n            opacity: 1;\r\n        }\r\n    }\r\n\r\n    @keyframes animGateMarkGate {\r\n        0% {\r\n            transform: scale(0,1);\r\n        }\r\n        20% {\r\n            transform: scale(0,1);\r\n        }\r\n        30% {\r\n            transform: scale(1,1);\r\n        }\r\n        100% {\r\n            transform: scale(1,1);\r\n        }\r\n    }\r\n}"],"names":[],"sourceRoot":""}

  • tantive-text-effects/trunk/dist/style.css

    r3297780 r3302813  
    1 .animSquareSlideInFromLeft .animSquareSlideInFromLeft__Square{position:relative;overflow:hidden}.animSquareSlideInFromLeft .animSquareSlideInFromLeft__Square::before{content:"";position:absolute;width:0;height:100%;background-color:var(--tte-squareSlideInFromLeftRectangleColor, var(--tte-overallDefaultColor));top:0}.animSquareSlideInFromLeft .animSquareSlideInFromLeft__content{transform:translateX(-100%)}.animSquareSlideInFromLeft.visible .animSquareSlideInFromLeft__Square::before{animation:animSquareSlideInFromLeft__square--before 1s forwards}.animSquareSlideInFromLeft.visible .animSquareSlideInFromLeft__content{animation:animSquareSlideInFromLeft__content .2s .8s forwards}@keyframes animSquareSlideInFromLeft__square--before{0%{width:0;left:0;transform:translateX(0)}30%{width:100%;left:0;transform:translateX(0)}80%{width:100%;left:0;right:100%}100%{width:0;right:0;left:100%}}@keyframes animSquareSlideInFromLeft__content{0%{transform:translateX(-100%)}100%{transform:translateX(0)}}.animWavyDrop .tteLetter{display:inline-block;transform:translateY(-100%);opacity:0}.animWavyDrop.visible .tteLetter{animation-name:animWavyDrop;animation-duration:.75s;animation-delay:calc(.1s*var(--animWavyDropDuration));animation-timing-function:cubic-bezier(0.42, 0, 0.33, 1);animation-fill-mode:forwards;transform:translateY(0)}@keyframes animWavyDrop{0%{opacity:0;transform:translateY(-100%)}50%{opacity:1;transform:translateY(30%)}100%{opacity:1;transform:translateY(0)}}.animWavyRise .tteLetter{display:inline-block;transform:translateY(-100%);opacity:0}.animWavyRise.visible .tteLetter{animation-name:animWavyRise;animation-duration:.75s;animation-delay:calc(.1s*var(--animWavyRiseDuration));animation-timing-function:cubic-bezier(0.42, 0, 0.33, 1);animation-fill-mode:forwards;transform:translateY(0)}@keyframes animWavyRise{0%{opacity:0;transform:translateY(100%)}50%{opacity:1;transform:translateY(-30%)}100%{opacity:1;transform:translateY(0)}}.animPopOut .tteLetter{display:inline-block;margin-right:.25em}.animPopOut.visible .tteLetter{animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:steps(1, end)}.animPopOut.visible .tteLetter:nth-child(odd){animation-name:animPopOut-odd}.animPopOut.visible .tteLetter:nth-child(even){animation-name:animPopOut-even}@keyframes animPopOut-odd{0%{transform:translate(0, 0)}25%{transform:translate(0.1em, -0.1em);text-shadow:-0.1em .1em var(--tte-popOutShadowColor, var(--tte-overallDefaultColor))}75%{transform:translate(0, 0);text-shadow:0 0 var(--tte-popOutShadowColor, var(--tte-overallDefaultColor))}100%{transform:translate(0, 0)}}@keyframes animPopOut-even{0%{transform:translate(0, 0)}50%{transform:translate(0.1em, -0.1em);text-shadow:-0.1em .1em var(--tte-popOutShadowColor, var(--tte-overallDefaultColor))}100%{transform:translate(0, 0)}}
     1.animSquareSlideInFromLeft .animSquareSlideInFromLeft__Square{position:relative;overflow:hidden}.animSquareSlideInFromLeft .animSquareSlideInFromLeft__Square::before{content:"";position:absolute;width:0;height:100%;background-color:var(--tte-squareSlideInFromLeftRectangleColor, var(--tte-overallDefaultColor));top:0}.animSquareSlideInFromLeft .animSquareSlideInFromLeft__content{transform:translateX(-100%)}.animSquareSlideInFromLeft.visible .animSquareSlideInFromLeft__Square::before{animation:animSquareSlideInFromLeft__square--before 1s forwards}.animSquareSlideInFromLeft.visible .animSquareSlideInFromLeft__content{animation:animSquareSlideInFromLeft__content .2s .8s forwards}@keyframes animSquareSlideInFromLeft__square--before{0%{width:0;left:0;transform:translateX(0)}30%{width:100%;left:0;transform:translateX(0)}80%{width:100%;left:0;right:100%}100%{width:0;right:0;left:100%}}@keyframes animSquareSlideInFromLeft__content{0%{transform:translateX(-100%)}100%{transform:translateX(0)}}.animWavyDrop .tteLetter{display:inline-block;transform:translateY(-100%);opacity:0}.animWavyDrop.visible .tteLetter{animation-name:animWavyDrop;animation-duration:.75s;animation-delay:calc(.1s*var(--animWavyDropDuration));animation-timing-function:cubic-bezier(0.42, 0, 0.33, 1);animation-fill-mode:forwards;transform:translateY(0)}@keyframes animWavyDrop{0%{opacity:0;transform:translateY(-100%)}50%{opacity:1;transform:translateY(30%)}100%{opacity:1;transform:translateY(0)}}.animWavyRise .tteLetter{display:inline-block;transform:translateY(-100%);opacity:0}.animWavyRise.visible .tteLetter{animation-name:animWavyRise;animation-duration:.75s;animation-delay:calc(.1s*var(--animWavyRiseDuration));animation-timing-function:cubic-bezier(0.42, 0, 0.33, 1);animation-fill-mode:forwards;transform:translateY(0)}@keyframes animWavyRise{0%{opacity:0;transform:translateY(100%)}50%{opacity:1;transform:translateY(-30%)}100%{opacity:1;transform:translateY(0)}}.animPopOut.visible .tteLetter{display:inline-block;margin-right:.25em}.animPopOut.visible.visible .tteLetter{animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:steps(1, end)}.animPopOut.visible.visible .tteLetter:nth-child(odd){animation-name:animPopOut-odd}.animPopOut.visible.visible .tteLetter:nth-child(even){animation-name:animPopOut-even}@keyframes animPopOut-odd{0%{transform:translate(0, 0)}25%{transform:translate(0.1em, -0.1em);text-shadow:-0.1em .1em var(--tte-popOutShadowColor, var(--tte-overallDefaultColor))}75%{transform:translate(0, 0);text-shadow:0 0 var(--tte-popOutShadowColor, var(--tte-overallDefaultColor))}100%{transform:translate(0, 0)}}@keyframes animPopOut-even{0%{transform:translate(0, 0)}50%{transform:translate(0.1em, -0.1em);text-shadow:-0.1em .1em var(--tte-popOutShadowColor, var(--tte-overallDefaultColor))}100%{transform:translate(0, 0)}}.animLineSwipe.visible{position:relative;width:fit-content}.animLineSwipe.visible::before{content:"";position:absolute;width:4px;height:100%;top:0;left:0;background-color:var(--tte-lineSwipeBorderColor);animation:animLineSwipeBarSwipe 1s cubic-bezier(0.77, 0, 0.175, 1) forwards,animLineSwipeBarFadeOut .1s ease-in-out forwards;animation-delay:0s,1s}.animLineSwipe.visible::after{content:"";position:absolute;width:4px;height:100%;top:0;left:0;background-color:var(--tte-lineSwipeBorderColor);opacity:0;animation:animLineSwipeBorder 2s 1s ease-in-out forwards}.animLineSwipe.visible p{position:relative;width:fit-content;margin:0;animation:animLineSwipeContents 1s .1s cubic-bezier(0.77, 0, 0.175, 1) forwards}@keyframes animLineSwipeBarSwipe{0%{left:0}100%{left:100%}}@keyframes animLineSwipeBarFadeOut{0%{opacity:1}100%{opacity:0}}@keyframes animLineSwipeBorder{to{opacity:1}}@keyframes animLineSwipeContents{0%{clip-path:polygon(0 0, 0 100%, 0 100%, 0 0)}100%{clip-path:polygon(0 0, 0 100%, 100% 100%, 100% 0)}}.animGateMark.visible p{position:relative;width:fit-content;transform:scale(0);opacity:0;animation:animGateMarkContent 1s ease-in-out forwards}.animGateMark.visible p::before,.animGateMark.visible p::after{content:"";position:absolute;height:100%;width:4px;top:0;background-color:var(--tte-gateMarkLineColor);transform:scale(0, 1);animation:animGateMarkGate .5s 1s ease-in-out forwards}.animGateMark.visible p::before{left:0;transform-origin:0 50%}.animGateMark.visible p::after{right:0;transform-origin:100% 50%}@keyframes animGateMarkContent{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes animGateMarkGate{to{transform:scale(1, 1)}}
    22
    33/*# sourceMappingURL=style.css.map*/

  • tantive-text-effects/trunk/dist/style.css.map

    r3297780 r3302813  
    1 {"version":3,"file":"style.css","mappings":"AACI,8DACI,kBACA,gBAEA,sEACI,WACA,kBACA,QACA,YACA,gGACA,MAIR,+DACI,4BAIA,8EACI,gEAGJ,uEACI,8DAKZ,qDACI,GACI,QACA,OACA,wBAEJ,IACI,WACA,OACA,wBAEJ,IACI,WACA,OACA,WAEJ,KACI,QACA,QACA,WAIR,8CACI,GACI,4BAEJ,KACI,yBAMJ,yBACI,qBACA,4BACA,UAIA,iCACI,4BACA,wBACA,sDACA,yDACA,6BACA,wBAKZ,wBACI,GACI,UACA,4BAEJ,IACI,UACA,0BAEJ,KACI,UACA,yBAMJ,yBACE,qBACA,4BACA,UAIA,iCACE,4BACA,wBACA,sDACA,yDACA,6BACA,wBAKR,wBACI,GACI,UACA,2BAEJ,IACI,UACA,2BAEJ,KACI,UACA,yBAMP,uBACC,qBACA,mBAIA,+BACC,sBACA,mCACA,wCAES,8CACI,8BAGJ,+CACI,+BAMhB,0BACC,GACI,0BAEF,IACE,mCACH,qFAED,IACC,0BACA,6EAEC,KACE,2BAIL,2BACC,GACI,0BAEF,IACE,mCACH,qFAEC,KACK,2B","sources":["webpack://tantive-text-effects/./src/css/style.scss"],"sourcesContent":[".animSquareSlideInFromLeft {\r\n    .animSquareSlideInFromLeft__Square {\r\n        position: relative;\r\n        overflow: hidden;\r\n        \r\n        &::before {\r\n            content: \"\";\r\n            position: absolute;\r\n            width: 0;\r\n            height: 100%;\r\n            background-color: var(--tte-squareSlideInFromLeftRectangleColor, var(--tte-overallDefaultColor));\r\n            top: 0;\r\n        }\r\n    }\r\n\r\n    .animSquareSlideInFromLeft__content {\r\n        transform: translateX(-100%);\r\n    }\r\n        \r\n    &.visible {\r\n        & .animSquareSlideInFromLeft__Square::before {\r\n            animation: animSquareSlideInFromLeft__square--before 1s forwards;\r\n        }\r\n\r\n        & .animSquareSlideInFromLeft__content {\r\n            animation: animSquareSlideInFromLeft__content 0.2s 0.8s forwards;\r\n        }\r\n    }\r\n}\r\n\r\n@keyframes animSquareSlideInFromLeft__square--before {\r\n    0% {\r\n        width: 0;\r\n        left: 0;\r\n        transform: translateX(0);\r\n    }\r\n    30% {\r\n        width: 100%;\r\n        left: 0;\r\n        transform: translateX(0);\r\n    }\r\n    80% {\r\n        width: 100%;\r\n        left: 0;\r\n        right: 100%;\r\n    }\r\n    100% {\r\n        width: 0;\r\n        right: 0;\r\n        left: 100%;\r\n    }\r\n}\r\n\r\n@keyframes animSquareSlideInFromLeft__content {\r\n    0% {\r\n        transform: translateX(-100%);\r\n    }\r\n    100% {\r\n        transform: translateX(0);\r\n    }\r\n}\r\n\r\n.animWavyDrop {\r\n\r\n    .tteLetter {\r\n        display: inline-block;\r\n        transform: translateY(-100%);\r\n        opacity: 0;\r\n    }\r\n    \r\n    &.visible {\r\n        .tteLetter { \r\n            animation-name: animWavyDrop;\r\n            animation-duration: 0.75s;\r\n            animation-delay: calc(0.1s * var(--animWavyDropDuration));\r\n            animation-timing-function:cubic-bezier(.42,0,.33,1);\r\n            animation-fill-mode: forwards;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n}\r\n  \r\n@keyframes animWavyDrop {\r\n    0% {\r\n        opacity: 0;\r\n        transform: translateY(-100%);\r\n    }\r\n    50% {\r\n        opacity: 1;\r\n        transform: translateY(30%);\r\n    }\r\n    100% {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n}\r\n\r\n.animWavyRise {\r\n\r\n    .tteLetter {\r\n      display: inline-block;\r\n      transform: translateY(-100%);\r\n      opacity: 0;\r\n    }\r\n    \r\n    &.visible {\r\n      .tteLetter { \r\n        animation-name: animWavyRise;\r\n        animation-duration: 0.75s;\r\n        animation-delay: calc(0.1s * var(--animWavyRiseDuration));\r\n        animation-timing-function:cubic-bezier(.42,0,.33,1);\r\n        animation-fill-mode: forwards;\r\n        transform: translateY(0);\r\n      }\r\n    }\r\n}\r\n  \r\n@keyframes animWavyRise {\r\n    0% {\r\n        opacity: 0;\r\n        transform: translateY(100%);\r\n    }\r\n    50% {\r\n        opacity: 1;\r\n        transform: translateY(-30%);\r\n    }\r\n    100% {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n}\r\n\r\n.animPopOut {\r\n\t\r\n\t.tteLetter {\r\n\t\tdisplay: inline-block;\r\n\t\tmargin-right: 0.25em;\r\n\t}\r\n\t\r\n\t&.visible {\r\n\t\t.tteLetter {\r\n\t\t\tanimation-duration: 2s;\r\n\t\t\tanimation-iteration-count: infinite;\r\n\t\t\tanimation-timing-function: steps(1, end);\r\n\r\n            &:nth-child(odd) {\r\n                animation-name: animPopOut-odd;\r\n            }\r\n\r\n            &:nth-child(even) {\r\n                animation-name: animPopOut-even;\r\n            }\r\n\t\t}\t\t\r\n\t}\r\n}\r\n\r\n@keyframes animPopOut-odd {\r\n\t0% {\r\n    \ttransform: translate(0, 0);\r\n  \t}\r\n  \t25% {\r\n    \ttransform: translate(0.1em, -0.1em);\r\n\t\ttext-shadow: -0.1em 0.1em var(--tte-popOutShadowColor, var(--tte-overallDefaultColor));\r\n  \t}\r\n\t75% {\r\n\t\ttransform: translate(0, 0);\r\n\t\ttext-shadow: 0 0  var(--tte-popOutShadowColor, var(--tte-overallDefaultColor));\r\n\t}\r\n  \t100% {\r\n    \ttransform: translate(0, 0);\r\n  \t}\r\n}\r\n\r\n@keyframes animPopOut-even {\r\n\t0% {\r\n    \ttransform: translate(0, 0);\r\n  \t}\r\n  \t50% {\r\n    \ttransform: translate(0.1em, -0.1em);\r\n\t\ttext-shadow: -0.1em 0.1em var(--tte-popOutShadowColor, var(--tte-overallDefaultColor));\r\n  \t}\r\n  \t100% {\r\n        transform: translate(0, 0);\r\n  \t}\r\n}\r\n\r\n"],"names":[],"sourceRoot":""}
     1{"version":3,"file":"style.css","mappings":"AACI,8DACI,kBACA,gBAEA,sEACI,WACA,kBACA,QACA,YACA,gGACA,MAIR,+DACI,4BAIA,8EACI,gEAGJ,uEACI,8DAKZ,qDACI,GACI,QACA,OACA,wBAEJ,IACI,WACA,OACA,wBAEJ,IACI,WACA,OACA,WAEJ,KACI,QACA,QACA,WAIR,8CACI,GACI,4BAEJ,KACI,yBAMJ,yBACI,qBACA,4BACA,UAIA,iCACI,4BACA,wBACA,sDACA,yDACA,6BACA,wBAKZ,wBACI,GACI,UACA,4BAEJ,IACI,UACA,0BAEJ,KACI,UACA,yBAMJ,yBACE,qBACA,4BACA,UAIA,iCACE,4BACA,wBACA,sDACA,yDACA,6BACA,wBAKR,wBACI,GACI,UACA,2BAEJ,IACI,UACA,2BAEJ,KACI,UACA,yBAMP,+BACC,qBACA,mBAIA,uCACC,sBACA,mCACA,wCAES,sDACI,8BAGJ,uDACI,+BAMhB,0BACC,GACI,0BAEF,IACE,mCACH,qFAED,IACC,0BACA,6EAEC,KACE,2BAIL,2BACC,GACI,0BAEF,IACE,mCACH,qFAEC,KACK,2BAIR,uBACC,kBACA,kBAEA,+BACC,WACA,kBACA,UACA,YACA,MACA,OACA,iDACA,4HACC,CAED,sBAGD,8BACC,WACA,kBACA,UACA,YACA,MACA,OACA,iDACA,UACA,yDAGD,yBACC,kBACA,kBACA,SACA,gFAIF,iCACC,GACC,OAED,KACC,WAIF,mCACC,GACC,UAED,KACC,WAIF,+BACC,GACC,WAIF,iCACC,GACC,4CAED,KACC,mDAKE,wBACI,kBACA,kBACA,mBACA,UACA,sDAEA,+DAEI,WACA,kBACA,YACA,UACA,MACA,8CACA,sBACA,uDAGJ,gCACI,OACA,uBAGJ,+BACI,QACA,0BAKR,+BACI,GACI,mBACA,UAEJ,GACI,mBACA,WAIR,4BACI,GACI,uB","sources":["webpack://tantive-text-effects/./src/css/style.scss"],"sourcesContent":[".animSquareSlideInFromLeft {\r\n    .animSquareSlideInFromLeft__Square {\r\n        position: relative;\r\n        overflow: hidden;\r\n        \r\n        &::before {\r\n            content: \"\";\r\n            position: absolute;\r\n            width: 0;\r\n            height: 100%;\r\n            background-color: var(--tte-squareSlideInFromLeftRectangleColor, var(--tte-overallDefaultColor));\r\n            top: 0;\r\n        }\r\n    }\r\n\r\n    .animSquareSlideInFromLeft__content {\r\n        transform: translateX(-100%);\r\n    }\r\n        \r\n    &.visible {\r\n        & .animSquareSlideInFromLeft__Square::before {\r\n            animation: animSquareSlideInFromLeft__square--before 1s forwards;\r\n        }\r\n\r\n        & .animSquareSlideInFromLeft__content {\r\n            animation: animSquareSlideInFromLeft__content 0.2s 0.8s forwards;\r\n        }\r\n    }\r\n}\r\n\r\n@keyframes animSquareSlideInFromLeft__square--before {\r\n    0% {\r\n        width: 0;\r\n        left: 0;\r\n        transform: translateX(0);\r\n    }\r\n    30% {\r\n        width: 100%;\r\n        left: 0;\r\n        transform: translateX(0);\r\n    }\r\n    80% {\r\n        width: 100%;\r\n        left: 0;\r\n        right: 100%;\r\n    }\r\n    100% {\r\n        width: 0;\r\n        right: 0;\r\n        left: 100%;\r\n    }\r\n}\r\n\r\n@keyframes animSquareSlideInFromLeft__content {\r\n    0% {\r\n        transform: translateX(-100%);\r\n    }\r\n    100% {\r\n        transform: translateX(0);\r\n    }\r\n}\r\n\r\n.animWavyDrop {\r\n\r\n    .tteLetter {\r\n        display: inline-block;\r\n        transform: translateY(-100%);\r\n        opacity: 0;\r\n    }\r\n    \r\n    &.visible {\r\n        .tteLetter { \r\n            animation-name: animWavyDrop;\r\n            animation-duration: 0.75s;\r\n            animation-delay: calc(0.1s * var(--animWavyDropDuration));\r\n            animation-timing-function:cubic-bezier(.42,0,.33,1);\r\n            animation-fill-mode: forwards;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n}\r\n  \r\n@keyframes animWavyDrop {\r\n    0% {\r\n        opacity: 0;\r\n        transform: translateY(-100%);\r\n    }\r\n    50% {\r\n        opacity: 1;\r\n        transform: translateY(30%);\r\n    }\r\n    100% {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n}\r\n\r\n.animWavyRise {\r\n\r\n    .tteLetter {\r\n      display: inline-block;\r\n      transform: translateY(-100%);\r\n      opacity: 0;\r\n    }\r\n    \r\n    &.visible {\r\n      .tteLetter { \r\n        animation-name: animWavyRise;\r\n        animation-duration: 0.75s;\r\n        animation-delay: calc(0.1s * var(--animWavyRiseDuration));\r\n        animation-timing-function:cubic-bezier(.42,0,.33,1);\r\n        animation-fill-mode: forwards;\r\n        transform: translateY(0);\r\n      }\r\n    }\r\n}\r\n  \r\n@keyframes animWavyRise {\r\n    0% {\r\n        opacity: 0;\r\n        transform: translateY(100%);\r\n    }\r\n    50% {\r\n        opacity: 1;\r\n        transform: translateY(-30%);\r\n    }\r\n    100% {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n}\r\n\r\n.animPopOut.visible {\r\n\t\r\n\t.tteLetter {\r\n\t\tdisplay: inline-block;\r\n\t\tmargin-right: 0.25em;\r\n\t}\r\n\t\r\n\t&.visible {\r\n\t\t.tteLetter {\r\n\t\t\tanimation-duration: 2s;\r\n\t\t\tanimation-iteration-count: infinite;\r\n\t\t\tanimation-timing-function: steps(1, end);\r\n\r\n            &:nth-child(odd) {\r\n                animation-name: animPopOut-odd;\r\n            }\r\n\r\n            &:nth-child(even) {\r\n                animation-name: animPopOut-even;\r\n            }\r\n\t\t}\t\t\r\n\t}\r\n}\r\n\r\n@keyframes animPopOut-odd {\r\n\t0% {\r\n    \ttransform: translate(0, 0);\r\n  \t}\r\n  \t25% {\r\n    \ttransform: translate(0.1em, -0.1em);\r\n\t\ttext-shadow: -0.1em 0.1em var(--tte-popOutShadowColor, var(--tte-overallDefaultColor));\r\n  \t}\r\n\t75% {\r\n\t\ttransform: translate(0, 0);\r\n\t\ttext-shadow: 0 0  var(--tte-popOutShadowColor, var(--tte-overallDefaultColor));\r\n\t}\r\n  \t100% {\r\n    \ttransform: translate(0, 0);\r\n  \t}\r\n}\r\n\r\n@keyframes animPopOut-even {\r\n\t0% {\r\n    \ttransform: translate(0, 0);\r\n  \t}\r\n  \t50% {\r\n    \ttransform: translate(0.1em, -0.1em);\r\n\t\ttext-shadow: -0.1em 0.1em var(--tte-popOutShadowColor, var(--tte-overallDefaultColor));\r\n  \t}\r\n  \t100% {\r\n        transform: translate(0, 0);\r\n  \t}\r\n}\r\n\r\n.animLineSwipe.visible {\r\n\tposition: relative;\r\n\twidth: fit-content;\r\n\t\r\n\t&::before {\r\n\t\tcontent:\"\";\r\n\t\tposition: absolute;\r\n\t\twidth: 4px;\r\n\t\theight: 100%;\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\tbackground-color: var(--tte-lineSwipeBorderColor);\r\n\t\tanimation:\r\n\t\t\tanimLineSwipeBarSwipe 1s cubic-bezier(0.77, 0, 0.175, 1) forwards,\r\n\t\t\tanimLineSwipeBarFadeOut 0.1s ease-in-out forwards;\r\n\t\tanimation-delay: 0s, 1s;\r\n\t}\r\n\t\r\n\t&::after {\r\n\t\tcontent: \"\";\r\n\t\tposition: absolute;\r\n\t\twidth: 4px;\r\n\t\theight: 100%;\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\tbackground-color: var(--tte-lineSwipeBorderColor);\r\n\t\topacity: 0;\r\n\t\tanimation: animLineSwipeBorder 2s 1s ease-in-out forwards;\r\n\t}\r\n\t\r\n\tp {\r\n\t\tposition: relative;\r\n\t\twidth: fit-content;\r\n\t\tmargin: 0;\r\n\t\tanimation: animLineSwipeContents 1s 0.1s cubic-bezier(0.77, 0, 0.175, 1) forwards;\r\n\t}\r\n}\r\n\r\n@keyframes animLineSwipeBarSwipe {\r\n\t0% {\r\n\t\tleft: 0;\r\n\t}\r\n\t100% {\r\n\t\tleft: 100%;\r\n\t}\r\n}\r\n\r\n@keyframes animLineSwipeBarFadeOut {\r\n\t0% {\r\n\t\topacity: 1;\r\n\t}\r\n\t100% {\r\n\t\topacity: 0;\r\n\t}\r\n}\r\n\r\n@keyframes animLineSwipeBorder{\r\n\tto {\r\n\t\topacity: 1;\r\n\t}\r\n}\r\n\r\n@keyframes animLineSwipeContents {\r\n\t0% {\r\n\t\tclip-path: polygon(0 0, 0 100%, 0 100%, 0 0);\r\n\t}\r\n\t100% {\r\n\t\tclip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0);\r\n\t}\t\r\n}\r\n\r\n.animGateMark.visible {\r\n    p {\r\n        position: relative;\r\n        width: fit-content;\r\n        transform: scale(0);\r\n        opacity:0;\r\n        animation: animGateMarkContent 1s ease-in-out forwards;\r\n\r\n        &::before,\r\n        &::after {\r\n            content: \"\";\r\n            position: absolute;\r\n            height: 100%;\r\n            width: 4px;\r\n            top: 0;\r\n            background-color: var(--tte-gateMarkLineColor);\r\n            transform: scale(0, 1);\r\n            animation: animGateMarkGate 0.5s 1s ease-in-out forwards;\r\n        }\r\n        \r\n        &::before {\r\n            left: 0;\r\n            transform-origin: 0 50%;\r\n        }\r\n        \r\n        &::after {\r\n            right: 0;\r\n            transform-origin: 100% 50%;\r\n        }\r\n\r\n    }\r\n\r\n    @keyframes animGateMarkContent {\r\n        0% {\r\n            transform: scale(0);\r\n            opacity: 0;\r\n        }\r\n        to {\r\n            transform: scale(1);\r\n            opacity: 1;\r\n        }\r\n    }\r\n\r\n    @keyframes animGateMarkGate {\r\n        to {\r\n            transform: scale(1,1);\r\n        }\r\n    }\r\n}"],"names":[],"sourceRoot":""}

  • tantive-text-effects/trunk/lib/menu/admin_menu.php

    r3300067 r3302813  
    7878    $template_files = [
    7979        'menu-square-slide-in-from-left.php',
    80         'menu-pop-out.php'
     80        'menu-pop-out.php',
     81        'menu-line-swipe.php',
     82        'menu-gate-mark.php',
    8183    ];
    8284
    … …  
    135137    }
    136138
     139    if( isset( $data->lineSwipe->borderColor ) ) {
     140
     141        $border_color = ttef_sanitize_color( $data->lineSwipe->borderColor );
     142        update_option( 'tantive_text_effects_line_swipe_border_color', $border_color != null ? $border_color : "#dd9933" );
     143
     144    }
     145
     146    if( isset( $data->gateMark->gateColor ) ) {
     147
     148        $gate_color = ttef_sanitize_color( $data->gateMark->gateColor );
     149        update_option( 'tantive_text_effects_gate_mark_gate_color', $gate_color != null ? $gate_color : "#dd9933" );
     150
     151    }
     152
    137153    $rtn = rest_ensure_response ( [
    138154        'success' => true,

  • tantive-text-effects/trunk/lib/menu/usage.php

    r3300067 r3302813  
    7676                'The actual animation plays only once and does not repeat.',
    7777                'There are no configurable items in the settings menu.',
     78            ],
     79        ],
     80        [
     81            'template' => 'line-swipe.php',
     82            'title' => 'LineSwipe',
     83            'jp' => [
     84                'コンテンツの一部に修飾を付けても基本的に崩れません',
     85                '実際のアニメ表示は繰り返さず1回だけです',
     86                '設定画面で縦線の色を設定できます',
     87            ],
     88            'en_US' => [
     89                'Applying decorations to part of the content generally does not break the layout.',
     90                'The actual animation plays only once and does not repeat.',
     91                'You can set the line color in the settings menu.',
     92            ],
     93        ],
     94        [
     95            'template' => 'gate-mark.php',
     96            'title' => 'GateMark',
     97            'jp' => [
     98                'コンテンツの一部に修飾を付けても基本的に崩れません',
     99                '実際のアニメ表示は繰り返さず1回だけです',
     100                '設定画面でゲートの色を設定できます',
     101            ],
     102            'en_US' => [
     103                'Applying decorations to part of the content generally does not break the layout.',
     104                'The actual animation plays only once and does not repeat.',
     105                'You can set the gate color in the settings menu.',
    78106            ],
    79107        ],
    … …  
    257285                        <td><p><?php echo esc_html( $current_locale == 'ja' ? 'すべてのPopOutの影色に反映されます' : 'The shadow color will be applied to all PopOut effects.'  ) ?></p></td>
    258286                    </tr>
     287                    <tr>
     288                        <th><p><?php echo esc_html( $current_locale == 'ja' ? 'Line swipe（ラインスワイプ設定）' : 'LineSwipe settings' ) ?></p></th>
     289                        <td><p><?php echo esc_html( $current_locale == 'ja' ? '縦線色' : 'Color of line' ) ?></p></td>
     290                        <td><p><?php echo esc_html( $current_locale == 'ja' ? 'すべてのLineSwipeの縦線色に反映されます' : 'The line color will be applied to all LineSwipe effects.'  ) ?></p></td>
     291                    </tr>
     292                    <tr>
     293                        <th><p><?php echo esc_html( $current_locale == 'ja' ? 'gate mark（ゲートマーク設定）' : 'GateMark Settings' ) ?></p></th>
     294                        <td><p><?php echo esc_html( $current_locale == 'ja' ? 'ゲート色' : 'Color of gate' ) ?></p></td>
     295                        <td><p><?php echo esc_html( $current_locale == 'ja' ? 'すべてのGateMarkのゲート色に反映されます' : 'The gate color will be applied to all GateMark effects.'  ) ?></p></td>
     296                    </tr>
    259297                </table>
    260298            </div>

  • tantive-text-effects/trunk/readme.txt

    r3300067 r3302813  
    66Requires at least: 6.8
    77Requires PHP:      8.2
    8 Stable tag:        1.0.3
     8Stable tag:        1.0.4
    99License:           GPL-2.0-or-later
    1010License URI:       https://www.gnu.org/licenses/gpl-2.0.html
    … …  
    4646== Changelog ==
    4747
     48= 1.0.4 =
     49* Added two new block patterns
    4850= 1.0.3 =
    4951* Add usage instructions to the settings menu.

  • tantive-text-effects/trunk/tantive-text-effects.php

    r3300067 r3302813  
    66 * Requires at least: 6.8
    77 * Requires PHP:      8.2
    8  * Version:           1.0.3
     8 * Version:           1.0.4
    99 * Author:            Junichi Takanashi
    1010 * License:           GPL-2.0-or-later
    … …  
    2929    delete_option( 'tantive_text_effects_square_slide_in_from_left_rectangle_color' );
    3030    delete_option( 'tantive_text_effects_pop_out_shadow_color' );
     31    delete_option( 'tantive_text_effects_line_swipe_border_color' );
     32    delete_option( 'tantive_text_effects_gate_mark_gate_color' );
     33    delete_option( 'tantive_text_effects_gate_mark_gate_color' );
    3134
    3235}
    … …  
    8184                'categories' => ['tte'],
    8285                'filePath' => TANTIVE_TEXT_EFFECTS_DIR . '/assets/pattern/type-writer.md',
     86            ]
     87        ],
     88        [
     89            'title' => TANTIVE_TEXT_EFFECTS_PATTERN_NAME_SPACE . '/' . 'line-swipe',
     90            'pattern' => [
     91                'title' => 'LineSwipe',
     92                'description' => 'As a vertical line moves from left to right, the content follows by sliding in from the left.',
     93                'categories' => ['tte'],
     94                'filePath' => TANTIVE_TEXT_EFFECTS_DIR . '/assets/pattern/line-swipe.md',
     95            ]
     96        ],
     97        [
     98            'title' => TANTIVE_TEXT_EFFECTS_PATTERN_NAME_SPACE . '/' . 'gate-mark',
     99            'pattern' => [
     100                'title' => 'GateMark',
     101                'description' => 'Vertical lines expand like a gate from both sides, revealing the content.',
     102                'categories' => ['tte'],
     103                'filePath' => TANTIVE_TEXT_EFFECTS_DIR . '/assets/pattern/gate-mark.md',
    83104            ]
    84105        ],
    … …  
    118139    $tte_shadow_color = get_option( 'tantive_text_effects_pop_out_shadow_color' );
    119140    $tte_shadow_color = $tte_shadow_color ? $tte_shadow_color : $tte_over_all_default_color;
     141    $tte_line_swipe_border_color = get_option( 'tantive_text_effects_line_swipe_border_color' );
     142    $tte_line_swipe_border_color = $tte_line_swipe_border_color ? $tte_line_swipe_border_color : $tte_over_all_default_color;
     143    $tte_gate_mark_gate_color = get_option( 'tantive_text_effects_gate_mark_gate_color' );
     144    $tte_gate_mark_gate_color = $tte_gate_mark_gate_color ? $tte_gate_mark_gate_color : $tte_over_all_default_color;
    120145
    121146    $internal_style = esc_html(
    … …  
    125150            --tte-squareSlideInFromLeftRectangleColor: ' . $tte_rectangle_color . ';
    126151            --tte-popOutShadowColor:' . $tte_shadow_color . ';
    127         }
     152            --tte-lineSwipeBorderColor:' . $tte_line_swipe_border_color . ';
     153            --tte-gateMarkLineColor:' . $tte_gate_mark_gate_color . ';
     154        }   
    128155        '
    129156    );
Note: See TracChangeset for help on using the changeset viewer.