Skip to content

Commit f6e61d5

Browse files
rayhanuddin2019rayhanuddin2019
committed
Merge branch 'dashboard' of https://github.com/Wealcoder/animation-addons-for-elementor into dashboard
2 parents b3a6a93 + d36e3c6 commit f6e61d5

File tree

6 files changed

+1944
-51
lines changed

6 files changed

+1944
-51
lines changed

‎assets/css/widgets/author-box.css‎

Lines changed: 177 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,177 @@
1+
.wcf-author-box {
2+
display: flex;
3+
align-items: center;
4+
}
5+
6+
.wcf-author-box__avatar {
7+
flex-shrink: 0;
8+
margin-right: 25px;
9+
}
10+
11+
.wcf-author-box__avatar img {
12+
width: 100px;
13+
border-radius: 500px;
14+
-o-object-fit: cover;
15+
object-fit: cover;
16+
}
17+
18+
.wcf-author-box__text {
19+
flex-grow: 1;
20+
font-size: 17px;
21+
}
22+
.wcf-author-box__text ul {
23+
padding: 0;
24+
margin: 0;
25+
}
26+
.wcf-author-box__text li {
27+
list-style: none;
28+
}
29+
30+
.wcf-author-box__name {
31+
font-size: 24px;
32+
margin-bottom: 5px;
33+
}
34+
35+
.wcf-author-box__bio,
36+
.wcf-author-box__bio p {
37+
margin-bottom: 0.8em;
38+
}
39+
40+
.wcf-author-box__bio p:last-of-type {
41+
margin-bottom: 0;
42+
}
43+
44+
.wcf-author-box--layout-image-left .wcf-author-box {
45+
flex-direction: row;
46+
}
47+
48+
.wcf-author-box--layout-image-left .wcf-author-box__avatar {
49+
margin-left: 0;
50+
margin-right: 25px;
51+
}
52+
53+
.wcf-author-box--layout-image-right .wcf-author-box {
54+
flex-direction: row-reverse;
55+
}
56+
57+
.wcf-author-box--layout-image-right .wcf-author-box__avatar {
58+
margin-right: 0;
59+
margin-left: 25px;
60+
}
61+
62+
.wcf-author-box--layout-image-above .wcf-author-box {
63+
display: block;
64+
}
65+
66+
.wcf-author-box--layout-image-above .wcf-author-box__avatar {
67+
margin: 0 auto 15px;
68+
display: inline-block;
69+
}
70+
71+
.wcf-author-box--layout-image-above.wcf-author-box--align-left .wcf-author-box__avatar {
72+
margin-left: 0;
73+
}
74+
75+
.wcf-author-box--layout-image-above.wcf-author-box--align-right .wcf-author-box__avatar {
76+
margin-right: 0;
77+
}
78+
79+
.wcf-author-box--align-left .wcf-author-box {
80+
text-align: left;
81+
}
82+
.wcf-author-box--align-left .wcf--author-media ul,
83+
.wcf-author-box--align-left .wcf--author-meta {
84+
justify-content: flex-start;
85+
}
86+
87+
.wcf-author-box--align-right .wcf-author-box {
88+
text-align: right;
89+
}
90+
.wcf-author-box--align-right .wcf--author-media ul,
91+
.wcf-author-box--align-right .wcf--author-meta {
92+
justify-content: flex-end;
93+
}
94+
95+
.wcf-author-box--align-center .wcf-author-box {
96+
text-align: center;
97+
}
98+
.wcf-author-box--align-center .wcf--author-media ul,
99+
.wcf-author-box--align-center .wcf--author-meta {
100+
justify-content: center;
101+
}
102+
103+
.wcf-button.wcf-author-box__button {
104+
border: 2px solid #3f444b;
105+
font-size: 15px;
106+
font-weight: 100;
107+
padding: 10px 18px;
108+
display: inline-block;
109+
}
110+
111+
.wcf-button.wcf-author-box__button, .wcf-button.wcf-author-box__button:hover {
112+
background: transparent;
113+
color: #3f444b;
114+
}
115+
116+
.elementor-widget-wcf--author-box:not(.wcf-author-box--layout-image-above).wcf-author-box--image-valign-top .wcf-author-box__avatar,
117+
.elementor-widget-wcf--author-box:not(.wcf-author-box--layout-image-above) .wcf-author-box__avatar {
118+
align-self: flex-start;
119+
}
120+
121+
.elementor-widget-wcf--author-box:not(.wcf-author-box--layout-image-above).wcf-author-box--image-valign-middle .wcf-author-box__avatar {
122+
align-self: center;
123+
}
124+
125+
.wcf--author-meta {
126+
display: flex;
127+
align-items: center;
128+
gap: 20px;
129+
}
130+
.wcf--author-meta li {
131+
position: relative;
132+
}
133+
.wcf--author-meta li:last-child::after {
134+
display: none;
135+
}
136+
.wcf--author-meta li::after {
137+
position: absolute;
138+
content: "";
139+
width: 6px;
140+
height: 1px;
141+
background: currentColor;
142+
top: 50%;
143+
right: -13px;
144+
}
145+
146+
.wcf--author-contact a {
147+
transition: all 0.3s;
148+
display: inline-block;
149+
}
150+
151+
.wcf--author-media ul {
152+
display: flex;
153+
align-items: center;
154+
gap: 15px;
155+
}
156+
.wcf--author-media li a {
157+
gap: 4px;
158+
display: flex;
159+
align-items: center;
160+
transition: all 0.3s;
161+
}
162+
.wcf--author-media .icon {
163+
width: 30px;
164+
height: 30px;
165+
border: 1px solid;
166+
display: flex;
167+
align-items: center;
168+
justify-content: center;
169+
border-radius: 30px;
170+
padding: 3px;
171+
}
172+
.wcf--author-media .icon img {
173+
width: auto;
174+
height: auto;
175+
-o-object-fit: cover;
176+
object-fit: cover;
177+
}

‎assets/css/widgets/author-box.min.css‎

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎assets/src/scss/widgets/author-box.scss‎

Lines changed: 201 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,201 @@
1+
.wcf-author-box {
2+
display: flex;
3+
align-items: center
4+
}
5+
6+
.wcf-author-box__avatar {
7+
flex-shrink: 0;
8+
margin-right: 25px
9+
}
10+
11+
.wcf-author-box__avatar img {
12+
width: 100px;
13+
border-radius: 500px;
14+
-o-object-fit: cover;
15+
object-fit: cover
16+
}
17+
18+
.wcf-author-box__text {
19+
flex-grow: 1;
20+
font-size: 17px;
21+
22+
ul {
23+
padding: 0;
24+
margin: 0;
25+
}
26+
27+
li {
28+
list-style: none;
29+
}
30+
}
31+
32+
.wcf-author-box__name {
33+
font-size: 24px;
34+
margin-bottom: 5px
35+
}
36+
37+
.wcf-author-box__bio,
38+
.wcf-author-box__bio p {
39+
margin-bottom: .8em
40+
}
41+
42+
.wcf-author-box__bio p:last-of-type {
43+
margin-bottom: 0
44+
}
45+
46+
.wcf-author-box--layout-image-left .wcf-author-box {
47+
flex-direction: row
48+
}
49+
50+
.wcf-author-box--layout-image-left .wcf-author-box__avatar {
51+
margin-left: 0;
52+
margin-right: 25px
53+
}
54+
55+
.wcf-author-box--layout-image-right .wcf-author-box {
56+
flex-direction: row-reverse
57+
}
58+
59+
.wcf-author-box--layout-image-right .wcf-author-box__avatar {
60+
margin-right: 0;
61+
margin-left: 25px
62+
}
63+
64+
.wcf-author-box--layout-image-above .wcf-author-box {
65+
display: block
66+
}
67+
68+
.wcf-author-box--layout-image-above .wcf-author-box__avatar {
69+
margin: 0 auto 15px;
70+
display: inline-block
71+
}
72+
73+
.wcf-author-box--layout-image-above.wcf-author-box--align-left .wcf-author-box__avatar {
74+
margin-left: 0
75+
}
76+
77+
.wcf-author-box--layout-image-above.wcf-author-box--align-right .wcf-author-box__avatar {
78+
margin-right: 0
79+
}
80+
81+
.wcf-author-box--align-left {
82+
.wcf-author-box {
83+
text-align: left
84+
}
85+
86+
.wcf--author-media ul,
87+
.wcf--author-meta {
88+
justify-content: flex-start;
89+
}
90+
}
91+
92+
.wcf-author-box--align-right {
93+
.wcf-author-box {
94+
text-align: right
95+
}
96+
97+
.wcf--author-media ul,
98+
.wcf--author-meta {
99+
justify-content: flex-end;
100+
}
101+
}
102+
103+
.wcf-author-box--align-center {
104+
.wcf-author-box {
105+
text-align: center
106+
}
107+
108+
.wcf--author-media ul,
109+
.wcf--author-meta {
110+
justify-content: center;
111+
}
112+
}
113+
114+
.wcf-button.wcf-author-box__button {
115+
border: 2px solid #3f444b;
116+
font-size: 15px;
117+
font-weight: 100;
118+
padding: 10px 18px;
119+
display: inline-block;
120+
}
121+
122+
.wcf-button.wcf-author-box__button, .wcf-button.wcf-author-box__button:hover {
123+
background: transparent;
124+
color: #3f444b
125+
}
126+
127+
.elementor-widget-wcf--author-box:not(.wcf-author-box--layout-image-above).wcf-author-box--image-valign-top .wcf-author-box__avatar,
128+
.elementor-widget-wcf--author-box:not(.wcf-author-box--layout-image-above) .wcf-author-box__avatar {
129+
align-self: flex-start
130+
}
131+
132+
.elementor-widget-wcf--author-box:not(.wcf-author-box--layout-image-above).wcf-author-box--image-valign-middle .wcf-author-box__avatar {
133+
align-self: center
134+
}
135+
136+
// Author Meta
137+
.wcf--author-meta {
138+
display: flex;
139+
align-items: center;
140+
gap: 20px;
141+
142+
li {
143+
position: relative;
144+
145+
&:last-child::after {
146+
display: none;
147+
}
148+
149+
&::after {
150+
position: absolute;
151+
content: "";
152+
width: 6px;
153+
height: 1px;
154+
background: currentColor;
155+
top: 50%;
156+
right: -13px;
157+
}
158+
}
159+
160+
161+
}
162+
163+
.wcf--author-contact {
164+
a {
165+
transition: all 0.3s;
166+
display: inline-block;
167+
}
168+
}
169+
170+
.wcf--author-media {
171+
ul {
172+
display: flex;
173+
align-items: center;
174+
gap: 15px;
175+
}
176+
177+
li a {
178+
gap: 4px;
179+
display: flex;
180+
align-items: center;
181+
transition: all 0.3s;
182+
}
183+
184+
.icon {
185+
width: 30px;
186+
height: 30px;
187+
border: 1px solid;
188+
display: flex;
189+
align-items: center;
190+
justify-content: center;
191+
border-radius: 30px;
192+
padding: 3px;
193+
194+
img {
195+
width: auto;
196+
height: auto;
197+
object-fit: cover;
198+
}
199+
}
200+
201+
}

0 commit comments

Comments
 (0)