PluginProbe
Easy Elements for Elementor – Addons & Website Templates / 1.0.7
Easy Elements for Elementor – Addons & Website Templates v1.0.7
1.5.3 1.5.2 1.5.1 1.5.0 1.4.9 1.4.6 1.4.7 1.4.8 1.4.5 1.4.4 1.4.3 1.2.7 1.2.8 1.2.9 1.3.0 1.3.1 1.3.2 1.3.3 1.3.4 1.3.5 1.3.6 1.3.7 1.3.8 1.3.9 1.4.0 All 47 releases
← All changes | widgets/heading/css/heading.css +175 -181 1.4.51.0.7 View file →
@@ -1,181 +1,175 @@
1 -:root {
2 - --e-global-color-primary: #FFD012;
3 - --e-global-color-secondary: #0B3665;
4 - --body-color: #121212bf;
5 -}
6 -
7 -.e-e-title {
8 - color: var(--e-global-color-secondary);
9 - margin: 0;
10 -}
11 -
12 -.e-e-title a {
13 - color: currentColor;
14 -}
15 -
16 -.e-e-title span {
17 - color: var(--e-global-color-primary);
18 - display: inline-block;
19 -}
20 -
21 -.e-e-description {
22 - color: var(--body-color);
23 - font-size: 20px;
24 - line-height: 150%;
25 -}
26 -
27 -.eel-sub-heading img,
28 -.eel-sub-heading svg {
29 - height: 1em;
30 - width: auto;
31 -}
32 -.eel-sub-heading.top {
33 - display: inline-block;
34 -}
35 -.eel-sub-heading.top span {
36 - display: block;
37 -}
38 -.eel-sub-heading.left, .eel-sub-heading.right {
39 - display: inline-flex !important;
40 - align-items: center;
41 - gap: 8px;
42 -}
43 -.eel-sub-heading.right {
44 - flex-direction: row-reverse;
45 -}
46 -
47 -.eel--separator-icon-wrap svg {
48 - height: 1em;
49 -}
50 -
51 -.eel--separator-icon {
52 - height: 4px;
53 - width: 50px;
54 - background: var(--e-global-color-primary);
55 - border-radius: 2px;
56 - position: relative;
57 - margin: 0 auto;
58 - display: inline-block;
59 -}
60 -.eel--separator-icon.dotted::before {
61 - content: "";
62 - position: absolute;
63 - top: 0;
64 - right: -10px;
65 - display: inline-block;
66 - width: 4px;
67 - height: 4px;
68 - border-radius: 50%;
69 - background-color: var(--e-global-color-primary);
70 - color: var(--e-global-color-primary);
71 - box-shadow: 9px 0 0 currentColor, 18px 0 0 currentColor;
72 -}
73 -
74 -.eel_full_title_start,
75 -.eel_title_start .e-e-title {
76 - border-left: 6px solid var(--e-global-color-primary);
77 - display: inline-table;
78 - padding-left: 10px;
79 - width: 100%;
80 -}
81 -
82 -.eel_full_title_end,
83 -.eel_title_end .e-e-title {
84 - border-right: 6px solid var(--e-global-color-primary);
85 - display: inline-table;
86 - padding-right: 10px;
87 - width: 100%;
88 -}
89 -
90 -.e-e-heading.has-watermark {
91 - position: relative;
92 - z-index: 1;
93 -}
94 -
95 -.eel-watermark {
96 - position: absolute;
97 - bottom: 10px;
98 - left: 10px;
99 - font-size: 120px;
100 - font-weight: bold;
101 - color: transparent;
102 - -webkit-text-stroke: 1px rgba(0, 0, 0, 0.3);
103 - text-stroke: 1px rgba(0, 0, 0, 0.3);
104 - pointer-events: none;
105 - -webkit-user-select: none;
106 - -moz-user-select: none;
107 - user-select: none;
108 - white-space: nowrap;
109 - z-index: 0;
110 - transform: translateY(-50%);
111 - line-height: 60%;
112 -}
113 -
114 -.eel-sub-heading.easy_gradiant_border {
115 - display: inline-block;
116 -}
117 -
118 -.easy_gradiant_border {
119 - position: relative;
120 - padding: 4px 18px;
121 -}
122 -
123 -.easy_gradiant_border::before {
124 - content: "";
125 - position: absolute;
126 - inset: 0;
127 - padding: 1px;
128 - background: linear-gradient(to right, var(--grad-color-1, rgba(0, 0, 0, 0.15)) 15%, var(--grad-color-2, rgba(0, 0, 0, 0.3)) 30%, var(--grad-color-3, rgba(0, 0, 0, 0.5)) 50%, var(--grad-color-2, rgba(0, 0, 0, 0.3)) 70%, var(--grad-color-1, rgba(0, 0, 0, 0.15)) 85%);
129 - -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
130 - -webkit-mask-composite: xor;
131 - mask-composite: exclude;
132 - pointer-events: none;
133 - z-index: -1;
134 - border-radius: var(--grad-border-radius, 40px);
135 - opacity: 0.5;
136 -}
137 -
138 -.easy-split-word,
139 -.easy-split-letter {
140 - font-style: normal;
141 -}
142 -
143 -.e-e-title.e-e-gradient-title div, .e-e-title.e-e-gradient-title {
144 - background: linear-gradient(68.75deg, #B0FF96 9.78%, #FFF1B5 92.67%);
145 - -webkit-background-clip: text;
146 - -webkit-text-fill-color: transparent;
147 - background-clip: text;
148 - text-fill-color: transparent;
149 - line-height: 1.1;
150 -}
151 -
152 -.e-e-title.eel-text-reveal {
153 - overflow: hidden;
154 - display: inline-block;
155 -}
156 -.e-e-title.eel-text-reveal .char {
157 - transform: translateY(115px);
158 - transition: transform 0.5s;
159 - overflow: hidden;
160 -}
161 -
162 -.eel-lines-bottom-v2 {
163 - overflow: hidden;
164 -}
165 -
166 -.eel-text-bouncev2 {
167 - display: inline-block;
168 - transform-origin: 50% 100%;
169 - will-change: transform, opacity;
170 -}
171 -
172 -.e-e-heading .e-e-title.e-e-image-fill div,
173 -.e-e-heading .e-e-title.e-e-image-fill {
174 - color: transparent;
175 - -webkit-background-clip: text;
176 - background-clip: text;
177 - -webkit-text-fill-color: transparent;
178 - background-repeat: no-repeat;
179 - background-position: center;
180 - background-size: cover;
181 -}
1 +:root {
2 + --e-global-color-primary: #FFD012;
3 + --e-global-color-secondary: #0B3665;
4 + --body-color: #121212bf;
5 +}
6 +
7 +.e-e-title {
8 + color: var(--e-global-color-secondary);
9 + margin-bottom: 16px;
10 +}
11 +
12 +.e-e-title a {
13 + color: currentColor;
14 +}
15 +
16 +.e-e-title span {
17 + color: var(--e-global-color-primary);
18 +}
19 +
20 +.e-e-description {
21 + color: var(--body-color);
22 + font-size: 20px;
23 + line-height: 150%;
24 +}
25 +
26 +.eel-sub-heading img,
27 +.eel-sub-heading svg {
28 + height: 1em;
29 + width: auto;
30 +}
31 +.eel-sub-heading.top {
32 + display: inline-block;
33 +}
34 +.eel-sub-heading.top span {
35 + display: block;
36 +}
37 +.eel-sub-heading.left, .eel-sub-heading.right {
38 + display: inline-flex !important;
39 + align-items: center;
40 + gap: 8px;
41 +}
42 +.eel-sub-heading.right {
43 + flex-direction: row-reverse;
44 +}
45 +
46 +.eel--separator-icon-wrap svg {
47 + height: 1em;
48 +}
49 +
50 +.eel--separator-icon {
51 + height: 4px;
52 + width: 50px;
53 + background: var(--e-global-color-primary);
54 + border-radius: 2px;
55 + position: relative;
56 + margin: 0 auto;
57 + display: inline-block;
58 +}
59 +.eel--separator-icon.dotted::before {
60 + content: "";
61 + position: absolute;
62 + top: 0;
63 + right: -10px;
64 + display: inline-block;
65 + width: 4px;
66 + height: 4px;
67 + border-radius: 50%;
68 + background-color: var(--e-global-color-primary);
69 + color: var(--e-global-color-primary);
70 + box-shadow: 9px 0 0 currentColor, 18px 0 0 currentColor;
71 +}
72 +
73 +.eel_full_title_start,
74 +.eel_title_start .e-e-title {
75 + border-left: 6px solid var(--e-global-color-primary);
76 + display: inline-table;
77 + padding-left: 10px;
78 + width: 100%;
79 +}
80 +
81 +.eel_full_title_end,
82 +.eel_title_end .e-e-title {
83 + border-right: 6px solid var(--e-global-color-primary);
84 + display: inline-table;
85 + padding-right: 10px;
86 + width: 100%;
87 +}
88 +
89 +.eel-watermark {
90 + position: absolute;
91 + bottom: 10px;
92 + right: 10px;
93 + font-size: 120px;
94 + font-weight: bold;
95 + color: transparent;
96 + -webkit-text-stroke: 1px rgba(0, 0, 0, 0.3);
97 + text-stroke: 1px rgba(0, 0, 0, 0.3);
98 + pointer-events: none;
99 + -webkit-user-select: none;
100 + -moz-user-select: none;
101 + user-select: none;
102 + white-space: nowrap;
103 + z-index: 0;
104 + transform: translateY(-50%);
105 + line-height: 60%;
106 +}
107 +
108 +.eel-sub-heading.easy_gradiant_border {
109 + display: inline-block;
110 +}
111 +
112 +.easy_gradiant_border {
113 + position: relative;
114 + padding: 4px 18px;
115 +}
116 +
117 +.easy_gradiant_border::before {
118 + content: "";
119 + position: absolute;
120 + inset: 0;
121 + padding: 1px;
122 + background: linear-gradient(to right, var(--grad-color-1, rgba(0, 0, 0, 0.15)) 15%, var(--grad-color-2, rgba(0, 0, 0, 0.3)) 30%, var(--grad-color-3, rgba(0, 0, 0, 0.5)) 50%, var(--grad-color-2, rgba(0, 0, 0, 0.3)) 70%, var(--grad-color-1, rgba(0, 0, 0, 0.15)) 85%);
123 + -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
124 + -webkit-mask-composite: xor;
125 + mask-composite: exclude;
126 + pointer-events: none;
127 + z-index: -1;
128 + border-radius: var(--grad-border-radius, 40px);
129 + opacity: 0.5;
130 +}
131 +
132 +.easy-split-word,
133 +.easy-split-letter {
134 + font-style: normal;
135 +}
136 +
137 +.e-e-title.e-e-gradient-title div, .e-e-title.e-e-gradient-title {
138 + background: linear-gradient(68.75deg, #B0FF96 9.78%, #FFF1B5 92.67%);
139 + -webkit-background-clip: text;
140 + -webkit-text-fill-color: transparent;
141 + background-clip: text;
142 + text-fill-color: transparent;
143 + line-height: 1.1;
144 +}
145 +
146 +.e-e-title.eel-text-reveal {
147 + overflow: hidden;
148 + display: inline-block;
149 +}
150 +.e-e-title.eel-text-reveal .char {
151 + transform: translateY(115px);
152 + transition: transform 0.5s;
153 + overflow: hidden;
154 +}
155 +
156 +.eel-lines-bottom-v2 {
157 + overflow: hidden;
158 +}
159 +
160 +.eel-text-bouncev2 {
161 + display: inline-block;
162 + transform-origin: 50% 100%;
163 + will-change: transform, opacity;
164 +}
165 +
166 +.e-e-heading .e-e-title.e-e-image-fill div,
167 +.e-e-heading .e-e-title.e-e-image-fill {
168 + color: transparent;
169 + -webkit-background-clip: text;
170 + background-clip: text;
171 + -webkit-text-fill-color: transparent;
172 + background-repeat: no-repeat;
173 + background-position: center;
174 + background-size: cover;
175 +}/*# sourceMappingURL=heading.css.map */