@hortonstudio/main 1.9.11 → 1.9.20
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.prettierrc +8 -0
- package/README.md +146 -0
- package/eslint.config.js +32 -0
- package/index.ts +275 -0
- package/package.json +19 -2
- package/public/bootstrap.js +16 -0
- package/src/animations/animations.ts +93 -0
- package/src/animations/functions/counter/counter.ts +137 -0
- package/src/config.json +570 -0
- package/src/config.ts +105 -0
- package/src/modules/default/README.md +167 -0
- package/src/modules/default/default.ts +71 -0
- package/{autoInit → src/modules/default/functions}/accessibility/README.md +44 -12
- package/src/modules/default/functions/accessibility/accessibility.ts +54 -0
- package/src/modules/default/functions/accordion/README.md +451 -0
- package/src/modules/default/functions/accordion/accordion.ts +189 -0
- package/src/modules/default/functions/comparison/comparison.ts +424 -0
- package/src/modules/default/functions/marquee/marquee.ts +206 -0
- package/src/modules/default/functions/navbar/README.md +393 -0
- package/src/modules/default/functions/navbar/functions/arrow-navigation/arrow-navigation.ts +183 -0
- package/src/modules/default/functions/navbar/functions/dropdown/dropdown.ts +313 -0
- package/src/modules/default/functions/navbar/functions/menu/menu.ts +315 -0
- package/src/modules/default/functions/navbar/navbar.ts +51 -0
- package/{autoInit → src/modules/default/functions}/smooth-scroll/README.md +45 -14
- package/{autoInit/smooth-scroll/smooth-scroll.js → src/modules/default/functions/smooth-scroll/smooth-scroll.ts} +33 -38
- package/{autoInit → src/modules/default/functions}/transition/README.md +59 -32
- package/src/modules/default/functions/transition/transition.ts +290 -0
- package/src/modules/normalize/README.md +172 -0
- package/src/modules/normalize/functions/clickable/README.md +84 -0
- package/src/modules/normalize/functions/clickable/clickable.ts +43 -0
- package/src/modules/normalize/functions/clickable/functions/normalize/README.md +213 -0
- package/src/modules/normalize/functions/clickable/functions/normalize/normalize.ts +68 -0
- package/src/modules/normalize/functions/dupe/README.md +405 -0
- package/src/modules/normalize/functions/dupe/dupe.ts +197 -0
- package/src/modules/normalize/functions/sync/sync.ts +378 -0
- package/src/modules/normalize/normalize.ts +58 -0
- package/src/modules/structure/README.md +190 -0
- package/src/modules/structure/functions/form/README.md +94 -0
- package/src/modules/structure/functions/form/form.ts +54 -0
- package/src/modules/structure/functions/form/functions/honeypot/README.md +77 -0
- package/src/modules/structure/functions/form/functions/honeypot/honeypot.ts +37 -0
- package/src/modules/structure/functions/form/functions/range/README.md +410 -0
- package/src/modules/structure/functions/form/functions/range/range.ts +92 -0
- package/src/modules/structure/functions/form/functions/select/README.md +393 -0
- package/src/modules/structure/functions/form/functions/select/functions/custom-select/custom-select.ts +637 -0
- package/src/modules/structure/functions/form/functions/select/functions/states/states.ts +118 -0
- package/src/modules/structure/functions/form/functions/select/select.ts +48 -0
- package/src/modules/structure/functions/form/functions/test/test.ts +132 -0
- package/{autoInit/accessibility → src/modules/structure}/functions/pagination/README.md +147 -72
- package/{autoInit/accessibility/functions/pagination/pagination.js → src/modules/structure/functions/pagination/pagination.ts} +98 -50
- package/{autoInit → src/modules/structure/functions}/site-settings/README.md +57 -27
- package/{autoInit/site-settings/site-settings.js → src/modules/structure/functions/site-settings/site-settings.ts} +36 -32
- package/{autoInit/accessibility → src/modules/structure}/functions/toc/README.md +18 -15
- package/{autoInit/accessibility/functions/toc/toc.js → src/modules/structure/functions/toc/functions/heading-links/heading-links.ts} +43 -63
- package/src/modules/structure/functions/toc/functions/progress-bar/progress-bar.ts +101 -0
- package/src/modules/structure/functions/toc/toc.ts +35 -0
- package/{autoInit/accessibility → src/modules/structure}/functions/year-replacement/README.md +7 -6
- package/src/modules/structure/functions/year-replacement/year-replacement.ts +59 -0
- package/src/modules/structure/structure.ts +59 -0
- package/src/utils/attributeSelector.ts +78 -0
- package/src/utils/cssVariables.ts +24 -0
- package/src/utils/gsap.ts +198 -0
- package/src/utils/heightAnimator.ts +130 -0
- package/src/utils/modalManager.ts +150 -0
- package/src/utils.ts +54 -0
- package/tsconfig.json +24 -0
- package/vite.config.js +45 -0
- package/.claude/settings.local.json +0 -70
- package/archive/hero.js +0 -794
- package/archive/modal.js +0 -80
- package/archive/text.js +0 -628
- package/autoInit/accessibility/accessibility.js +0 -53
- package/autoInit/accessibility/functions/blog-remover/README.md +0 -61
- package/autoInit/accessibility/functions/blog-remover/blog-remover.js +0 -31
- package/autoInit/accessibility/functions/click-forwarding/README.md +0 -60
- package/autoInit/accessibility/functions/click-forwarding/click-forwarding.js +0 -82
- package/autoInit/accessibility/functions/dropdown/README.md +0 -212
- package/autoInit/accessibility/functions/dropdown/dropdown.js +0 -167
- package/autoInit/accessibility/functions/list-accessibility/README.md +0 -56
- package/autoInit/accessibility/functions/list-accessibility/list-accessibility.js +0 -23
- package/autoInit/accessibility/functions/text-synchronization/README.md +0 -62
- package/autoInit/accessibility/functions/text-synchronization/text-synchronization.js +0 -101
- package/autoInit/accessibility/functions/year-replacement/year-replacement.js +0 -43
- package/autoInit/button/README.md +0 -122
- package/autoInit/button/button.js +0 -51
- package/autoInit/counter/README.md +0 -274
- package/autoInit/counter/counter.js +0 -185
- package/autoInit/form/README.md +0 -338
- package/autoInit/form/form.js +0 -374
- package/autoInit/navbar/README.md +0 -366
- package/autoInit/navbar/navbar.js +0 -786
- package/autoInit/transition/transition.js +0 -116
- package/index.js +0 -305
- package/utils/before-after/README.md +0 -520
- package/utils/before-after/before-after.js +0 -653
- package/utils/css-animations/buttons/main/bgbasic/btn-main-bgbasic.html +0 -10
- package/utils/css-animations/buttons/main/bgfill/btn-main-bgfill.html +0 -29
- package/utils/css-animations/buttons/navbar/bgbasic/navbar-main-bgbasic.html +0 -17
- package/utils/css-animations/buttons/navbar/bgbasic/navbar-menu-bgbasic.html +0 -16
- package/utils/css-animations/buttons/navbar/bgfill/navbar-main-bgfill.html +0 -46
- package/utils/css-animations/buttons/navbar/bgfill/navbar-menu-bgfill.html +0 -39
- package/utils/css-animations/buttons/navbar/color/navbar-announce-color.html +0 -5
- package/utils/css-animations/buttons/navbar/color/navbar-main-color.html +0 -7
- package/utils/css-animations/buttons/navbar/color/navbar-menu-color.html +0 -7
- package/utils/css-animations/buttons/navbar/double-slide/navbar-announce-double-slide.html +0 -40
- package/utils/css-animations/buttons/navbar/double-slide/navbar-main-double-slide.html +0 -77
- package/utils/css-animations/buttons/navbar/scale/navbar-announce-scale.html +0 -6
- package/utils/css-animations/buttons/navbar/scale/navbar-main-scale.html +0 -9
- package/utils/css-animations/buttons/navbar/scale/navbar-menu-scale.html +0 -8
- package/utils/css-animations/buttons/navbar/underline/navbar-announce-underline.html +0 -32
- package/utils/css-animations/buttons/navbar/underline/navbar-main-underline.html +0 -56
- package/utils/css-animations/buttons/text/color/text-footer-color.html +0 -5
- package/utils/css-animations/buttons/text/color/text-main-color.html +0 -5
- package/utils/css-animations/buttons/text/double-slide/text-main-double-slide.html +0 -56
- package/utils/css-animations/buttons/text/scale/text-footer-scale.html +0 -6
- package/utils/css-animations/buttons/text/scale/text-main-scale.html +0 -6
- package/utils/css-animations/buttons/text/underline/text-footer-underline.html +0 -45
- package/utils/css-animations/buttons/text/underline/text-main-underline.html +0 -58
- package/utils/css-animations/cards/card-clickable.html +0 -11
- package/utils/css-animations/defaults.html +0 -69
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
<style>
|
|
2
|
-
[data-wf--navbar-btn-1--variant="navbar"] .navbar_btn_1_link,
|
|
3
|
-
[data-wf--navbar-btn-1--variant="dropdown"] .navbar_btn_1_link{
|
|
4
|
-
transition:background 300ms ease,color 150ms ease;
|
|
5
|
-
border-radius:var(--radius--main)
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
[data-wf--navbar-btn-1--variant="navbar"] .navbar_btn_1_link:hover,
|
|
9
|
-
[data-wf--navbar-btn-1--variant="dropdown"] .navbar_btn_1_link:hover{
|
|
10
|
-
background:var(--_theme---border)
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
[data-hs-nav="dropdown"].is-active > .navbar_dropdown_wrap > .navbar_btn_1_wrap[data-wf--navbar-btn-1--variant="dropdown"] .navbar_btn_1_link{
|
|
14
|
-
background:var(--_button-style---background);
|
|
15
|
-
color:var(--_button-style---text)
|
|
16
|
-
}
|
|
17
|
-
</style>
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
<style>
|
|
2
|
-
[data-wf--navbar-btn-1--variant="menu"] .navbar_btn_1_link{
|
|
3
|
-
transition:background 300ms ease,color 150ms ease;
|
|
4
|
-
border-radius:var(--radius--main)
|
|
5
|
-
}
|
|
6
|
-
|
|
7
|
-
[data-wf--navbar-btn-1--variant="menu"] .navbar_btn_1_link:hover{
|
|
8
|
-
background:var(--_theme---border)
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
[data-hs-nav="dropdown"].is-active > .navbar_dropdown_wrap > .navbar_btn_1_wrap[data-wf--navbar-btn-1--variant="menu"] .navbar_btn_1_link,
|
|
12
|
-
[data-hs-nav="menu-dropdown"].is-active > .navbar_btn_1_wrap[data-wf--navbar-btn-1--variant="menu"] .navbar_btn_1_link{
|
|
13
|
-
background:var(--_button-style---background);
|
|
14
|
-
color:var(--_button-style---text)
|
|
15
|
-
}
|
|
16
|
-
</style>
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
<style>
|
|
2
|
-
[data-wf--navbar-btn-1--variant="navbar"] .navbar_btn_1_link{
|
|
3
|
-
border-radius:var(--radius--main);
|
|
4
|
-
overflow:hidden;
|
|
5
|
-
position:relative;
|
|
6
|
-
transition:color 250ms ease
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
[data-wf--navbar-btn-1--variant="dropdown"] .navbar_btn_1_link{
|
|
10
|
-
border-radius:var(--radius--small);
|
|
11
|
-
overflow:hidden;
|
|
12
|
-
position:relative;
|
|
13
|
-
transition:color 250ms ease
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
[data-wf--navbar-btn-1--variant="navbar"] .navbar_btn_1_link::before,
|
|
17
|
-
[data-wf--navbar-btn-1--variant="dropdown"] .navbar_btn_1_link::before{
|
|
18
|
-
content:'';
|
|
19
|
-
position:absolute;
|
|
20
|
-
bottom:0;
|
|
21
|
-
left:0;
|
|
22
|
-
width:0;
|
|
23
|
-
height:0;
|
|
24
|
-
background:var(--_theme---border);
|
|
25
|
-
border-radius:50%;
|
|
26
|
-
transform:translate(-50%,50%);
|
|
27
|
-
transition:width 0.5s ease,height 0.5s ease;
|
|
28
|
-
z-index:0
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
[data-wf--navbar-btn-1--variant="navbar"] .navbar_btn_1_link:hover::before,
|
|
32
|
-
[data-wf--navbar-btn-1--variant="dropdown"] .navbar_btn_1_link:hover::before{
|
|
33
|
-
width:300%;
|
|
34
|
-
height:300%
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
[data-hs-nav="dropdown"].is-active > .navbar_dropdown_wrap > .navbar_btn_1_wrap[data-wf--navbar-btn-1--variant="dropdown"] .navbar_btn_1_link::before{
|
|
38
|
-
background:var(--_button-style---background);
|
|
39
|
-
width:300%;
|
|
40
|
-
height:300%
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
[data-hs-nav="dropdown"].is-active > .navbar_dropdown_wrap > .navbar_btn_1_wrap[data-wf--navbar-btn-1--variant="dropdown"] .navbar_btn_1_link{
|
|
44
|
-
color:var(--_button-style---text)
|
|
45
|
-
}
|
|
46
|
-
</style>
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
<style>
|
|
2
|
-
[data-wf--navbar-btn-1--variant="menu"] .navbar_btn_1_link{
|
|
3
|
-
border-radius:var(--radius--main);
|
|
4
|
-
overflow:hidden;
|
|
5
|
-
position:relative;
|
|
6
|
-
transition:color 250ms ease
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
[data-wf--navbar-btn-1--variant="menu"] .navbar_btn_1_link::before{
|
|
10
|
-
content:'';
|
|
11
|
-
position:absolute;
|
|
12
|
-
bottom:0;
|
|
13
|
-
left:0;
|
|
14
|
-
width:0;
|
|
15
|
-
height:0;
|
|
16
|
-
background:var(--_theme---border);
|
|
17
|
-
border-radius:50%;
|
|
18
|
-
transform:translate(-50%,50%);
|
|
19
|
-
transition:width 0.5s ease,height 0.5s ease;
|
|
20
|
-
z-index:0
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
[data-wf--navbar-btn-1--variant="menu"] .navbar_btn_1_link:hover::before{
|
|
24
|
-
width:300%;
|
|
25
|
-
height:300%
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
[data-hs-nav="dropdown"].is-active > .navbar_dropdown_wrap > .navbar_btn_1_wrap[data-wf--navbar-btn-1--variant="menu"] .navbar_btn_1_link::before,
|
|
29
|
-
[data-hs-nav="menu-dropdown"].is-active > .navbar_btn_1_wrap[data-wf--navbar-btn-1--variant="menu"] .navbar_btn_1_link::before{
|
|
30
|
-
background:var(--_button-style---background);
|
|
31
|
-
width:300%;
|
|
32
|
-
height:300%
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
[data-hs-nav="dropdown"].is-active > .navbar_dropdown_wrap > .navbar_btn_1_wrap[data-wf--navbar-btn-1--variant="menu"] .navbar_btn_1_link,
|
|
36
|
-
[data-hs-nav="menu-dropdown"].is-active > .navbar_btn_1_wrap[data-wf--navbar-btn-1--variant="menu"] .navbar_btn_1_link{
|
|
37
|
-
color:var(--_button-style---text)
|
|
38
|
-
}
|
|
39
|
-
</style>
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
<style>
|
|
2
|
-
[data-wf--navbar-btn-1--variant="navbar"] .navbar_btn_1_link:hover,
|
|
3
|
-
[data-wf--navbar-btn-1--variant="dropdown"] .navbar_btn_1_link:hover,
|
|
4
|
-
[data-hs-nav="dropdown"].is-active > .navbar_dropdown_wrap > .navbar_btn_1_wrap[data-wf--navbar-btn-1--variant="dropdown"] .navbar_btn_1_link{
|
|
5
|
-
color:var(--swatch--brand-1-500)
|
|
6
|
-
}
|
|
7
|
-
</style>
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
<style>
|
|
2
|
-
[data-wf--navbar-btn-1--variant="menu"] .navbar_btn_1_link:hover,
|
|
3
|
-
[data-hs-nav="dropdown"].is-active > .navbar_dropdown_wrap > .navbar_btn_1_wrap[data-wf--navbar-btn-1--variant="menu"] .navbar_btn_1_link,
|
|
4
|
-
[data-hs-nav="menu-dropdown"].is-active > .navbar_btn_1_wrap[data-wf--navbar-btn-1--variant="menu"] .navbar_btn_1_link{
|
|
5
|
-
color:var(--swatch--brand-1-500)
|
|
6
|
-
}
|
|
7
|
-
</style>
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
<style>
|
|
2
|
-
/* ===== DOUBLE SLIDE ANIMATION ===== */
|
|
3
|
-
[data-wf--navbar-btn-1--variant="announce"] .navbar_btn_1_text.is-placeholder,
|
|
4
|
-
[data-wf--navbar-btn-1--variant="announce"] .navbar_btn_1_darrow.is-placeholder,
|
|
5
|
-
[data-wf--navbar-btn-1--variant="announce"] .navbar_btn_1_arrow.is-placeholder,
|
|
6
|
-
[data-wf--navbar-btn-1--variant="announce"] .navbar_btn_1_icon.is-placeholder{
|
|
7
|
-
display:block
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
[data-wf--navbar-btn-1--variant="announce"] .navbar_btn_1_text.is-placeholder,
|
|
11
|
-
[data-wf--navbar-btn-1--variant="announce"] .navbar_btn_1_icon.is-placeholder{
|
|
12
|
-
transform:translateY(200%)
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
[data-wf--navbar-btn-1--variant="announce"] .navbar_btn_1_darrow.is-placeholder,
|
|
16
|
-
[data-wf--navbar-btn-1--variant="announce"] .navbar_btn_1_arrow.is-placeholder{
|
|
17
|
-
transform:translateY(200%) translateX(-200%)
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
/* Hover States */
|
|
21
|
-
[data-wf--navbar-btn-1--variant="announce"] .navbar_btn_1_link:hover .navbar_btn_1_text.is-main,
|
|
22
|
-
[data-wf--navbar-btn-1--variant="announce"] .navbar_btn_1_link:hover .navbar_btn_1_icon.is-main{
|
|
23
|
-
transform:translateY(-200%)
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
[data-wf--navbar-btn-1--variant="announce"] .navbar_btn_1_link:hover .navbar_btn_1_text.is-placeholder,
|
|
27
|
-
[data-wf--navbar-btn-1--variant="announce"] .navbar_btn_1_link:hover .navbar_btn_1_icon.is-placeholder{
|
|
28
|
-
transform:translateY(0%)
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
[data-wf--navbar-btn-1--variant="announce"] .navbar_btn_1_link:hover .navbar_btn_1_darrow.is-main,
|
|
32
|
-
[data-wf--navbar-btn-1--variant="announce"] .navbar_btn_1_link:hover .navbar_btn_1_arrow.is-main{
|
|
33
|
-
transform:translateY(-200%) translateX(200%)
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
[data-wf--navbar-btn-1--variant="announce"] .navbar_btn_1_link:hover .navbar_btn_1_darrow.is-placeholder,
|
|
37
|
-
[data-wf--navbar-btn-1--variant="announce"] .navbar_btn_1_link:hover .navbar_btn_1_arrow.is-placeholder{
|
|
38
|
-
transform:translateY(0%) translateX(0%)
|
|
39
|
-
}
|
|
40
|
-
</style>
|
|
@@ -1,77 +0,0 @@
|
|
|
1
|
-
<style>
|
|
2
|
-
/* ===== DOUBLE SLIDE ANIMATION ===== */
|
|
3
|
-
[data-wf--navbar-btn-1--variant="navbar"] .navbar_btn_1_text.is-placeholder,
|
|
4
|
-
[data-wf--navbar-btn-1--variant="dropdown"] .navbar_btn_1_text.is-placeholder,
|
|
5
|
-
[data-wf--navbar-btn-1--variant="navbar"] .navbar_btn_1_darrow.is-placeholder,
|
|
6
|
-
[data-wf--navbar-btn-1--variant="dropdown"] .navbar_btn_1_darrow.is-placeholder,
|
|
7
|
-
[data-wf--navbar-btn-1--variant="navbar"] .navbar_btn_1_arrow.is-placeholder,
|
|
8
|
-
[data-wf--navbar-btn-1--variant="dropdown"] .navbar_btn_1_arrow.is-placeholder,
|
|
9
|
-
[data-wf--navbar-btn-1--variant="navbar"] .navbar_btn_1_icon.is-placeholder,
|
|
10
|
-
[data-wf--navbar-btn-1--variant="dropdown"] .navbar_btn_1_icon.is-placeholder{
|
|
11
|
-
display:block
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
[data-wf--navbar-btn-1--variant="navbar"] .navbar_btn_1_text.is-placeholder,
|
|
15
|
-
[data-wf--navbar-btn-1--variant="dropdown"] .navbar_btn_1_text.is-placeholder,
|
|
16
|
-
[data-wf--navbar-btn-1--variant="navbar"] .navbar_btn_1_icon.is-placeholder,
|
|
17
|
-
[data-wf--navbar-btn-1--variant="dropdown"] .navbar_btn_1_icon.is-placeholder{
|
|
18
|
-
transform:translateY(200%)
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
[data-wf--navbar-btn-1--variant="navbar"] .navbar_btn_1_darrow.is-placeholder,
|
|
22
|
-
[data-wf--navbar-btn-1--variant="dropdown"] .navbar_btn_1_darrow.is-placeholder,
|
|
23
|
-
[data-wf--navbar-btn-1--variant="navbar"] .navbar_btn_1_arrow.is-placeholder,
|
|
24
|
-
[data-wf--navbar-btn-1--variant="dropdown"] .navbar_btn_1_arrow.is-placeholder{
|
|
25
|
-
transform:translateY(200%) translateX(-200%)
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
/* Hover States */
|
|
29
|
-
[data-wf--navbar-btn-1--variant="navbar"] .navbar_btn_1_link:hover .navbar_btn_1_text.is-main,
|
|
30
|
-
[data-wf--navbar-btn-1--variant="dropdown"] .navbar_btn_1_link:hover .navbar_btn_1_text.is-main,
|
|
31
|
-
[data-wf--navbar-btn-1--variant="navbar"] .navbar_btn_1_link:hover .navbar_btn_1_icon.is-main,
|
|
32
|
-
[data-wf--navbar-btn-1--variant="dropdown"] .navbar_btn_1_link:hover .navbar_btn_1_icon.is-main{
|
|
33
|
-
transform:translateY(-200%)
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
[data-wf--navbar-btn-1--variant="navbar"] .navbar_btn_1_link:hover .navbar_btn_1_text.is-placeholder,
|
|
37
|
-
[data-wf--navbar-btn-1--variant="dropdown"] .navbar_btn_1_link:hover .navbar_btn_1_text.is-placeholder,
|
|
38
|
-
[data-wf--navbar-btn-1--variant="navbar"] .navbar_btn_1_link:hover .navbar_btn_1_icon.is-placeholder,
|
|
39
|
-
[data-wf--navbar-btn-1--variant="dropdown"] .navbar_btn_1_link:hover .navbar_btn_1_icon.is-placeholder{
|
|
40
|
-
transform:translateY(0%)
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
[data-wf--navbar-btn-1--variant="navbar"] .navbar_btn_1_link:hover .navbar_btn_1_darrow.is-main,
|
|
44
|
-
[data-wf--navbar-btn-1--variant="dropdown"] .navbar_btn_1_link:hover .navbar_btn_1_darrow.is-main,
|
|
45
|
-
[data-wf--navbar-btn-1--variant="navbar"] .navbar_btn_1_link:hover .navbar_btn_1_arrow.is-main,
|
|
46
|
-
[data-wf--navbar-btn-1--variant="dropdown"] .navbar_btn_1_link:hover .navbar_btn_1_arrow.is-main{
|
|
47
|
-
transform:translateY(-200%) translateX(200%)
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
[data-wf--navbar-btn-1--variant="navbar"] .navbar_btn_1_link:hover .navbar_btn_1_darrow.is-placeholder,
|
|
51
|
-
[data-wf--navbar-btn-1--variant="dropdown"] .navbar_btn_1_link:hover .navbar_btn_1_darrow.is-placeholder,
|
|
52
|
-
[data-wf--navbar-btn-1--variant="navbar"] .navbar_btn_1_link:hover .navbar_btn_1_arrow.is-placeholder,
|
|
53
|
-
[data-wf--navbar-btn-1--variant="dropdown"] .navbar_btn_1_link:hover .navbar_btn_1_arrow.is-placeholder{
|
|
54
|
-
transform:translateY(0%) translateX(0%)
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
/* Active States */
|
|
58
|
-
[data-hs-nav="dropdown"].is-active > .navbar_dropdown_wrap > .navbar_btn_1_wrap[data-wf--navbar-btn-1--variant="dropdown"] .navbar_btn_1_text.is-main,
|
|
59
|
-
[data-hs-nav="dropdown"].is-active > .navbar_dropdown_wrap > .navbar_btn_1_wrap[data-wf--navbar-btn-1--variant="dropdown"] .navbar_btn_1_icon.is-main{
|
|
60
|
-
transform:translateY(-200%)
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
[data-hs-nav="dropdown"].is-active > .navbar_dropdown_wrap > .navbar_btn_1_wrap[data-wf--navbar-btn-1--variant="dropdown"] .navbar_btn_1_text.is-placeholder,
|
|
64
|
-
[data-hs-nav="dropdown"].is-active > .navbar_dropdown_wrap > .navbar_btn_1_wrap[data-wf--navbar-btn-1--variant="dropdown"] .navbar_btn_1_icon.is-placeholder{
|
|
65
|
-
transform:translateY(0%)
|
|
66
|
-
}
|
|
67
|
-
|
|
68
|
-
[data-hs-nav="dropdown"].is-active > .navbar_dropdown_wrap > .navbar_btn_1_wrap[data-wf--navbar-btn-1--variant="dropdown"] .navbar_btn_1_darrow.is-main,
|
|
69
|
-
[data-hs-nav="dropdown"].is-active > .navbar_dropdown_wrap > .navbar_btn_1_wrap[data-wf--navbar-btn-1--variant="dropdown"] .navbar_btn_1_arrow.is-main{
|
|
70
|
-
transform:translateY(-200%) translateX(200%)
|
|
71
|
-
}
|
|
72
|
-
|
|
73
|
-
[data-hs-nav="dropdown"].is-active > .navbar_dropdown_wrap > .navbar_btn_1_wrap[data-wf--navbar-btn-1--variant="dropdown"] .navbar_btn_1_darrow.is-placeholder,
|
|
74
|
-
[data-hs-nav="dropdown"].is-active > .navbar_dropdown_wrap > .navbar_btn_1_wrap[data-wf--navbar-btn-1--variant="dropdown"] .navbar_btn_1_arrow.is-placeholder{
|
|
75
|
-
transform:translateY(0%) translateX(0%)
|
|
76
|
-
}
|
|
77
|
-
</style>
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
<style>
|
|
2
|
-
/* ===== SCALE ANIMATION ===== */
|
|
3
|
-
[data-wf--navbar-btn-1--variant="navbar"] .navbar_btn_1_link:hover .navbar_btn_1_content,
|
|
4
|
-
[data-wf--navbar-btn-1--variant="dropdown"] .navbar_btn_1_link:hover .navbar_btn_1_content,
|
|
5
|
-
[data-hs-nav="dropdown"].is-active > .navbar_dropdown_wrap > .navbar_btn_1_wrap[data-wf--navbar-btn-1--variant="dropdown"] .navbar_btn_1_content,
|
|
6
|
-
[data-hs-nav="menu-dropdown"].is-active > .navbar_btn_1_wrap[data-wf--navbar-btn-1--variant="dropdown"] .navbar_btn_1_content{
|
|
7
|
-
transform:scale3d(1.075,1.075,1)
|
|
8
|
-
}
|
|
9
|
-
</style>
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
<style>
|
|
2
|
-
/* ===== SCALE ANIMATION ===== */
|
|
3
|
-
[data-wf--navbar-btn-1--variant="menu"] .navbar_btn_1_link:hover .navbar_btn_1_content,
|
|
4
|
-
[data-hs-nav="dropdown"].is-active > .navbar_dropdown_wrap > .navbar_btn_1_wrap[data-wf--navbar-btn-1--variant="menu"] .navbar_btn_1_content,
|
|
5
|
-
[data-hs-nav="menu-dropdown"].is-active > .navbar_btn_1_wrap[data-wf--navbar-btn-1--variant="menu"] .navbar_btn_1_content{
|
|
6
|
-
transform:scale3d(1.075,1.075,1)
|
|
7
|
-
}
|
|
8
|
-
</style>
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
<style>
|
|
2
|
-
/* ===== UNDERLINE ANIMATION ===== */
|
|
3
|
-
[data-wf--navbar-btn-1--variant="announce"] .navbar_btn_1_line_wrap{
|
|
4
|
-
display:block
|
|
5
|
-
}
|
|
6
|
-
|
|
7
|
-
[data-wf--navbar-btn-1--variant="announce"] .navbar_btn_1_line.is-main{
|
|
8
|
-
transform:translateX(-110%)
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
/* Line Hover States */
|
|
12
|
-
[data-wf--navbar-btn-1--variant="announce"] .navbar_btn_1_link:hover .navbar_btn_1_line.is-main{
|
|
13
|
-
transform:translateX(0%)
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
/* ===== UNDERLINE ANIMATION EXTRAS ===== */
|
|
17
|
-
[data-wf--navbar-btn-1--variant="announce"] .navbar_btn_1_arrow.is-placeholder{
|
|
18
|
-
display:block
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
[data-wf--navbar-btn-1--variant="announce"] .navbar_btn_1_arrow.is-placeholder{
|
|
22
|
-
transform:translateY(200%) translateX(-200%)
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
[data-wf--navbar-btn-1--variant="announce"] .navbar_btn_1_link:hover .navbar_btn_1_arrow.is-main{
|
|
26
|
-
transform:translateY(-200%) translateX(200%)
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
[data-wf--navbar-btn-1--variant="announce"] .navbar_btn_1_link:hover .navbar_btn_1_arrow.is-placeholder{
|
|
30
|
-
transform:translateY(0%) translateX(0%)
|
|
31
|
-
}
|
|
32
|
-
</style>
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
<style>
|
|
2
|
-
/* ===== UNDERLINE ANIMATION ===== */
|
|
3
|
-
[data-wf--navbar-btn-1--variant="navbar"] .navbar_btn_1_line_wrap,
|
|
4
|
-
[data-wf--navbar-btn-1--variant="dropdown"] .navbar_btn_1_line_wrap{
|
|
5
|
-
display:block
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
[data-wf--navbar-btn-1--variant="navbar"] .navbar_btn_1_line.is-main,
|
|
9
|
-
[data-wf--navbar-btn-1--variant="dropdown"] .navbar_btn_1_line.is-main{
|
|
10
|
-
transform:translateX(-110%)
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
/* Line Hover States */
|
|
14
|
-
[data-wf--navbar-btn-1--variant="navbar"] .navbar_btn_1_link:hover .navbar_btn_1_line.is-main,
|
|
15
|
-
[data-wf--navbar-btn-1--variant="dropdown"] .navbar_btn_1_link:hover .navbar_btn_1_line.is-main{
|
|
16
|
-
transform:translateX(0%)
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
/* ===== UNDERLINE ANIMATION EXTRAS ===== */
|
|
20
|
-
[data-wf--navbar-btn-1--variant="navbar"] .navbar_btn_1_darrow.is-placeholder,
|
|
21
|
-
[data-wf--navbar-btn-1--variant="dropdown"] .navbar_btn_1_darrow.is-placeholder,
|
|
22
|
-
[data-wf--navbar-btn-1--variant="navbar"] .navbar_btn_1_arrow.is-placeholder,
|
|
23
|
-
[data-wf--navbar-btn-1--variant="dropdown"] .navbar_btn_1_arrow.is-placeholder{
|
|
24
|
-
display:block
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
[data-wf--navbar-btn-1--variant="navbar"] .navbar_btn_1_darrow.is-placeholder,
|
|
28
|
-
[data-wf--navbar-btn-1--variant="dropdown"] .navbar_btn_1_darrow.is-placeholder{
|
|
29
|
-
transform:translateX(-200%)
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
[data-wf--navbar-btn-1--variant="navbar"] .navbar_btn_1_arrow.is-placeholder,
|
|
33
|
-
[data-wf--navbar-btn-1--variant="dropdown"] .navbar_btn_1_arrow.is-placeholder{
|
|
34
|
-
transform:translateY(200%) translateX(-200%)
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
[data-wf--navbar-btn-1--variant="navbar"] .navbar_btn_1_link:hover .navbar_btn_1_darrow.is-main,
|
|
38
|
-
[data-wf--navbar-btn-1--variant="dropdown"] .navbar_btn_1_link:hover .navbar_btn_1_darrow.is-main{
|
|
39
|
-
transform:translateX(200%)
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
[data-wf--navbar-btn-1--variant="navbar"] .navbar_btn_1_link:hover .navbar_btn_1_darrow.is-placeholder,
|
|
43
|
-
[data-wf--navbar-btn-1--variant="dropdown"] .navbar_btn_1_link:hover .navbar_btn_1_darrow.is-placeholder{
|
|
44
|
-
transform:translateX(0%)
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
[data-wf--navbar-btn-1--variant="navbar"] .navbar_btn_1_link:hover .navbar_btn_1_arrow.is-main,
|
|
48
|
-
[data-wf--navbar-btn-1--variant="dropdown"] .navbar_btn_1_link:hover .navbar_btn_1_arrow.is-main{
|
|
49
|
-
transform:translateY(-200%) translateX(200%)
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
[data-wf--navbar-btn-1--variant="navbar"] .navbar_btn_1_link:hover .navbar_btn_1_arrow.is-placeholder,
|
|
53
|
-
[data-wf--navbar-btn-1--variant="dropdown"] .navbar_btn_1_link:hover .navbar_btn_1_arrow.is-placeholder{
|
|
54
|
-
transform:translateY(0%) translateX(0%)
|
|
55
|
-
}
|
|
56
|
-
</style>
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
<style>
|
|
2
|
-
/* ===== DOUBLE SLIDE ANIMATION ===== */
|
|
3
|
-
[data-wf--btn-text--variant="main"] .btn_text_text.is-placeholder,
|
|
4
|
-
[data-wf--btn-text--variant="main"] .btn_text_urarrow.is-placeholder,
|
|
5
|
-
[data-wf--btn-text--variant="main"] .btn_text_arrow.is-placeholder,
|
|
6
|
-
[data-wf--btn-text--variant="main"] .btn_text_icon.is-placeholder{
|
|
7
|
-
display:block
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
[data-wf--btn-text--variant="main"] .btn_text_text.is-placeholder,
|
|
11
|
-
[data-wf--btn-text--variant="main"] .btn_text_icon.is-placeholder{
|
|
12
|
-
transform:translateY(200%)
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
[data-wf--btn-text--variant="main"] .btn_text_urarrow.is-placeholder{
|
|
16
|
-
transform:translateY(200%) translateX(-200%)
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
[data-wf--btn-text--variant="main"] .btn_text_arrow.is-placeholder{
|
|
20
|
-
transform:translateY(200%)
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
/* Hover States */
|
|
24
|
-
[data-wf--btn-text--variant="main"] .btn_text_contain:hover .btn_text_text.is-main,
|
|
25
|
-
[data-wf--btn-text--variant="main"] .btn_text_contain:hover .btn_text_icon.is-main,
|
|
26
|
-
[data-wf--btn-text--variant="main"] .btn_text_contain:hover .btn_text_arrow.is-main{
|
|
27
|
-
transform:translateY(-200%)
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
[data-wf--btn-text--variant="main"] .btn_text_contain:hover .btn_text_text.is-placeholder,
|
|
31
|
-
[data-wf--btn-text--variant="main"] .btn_text_contain:hover .btn_text_icon.is-placeholder,
|
|
32
|
-
[data-wf--btn-text--variant="main"] .btn_text_contain:hover .btn_text_arrow.is-placeholder{
|
|
33
|
-
transform:translateY(0%)
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
[data-wf--btn-text--variant="main"] .btn_text_contain:hover .btn_text_urarrow.is-main{
|
|
37
|
-
transform:translateY(-200%) translateX(200%)
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
[data-wf--btn-text--variant="main"] .btn_text_contain:hover .btn_text_urarrow.is-placeholder{
|
|
41
|
-
transform:translateY(0%) translateX(0%)
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
/* ===== IS-LEFT VARIANT ===== */
|
|
45
|
-
[data-wf--btn-text--variant="main"] .btn_text_arrow_wrap.is-left .btn_text_arrow.is-placeholder{
|
|
46
|
-
transform:translateY(-200%)
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
[data-wf--btn-text--variant="main"] .btn_text_contain:hover .btn_text_arrow_wrap.is-left .btn_text_arrow.is-main{
|
|
50
|
-
transform:translateY(200%)
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
[data-wf--btn-text--variant="main"] .btn_text_contain:hover .btn_text_arrow_wrap.is-left .btn_text_arrow.is-placeholder{
|
|
54
|
-
transform:translateY(0%)
|
|
55
|
-
}
|
|
56
|
-
</style>
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
<style>
|
|
2
|
-
/* ===== UNDERLINE ANIMATION ===== */
|
|
3
|
-
[data-wf--btn-text--variant="footer"] .btn_text_line_wrap{
|
|
4
|
-
display:block
|
|
5
|
-
}
|
|
6
|
-
|
|
7
|
-
[data-wf--btn-text--variant="footer"] .btn_text_line.is-main{
|
|
8
|
-
transform:translateX(-110%)
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
/* Line Hover States */
|
|
12
|
-
[data-wf--btn-text--variant="footer"] .btn_text_contain:hover .btn_text_line.is-main{
|
|
13
|
-
transform:translateX(0%)
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
/* ===== UNDERLINE ANIMATION EXTRAS ===== */
|
|
17
|
-
[data-wf--btn-text--variant="footer"] .btn_text_urarrow.is-placeholder,
|
|
18
|
-
[data-wf--btn-text--variant="footer"] .btn_text_arrow.is-placeholder{
|
|
19
|
-
display:block
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
[data-wf--btn-text--variant="footer"] .btn_text_urarrow.is-placeholder{
|
|
23
|
-
transform:translateY(200%) translateX(-200%)
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
[data-wf--btn-text--variant="footer"] .btn_text_arrow.is-placeholder{
|
|
27
|
-
transform:translateX(-200%)
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
[data-wf--btn-text--variant="footer"] .btn_text_contain:hover .btn_text_urarrow.is-main{
|
|
31
|
-
transform:translateY(-200%) translateX(200%)
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
[data-wf--btn-text--variant="footer"] .btn_text_contain:hover .btn_text_urarrow.is-placeholder{
|
|
35
|
-
transform:translateY(0%) translateX(0%)
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
[data-wf--btn-text--variant="footer"] .btn_text_contain:hover .btn_text_arrow.is-main{
|
|
39
|
-
transform:translateX(200%)
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
[data-wf--btn-text--variant="footer"] .btn_text_contain:hover .btn_text_arrow.is-placeholder{
|
|
43
|
-
transform:translateX(0%)
|
|
44
|
-
}
|
|
45
|
-
</style>
|
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
<style>
|
|
2
|
-
/* ===== UNDERLINE ANIMATION ===== */
|
|
3
|
-
[data-wf--btn-text--variant="main"] .btn_text_line_wrap{
|
|
4
|
-
display:block
|
|
5
|
-
}
|
|
6
|
-
|
|
7
|
-
[data-wf--btn-text--variant="main"] .btn_text_line.is-placeholder{
|
|
8
|
-
display:block;
|
|
9
|
-
transform:translateX(-110%);
|
|
10
|
-
transition-delay:0s
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
[data-wf--btn-text--variant="main"] .btn_text_line.is-main{
|
|
14
|
-
transform:translateX(0%);
|
|
15
|
-
transition-delay:0.1s
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
/* Line Hover States */
|
|
19
|
-
[data-wf--btn-text--variant="main"] .btn_text_contain:hover .btn_text_line.is-placeholder{
|
|
20
|
-
transform:translateX(0%);
|
|
21
|
-
transition-delay:0.1s
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
[data-wf--btn-text--variant="main"] .btn_text_contain:hover .btn_text_line.is-main{
|
|
25
|
-
transform:translateX(110%);
|
|
26
|
-
transition-delay:0s
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
/* ===== UNDERLINE ANIMATION EXTRAS ===== */
|
|
30
|
-
[data-wf--btn-text--variant="main"] .btn_text_urarrow.is-placeholder,
|
|
31
|
-
[data-wf--btn-text--variant="main"] .btn_text_arrow.is-placeholder{
|
|
32
|
-
display:block
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
[data-wf--btn-text--variant="main"] .btn_text_urarrow.is-placeholder{
|
|
36
|
-
transform:translateY(200%) translateX(-200%)
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
[data-wf--btn-text--variant="main"] .btn_text_arrow.is-placeholder{
|
|
40
|
-
transform:translateX(-200%)
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
[data-wf--btn-text--variant="main"] .btn_text_contain:hover .btn_text_urarrow.is-main{
|
|
44
|
-
transform:translateY(-200%) translateX(200%)
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
[data-wf--btn-text--variant="main"] .btn_text_contain:hover .btn_text_urarrow.is-placeholder{
|
|
48
|
-
transform:translateY(0%) translateX(0%)
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
[data-wf--btn-text--variant="main"] .btn_text_contain:hover .btn_text_arrow.is-main{
|
|
52
|
-
transform:translateX(200%)
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
[data-wf--btn-text--variant="main"] .btn_text_contain:hover .btn_text_arrow.is-placeholder{
|
|
56
|
-
transform:translateX(0%)
|
|
57
|
-
}
|
|
58
|
-
</style>
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
<style>
|
|
2
|
-
/* ===== CARD ANIMATIONS ===== */
|
|
3
|
-
[data-card-anim="clickable-card"]{
|
|
4
|
-
transition:filter 0.3s ease,transform 0.3s ease
|
|
5
|
-
}
|
|
6
|
-
|
|
7
|
-
[data-card-anim="clickable-card"]:hover{
|
|
8
|
-
transform:translate(0.2rem,0.2rem);
|
|
9
|
-
filter:brightness(90%)
|
|
10
|
-
}
|
|
11
|
-
</style>
|
|
@@ -1,69 +0,0 @@
|
|
|
1
|
-
<style>
|
|
2
|
-
/* ===== DEFAULT STYLES ===== */
|
|
3
|
-
/* ===== ARROW ROTATION ===== */
|
|
4
|
-
.navbar_btn_1_wrap:not([data-hs-nav="menu-dropdown"] *) .navbar_btn_1_link:hover .navbar_btn_1_darrow,
|
|
5
|
-
[data-hs-nav="dropdown"].is-active > .navbar_dropdown_wrap > .navbar_btn_1_wrap .navbar_btn_1_darrow,
|
|
6
|
-
[data-hs-nav="menu-dropdown"].is-active > .navbar_btn_1_wrap .navbar_btn_1_darrow{
|
|
7
|
-
rotate:90deg
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
.navbar_btn_1_line_wrap{
|
|
11
|
-
display:none
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
.navbar_btn_1_darrow.is-placeholder,
|
|
15
|
-
.navbar_btn_1_arrow.is-placeholder,
|
|
16
|
-
.navbar_btn_1_text.is-placeholder,
|
|
17
|
-
.navbar_btn_1_icon.is-placeholder{
|
|
18
|
-
display:none
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
.btn_text_text.is-placeholder,
|
|
22
|
-
.btn_text_icon.is-placeholder,
|
|
23
|
-
.btn_text_urarrow.is-placeholder,
|
|
24
|
-
.btn_text_arrow.is-placeholder,
|
|
25
|
-
.btn_text_line.is-placeholder,.btn_text_line_wrap{
|
|
26
|
-
display:none
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
/* ===== SHARED ANIMATION PROPERTIES ===== */
|
|
30
|
-
.navbar_btn_1_line,
|
|
31
|
-
.navbar_btn_1_text,
|
|
32
|
-
.navbar_btn_1_icon,
|
|
33
|
-
.btn_text_text,
|
|
34
|
-
.btn_text_icon,
|
|
35
|
-
.btn_text_line{
|
|
36
|
-
transition:transform 500ms cubic-bezier(0.76,0,0.24,1)
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
.navbar_btn_1_darrow,
|
|
40
|
-
.navbar_btn_1_arrow,
|
|
41
|
-
.btn_text_arrow,
|
|
42
|
-
.btn_text_urarrow{
|
|
43
|
-
transition:rotate 300ms ease,transform 500ms cubic-bezier(0.76,0,0.24,1)
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
.navbar_btn_1_content,
|
|
47
|
-
.btn_text_content{
|
|
48
|
-
transition:transform 200ms ease
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
.navbar_btn_1_link,
|
|
52
|
-
.btn_text_contain{
|
|
53
|
-
transition:color 250ms ease
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
/* ===== PREVENT ANIMATIONS ===== */
|
|
57
|
-
.btn_text_contain[data-cssanim="prevent"] *{
|
|
58
|
-
transition:none !important;
|
|
59
|
-
transform:none !important
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
.btn_text_contain[data-cssanim="prevent"]:hover *{
|
|
63
|
-
transform:none !important
|
|
64
|
-
}
|
|
65
|
-
|
|
66
|
-
.btn_text_contain[data-cssanim="prevent"] .btn_text_line_wrap{
|
|
67
|
-
display:none !important
|
|
68
|
-
}
|
|
69
|
-
</style>
|