-
Notifications
You must be signed in to change notification settings - Fork 1
/
social-pro.html.twig
189 lines (138 loc) · 9.83 KB
/
social-pro.html.twig
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
{% extends '@nucleus/partials/particle.html.twig' %}
{% block particle %}
{% if particle.tituloprincipal %}
<{{ particle.etiquetatitulo }} class="g-cualidades-titulo">{{ particle.tituloprincipal|raw }}</{{ particle.etiquetatitulo }}>
{% endif %}
<div class="g-socialpro {{ particle.css.class }}{% if particle.diseno %} {{ particle.diseno|e }}{% endif %}{% if particle.textodebajo %} g-social-pro-vertical{% endif %}{% if particle.display=='ambos' %} g-socialpro-ambos{% endif %} {{ particle.orientacionitems|e }}">
{% for item in particle.items %}
<a target="{{ particle.target|default('_blank')|e }}" href="{{ item.link|e }}" title="{{ item.text|e }}" aria-label="{{ item.text|e }}"
{%- if particle.espacioiconos -%} style="margin-right:{{ particle.espacioiconos }};"{%- endif -%}>
{%- if particle.diseno=='diseno1' or particle.diseno=='diseno2' or particle.diseno=='diseno3' or particle.diseno=='diseno8' -%}
{%- if particle.display=='solo_ico' or particle.display=='ambos' -%}
<i class="{{ item.icon|e }}"
{%- if item.coloricono -%} style="color:{{ item.coloricono }};"{% endif -%}>
</i>
{%- endif -%}
{%- if particle.display=='ambos' -%}
<span class="g-socialpro-texto" {%- if particle.colortexto -%} style="color:{{ particle.colortexto }};"{%- endif -%}>{{ item.text|e }}</span>
{%- endif -%}
{%- endif -%}
{%- if particle.diseno=='diseno4' -%}
{%- if particle.display=='solo_ico' or particle.display=='ambos' -%}
<i class="{{ item.icon|e }}"
{%- if item.coloricono -%} style="color:{{ item.coloricono }};"{% endif -%}>
<span {%- if item.coloricono -%} style="background:{{ item.coloricono }};"{%- endif -%}></span> </i>
{%- endif -%}
{%- if particle.display=='ambos' -%}
<span class="g-socialpro-texto" {%- if particle.colortexto -%} style="color:{{ particle.colortexto }};"{%- endif -%}>{{ item.text|e }}</span>
{%- endif -%}
{%- endif -%}
{%- if particle.diseno=='diseno5' or particle.diseno=='diseno6' or particle.diseno=='diseno7' or particle.diseno=='diseno15' -%}
{%- if particle.display=='solo_ico' or particle.display=='ambos' -%}
<i class="{{ item.icon|e }}"
{%- if item.coloricono -%} style="background:{{ item.coloricono }}; "{% endif -%}>
</i>
{%- endif -%}
{%- if particle.display=='ambos' -%}
<span class="g-socialpro-texto" {%- if particle.colortexto -%} style="color:{{ particle.colortexto }};"{%- endif -%}>{{ item.text|e }}</span>
{%- endif -%}
{% endif %}
{%- if particle.diseno=='diseno9' -%}
{%- if particle.display=='solo_ico' or particle.display=='ambos' -%}
<div class="g-socialpro-diseno9-con">
<span class="g-socialpro-diseno9-hover" {%- if item.coloricono -%} style="background:{{ item.coloricono }};"{%- endif -%}></span>
<i class="{{ item.icon|e }}"
{%- if item.coloricono -%} style="color:{{ item.coloricono }};"{%- endif -%}>
</i>
</div>
{% endif %}
{%- if particle.display=='ambos' -%}
<span class="g-socialpro-texto" {%- if particle.colortexto -%} style="color:{{ particle.colortexto }};"{%- endif -%}>{{ item.text|e }}</span>
{%- endif -%}
{%- endif -%}
{%- if particle.diseno=='diseno10' or particle.diseno=='diseno14' -%}
{%- if particle.display=='solo_ico' or particle.display=='ambos' -%}
<i class="{{ item.icon|e }}"
{%- if item.coloricono -%} style="color:{{ item.coloricono }};"{%- endif -%}>
</i>
{%- endif -%}
{%- if particle.display=='ambos' -%}
<span class="g-socialpro-texto" {%- if particle.colortexto -%} style="color:{{ particle.colortexto }};"{%- endif -%}>{{ item.text|e }}</span>
{%- endif -%}
{%- endif -%}
{%- if particle.diseno=='diseno11' -%}
{%- if particle.display=='solo_ico' or particle.display=='ambos' -%}
<i class="{{ item.icon|e }}"
{%- if item.coloricono -%} style="background:{{ item.coloricono }}; box-shadow:0px -0.2rem 0px rgba(0, 0, 0, 0.24) inset; "{%- endif -%}>
{%- endif -%}
{%- if particle.display=='ambos' -%}
<span class="g-socialpro-texto" {%- if particle.colortexto -%} style="color:{{ particle.colortexto }};"{%- endif -%}>{{ item.text|e }}</span>
{%- endif -%}
</i>
{%- endif -%}
{%- if particle.diseno=='diseno12' -%}
{%- if particle.display=='solo_ico' or particle.display=='ambos' -%}
<div class="g-socialpro-di12"{%- if item.coloricono -%} style="background:{{ item.coloricono }};border-left: 1px solid {{ item.coloricono }}; border-right: 1px solid {{ item.coloricono }};"{%- endif -%}>
<span class="g-socialpro12-pre"{%- if item.coloricono -%} style="background:{{ item.coloricono }}; border-left: 1px solid {{ item.coloricono }}; border-right: 1px solid {{ item.coloricono }};"{%- endif -%}></span>
<i class="{{ item.icon|e }}"></i>
<span class="g-socialpro12-post"{%- if item.coloricono -%} style="background:{{ item.coloricono }}; border-left: 1px solid {{ item.coloricono }}; border-right: 1px solid {{ item.coloricono }};"{%- endif -%}></span>
</div>
{% endif %}
{%- if particle.display=='ambos' -%}
<span class="g-socialpro-texto" {%- if particle.colortexto -%} style="color:{{ particle.colortexto }};"{%- endif -%}>{{ item.text|e }}</span>
{%- endif -%}
{%- endif -%}
{%- if particle.diseno=='diseno13' -%}
{%- if particle.display=='solo_ico' or particle.display=='ambos' -%}
<i class="{{ item.icon|e }}"
{%- if item.coloricono -%} style="color:{{ item.coloricono }}; background:{{ item.coloricono }}; box-shadow:0 -5rem 0 #fff inset;"{%- endif -%}>
</i>
{%- endif -%}
{%- if particle.display=='ambos' -%}
<span class="g-socialpro-texto" {%- if particle.colortexto -%} style="color:{{ particle.colortexto }};"{%- endif -%}>{{ item.text|e }}</span>
{%- endif -%}
{%- endif -%}
{%- if particle.diseno=='diseno16' -%}
{%- if particle.display=='solo_ico' or particle.display=='ambos' -%}
<div class="social-btn-cube">
<i class="social-btn-face {{ item.icon|e }} default"
{%- if item.coloricono -%} style="background:{{ item.coloricono }}; "{%- endif -%}>
</i>
<i class="social-btn-face {{ item.icon|e }} active"
{%- if item.coloricono -%} style="background:{{ item.coloricono }}; "{%- endif -%}>
</i>
</div>
{%- endif -%}
{%- if particle.display=='ambos' -%}
<span class="g-socialpro-texto" {%- if particle.colortexto -%} style="color:{{ particle.colortexto }};"{%- endif -%}>{{ item.text|e }}</span>
{%- endif -%}
{% endif %}
{%- if particle.diseno=='diseno17' -%}
{%- if particle.display=='solo_ico' or particle.display=='ambos' -%}
<span class="c--anim-btn">
<i class="c-anim-btn {{ item.icon|e }}" {%- if item.coloricono -%} style="background:{{ item.coloricono }}; "{%- endif -%}></i>
<i class="c-anim-btn-2 {{ item.icon|e }}" {%- if item.coloricono -%} style="background:{{ item.coloricono }}; "{%- endif -%}></i>
</span>
{%- endif -%}
{%- if particle.display=='ambos' -%}
<span class="g-socialpro-texto" {%- if particle.colortexto -%} style="color:{{ particle.colortexto }};"{%- endif -%}>{{ item.text|e }}</span>
{%- endif -%}
{%- endif -%}
{%- if particle.diseno=='diseno18' -%}
{%- if particle.display=='solo_ico' or particle.display=='ambos' -%}
<i class="{{ item.icon|e }}"
{%- if item.coloricono -%} style="background:{{ item.coloricono }};" {%- endif -%}>
</i>
<div class="tooltip" {%- if item.coloricono -%} style="background:{{ item.coloricono }};" {%- endif -%}>
<span {%- if item.coloricono %} style="color:{{ item.coloricono }}; border-top: 5px solid {{ item.coloricono }};"{%- endif -%}></span>
{{ item.text|e }}
</div>
{%- endif -%}
{%- if particle.display=='ambos' -%}
<span class="g-socialpro-texto" {%- if particle.colortexto -%} style="color:{{ particle.colortexto }};"{%- endif -%}>{{ item.text|e }}</span>
{%- endif -%}
{% endif %}
</a>
{% endfor %}
</div>
{% endblock %}