@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.
Files changed (120) hide show
  1. package/.prettierrc +8 -0
  2. package/README.md +146 -0
  3. package/eslint.config.js +32 -0
  4. package/index.ts +275 -0
  5. package/package.json +19 -2
  6. package/public/bootstrap.js +16 -0
  7. package/src/animations/animations.ts +93 -0
  8. package/src/animations/functions/counter/counter.ts +137 -0
  9. package/src/config.json +570 -0
  10. package/src/config.ts +105 -0
  11. package/src/modules/default/README.md +167 -0
  12. package/src/modules/default/default.ts +71 -0
  13. package/{autoInit → src/modules/default/functions}/accessibility/README.md +44 -12
  14. package/src/modules/default/functions/accessibility/accessibility.ts +54 -0
  15. package/src/modules/default/functions/accordion/README.md +451 -0
  16. package/src/modules/default/functions/accordion/accordion.ts +189 -0
  17. package/src/modules/default/functions/comparison/comparison.ts +424 -0
  18. package/src/modules/default/functions/marquee/marquee.ts +206 -0
  19. package/src/modules/default/functions/navbar/README.md +393 -0
  20. package/src/modules/default/functions/navbar/functions/arrow-navigation/arrow-navigation.ts +183 -0
  21. package/src/modules/default/functions/navbar/functions/dropdown/dropdown.ts +313 -0
  22. package/src/modules/default/functions/navbar/functions/menu/menu.ts +315 -0
  23. package/src/modules/default/functions/navbar/navbar.ts +51 -0
  24. package/{autoInit → src/modules/default/functions}/smooth-scroll/README.md +45 -14
  25. package/{autoInit/smooth-scroll/smooth-scroll.js → src/modules/default/functions/smooth-scroll/smooth-scroll.ts} +33 -38
  26. package/{autoInit → src/modules/default/functions}/transition/README.md +59 -32
  27. package/src/modules/default/functions/transition/transition.ts +290 -0
  28. package/src/modules/normalize/README.md +172 -0
  29. package/src/modules/normalize/functions/clickable/README.md +84 -0
  30. package/src/modules/normalize/functions/clickable/clickable.ts +43 -0
  31. package/src/modules/normalize/functions/clickable/functions/normalize/README.md +213 -0
  32. package/src/modules/normalize/functions/clickable/functions/normalize/normalize.ts +68 -0
  33. package/src/modules/normalize/functions/dupe/README.md +405 -0
  34. package/src/modules/normalize/functions/dupe/dupe.ts +197 -0
  35. package/src/modules/normalize/functions/sync/sync.ts +378 -0
  36. package/src/modules/normalize/normalize.ts +58 -0
  37. package/src/modules/structure/README.md +190 -0
  38. package/src/modules/structure/functions/form/README.md +94 -0
  39. package/src/modules/structure/functions/form/form.ts +54 -0
  40. package/src/modules/structure/functions/form/functions/honeypot/README.md +77 -0
  41. package/src/modules/structure/functions/form/functions/honeypot/honeypot.ts +37 -0
  42. package/src/modules/structure/functions/form/functions/range/README.md +410 -0
  43. package/src/modules/structure/functions/form/functions/range/range.ts +92 -0
  44. package/src/modules/structure/functions/form/functions/select/README.md +393 -0
  45. package/src/modules/structure/functions/form/functions/select/functions/custom-select/custom-select.ts +637 -0
  46. package/src/modules/structure/functions/form/functions/select/functions/states/states.ts +118 -0
  47. package/src/modules/structure/functions/form/functions/select/select.ts +48 -0
  48. package/src/modules/structure/functions/form/functions/test/test.ts +132 -0
  49. package/{autoInit/accessibility → src/modules/structure}/functions/pagination/README.md +147 -72
  50. package/{autoInit/accessibility/functions/pagination/pagination.js → src/modules/structure/functions/pagination/pagination.ts} +98 -50
  51. package/{autoInit → src/modules/structure/functions}/site-settings/README.md +57 -27
  52. package/{autoInit/site-settings/site-settings.js → src/modules/structure/functions/site-settings/site-settings.ts} +36 -32
  53. package/{autoInit/accessibility → src/modules/structure}/functions/toc/README.md +18 -15
  54. package/{autoInit/accessibility/functions/toc/toc.js → src/modules/structure/functions/toc/functions/heading-links/heading-links.ts} +43 -63
  55. package/src/modules/structure/functions/toc/functions/progress-bar/progress-bar.ts +101 -0
  56. package/src/modules/structure/functions/toc/toc.ts +35 -0
  57. package/{autoInit/accessibility → src/modules/structure}/functions/year-replacement/README.md +7 -6
  58. package/src/modules/structure/functions/year-replacement/year-replacement.ts +59 -0
  59. package/src/modules/structure/structure.ts +59 -0
  60. package/src/utils/attributeSelector.ts +78 -0
  61. package/src/utils/cssVariables.ts +24 -0
  62. package/src/utils/gsap.ts +198 -0
  63. package/src/utils/heightAnimator.ts +130 -0
  64. package/src/utils/modalManager.ts +150 -0
  65. package/src/utils.ts +54 -0
  66. package/tsconfig.json +24 -0
  67. package/vite.config.js +45 -0
  68. package/.claude/settings.local.json +0 -70
  69. package/archive/hero.js +0 -794
  70. package/archive/modal.js +0 -80
  71. package/archive/text.js +0 -628
  72. package/autoInit/accessibility/accessibility.js +0 -53
  73. package/autoInit/accessibility/functions/blog-remover/README.md +0 -61
  74. package/autoInit/accessibility/functions/blog-remover/blog-remover.js +0 -31
  75. package/autoInit/accessibility/functions/click-forwarding/README.md +0 -60
  76. package/autoInit/accessibility/functions/click-forwarding/click-forwarding.js +0 -82
  77. package/autoInit/accessibility/functions/dropdown/README.md +0 -212
  78. package/autoInit/accessibility/functions/dropdown/dropdown.js +0 -167
  79. package/autoInit/accessibility/functions/list-accessibility/README.md +0 -56
  80. package/autoInit/accessibility/functions/list-accessibility/list-accessibility.js +0 -23
  81. package/autoInit/accessibility/functions/text-synchronization/README.md +0 -62
  82. package/autoInit/accessibility/functions/text-synchronization/text-synchronization.js +0 -101
  83. package/autoInit/accessibility/functions/year-replacement/year-replacement.js +0 -43
  84. package/autoInit/button/README.md +0 -122
  85. package/autoInit/button/button.js +0 -51
  86. package/autoInit/counter/README.md +0 -274
  87. package/autoInit/counter/counter.js +0 -185
  88. package/autoInit/form/README.md +0 -338
  89. package/autoInit/form/form.js +0 -374
  90. package/autoInit/navbar/README.md +0 -366
  91. package/autoInit/navbar/navbar.js +0 -786
  92. package/autoInit/transition/transition.js +0 -116
  93. package/index.js +0 -305
  94. package/utils/before-after/README.md +0 -520
  95. package/utils/before-after/before-after.js +0 -653
  96. package/utils/css-animations/buttons/main/bgbasic/btn-main-bgbasic.html +0 -10
  97. package/utils/css-animations/buttons/main/bgfill/btn-main-bgfill.html +0 -29
  98. package/utils/css-animations/buttons/navbar/bgbasic/navbar-main-bgbasic.html +0 -17
  99. package/utils/css-animations/buttons/navbar/bgbasic/navbar-menu-bgbasic.html +0 -16
  100. package/utils/css-animations/buttons/navbar/bgfill/navbar-main-bgfill.html +0 -46
  101. package/utils/css-animations/buttons/navbar/bgfill/navbar-menu-bgfill.html +0 -39
  102. package/utils/css-animations/buttons/navbar/color/navbar-announce-color.html +0 -5
  103. package/utils/css-animations/buttons/navbar/color/navbar-main-color.html +0 -7
  104. package/utils/css-animations/buttons/navbar/color/navbar-menu-color.html +0 -7
  105. package/utils/css-animations/buttons/navbar/double-slide/navbar-announce-double-slide.html +0 -40
  106. package/utils/css-animations/buttons/navbar/double-slide/navbar-main-double-slide.html +0 -77
  107. package/utils/css-animations/buttons/navbar/scale/navbar-announce-scale.html +0 -6
  108. package/utils/css-animations/buttons/navbar/scale/navbar-main-scale.html +0 -9
  109. package/utils/css-animations/buttons/navbar/scale/navbar-menu-scale.html +0 -8
  110. package/utils/css-animations/buttons/navbar/underline/navbar-announce-underline.html +0 -32
  111. package/utils/css-animations/buttons/navbar/underline/navbar-main-underline.html +0 -56
  112. package/utils/css-animations/buttons/text/color/text-footer-color.html +0 -5
  113. package/utils/css-animations/buttons/text/color/text-main-color.html +0 -5
  114. package/utils/css-animations/buttons/text/double-slide/text-main-double-slide.html +0 -56
  115. package/utils/css-animations/buttons/text/scale/text-footer-scale.html +0 -6
  116. package/utils/css-animations/buttons/text/scale/text-main-scale.html +0 -6
  117. package/utils/css-animations/buttons/text/underline/text-footer-underline.html +0 -45
  118. package/utils/css-animations/buttons/text/underline/text-main-underline.html +0 -58
  119. package/utils/css-animations/cards/card-clickable.html +0 -11
  120. 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,5 +0,0 @@
1
- <style>
2
- [data-wf--navbar-btn-1--variant="announce"] .navbar_btn_1_link:hover{
3
- color:var(--swatch--brand-1-500)
4
- }
5
- </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,6 +0,0 @@
1
- <style>
2
- /* ===== SCALE ANIMATION ===== */
3
- [data-wf--navbar-btn-1--variant="announce"] .navbar_btn_1_link:hover .navbar_btn_1_content{
4
- transform:scale3d(1.075,1.075,1)
5
- }
6
- </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,5 +0,0 @@
1
- <style>
2
- [data-wf--btn-text--variant="footer"] .btn_text_contain:hover{
3
- color:var(--swatch--brand-1-500)
4
- }
5
- </style>
@@ -1,5 +0,0 @@
1
- <style>
2
- [data-wf--btn-text--variant="main"] .btn_text_contain:hover{
3
- color:var(--swatch--brand-1-500)
4
- }
5
- </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,6 +0,0 @@
1
- <style>
2
- /* ===== SCALE ANIMATION ===== */
3
- [data-wf--btn-text--variant="footer"] .btn_text_content:hover{
4
- transform:scale3d(1.075,1.075,1)
5
- }
6
- </style>
@@ -1,6 +0,0 @@
1
- <style>
2
- /* ===== SCALE ANIMATION ===== */
3
- [data-wf--btn-text--variant="main"] .btn_text_content:hover{
4
- transform:scale3d(1.075,1.075,1)
5
- }
6
- </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>