@total_onion/onion-library 2.0.108 → 2.0.110
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/components/block-post-info-v3/post-info-v3/post-author.twig +17 -0
- package/components/block-post-info-v3/post-info-v3.scss +3 -18
- package/components/block-single-responsive-image-v3/single-responsive-image-v3.scss +1 -1
- package/package.json +1 -1
- package/public/block-post-info-v3/post-info-v3.css +3 -18
- package/public/block-single-responsive-image-v3/single-responsive-image-v3.css +4 -4
- package/components/block-post-info-v3/post-info-v3-extra.scss +0 -4
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
{% set gridLayoutElement = include('components/grid-layout-element-v3.twig', { fields: field, block: block }, with_context = false) %}
|
|
2
|
+
{% set textEditorStyleVars = include('components/text-editor-settings-variables-v3.twig', { fields: field, block, blockClassName, is_preview }, with_context = false) %}
|
|
3
|
+
{% set textEditorContainerClasses = include('components/text-editor-settings-container-classes-v3.twig', { fields: field, block, blockClassName, is_preview }, with_context = false) %}
|
|
4
|
+
{% set textEditorElementClasses = include('components/text-editor-settings-element-classes-v3.twig', { fields: field, block, blockClassName, is_preview }, with_context = false) %}
|
|
5
|
+
{% set elementType = field.element_type|ru %}
|
|
6
|
+
|
|
7
|
+
<style>
|
|
8
|
+
.{{blockClassName}}__post-title.{{block.id}}, .{{blockClassName}}__content-container.{{block.id}}{
|
|
9
|
+
{{textEditorStyleVars}}
|
|
10
|
+
{{gridLayoutElement}}
|
|
11
|
+
}
|
|
12
|
+
</style>
|
|
13
|
+
|
|
14
|
+
<div class="{{blockClassName}}__content-container {{textEditorContainerClasses}} {{block.id}} {{blockClassName}}__info-item">
|
|
15
|
+
<span class="{{blockClassName}}__post-author-label" data-pattern-post-info="label_text">{{field.label_text}}</span>
|
|
16
|
+
<{{elementType|default('p')}} data-pattern-post-info="post_author" class="{{blockClassName}}__post-author {{textEditorElementClasses}} {{block.id}}">{{post.author.name}}</{{elementType|default('p')}}>
|
|
17
|
+
</div>
|
|
@@ -140,6 +140,9 @@
|
|
|
140
140
|
object-fit: var(--image-fit-style);
|
|
141
141
|
margin: auto;
|
|
142
142
|
}
|
|
143
|
+
&__post-author-label {
|
|
144
|
+
display: flex;
|
|
145
|
+
}
|
|
143
146
|
&__global-image {
|
|
144
147
|
z-index: var(--global-image-zindex);
|
|
145
148
|
max-width: var(--global-image-max-width);
|
|
@@ -166,24 +169,6 @@
|
|
|
166
169
|
);
|
|
167
170
|
}
|
|
168
171
|
}
|
|
169
|
-
&__person-rating {
|
|
170
|
-
display: flex;
|
|
171
|
-
gap: 1em;
|
|
172
|
-
}
|
|
173
|
-
&__person-rating-star {
|
|
174
|
-
--rating-star-colour: gold;
|
|
175
|
-
width: core-functions-v3.fluidSize(20, 'static');
|
|
176
|
-
}
|
|
177
|
-
&__person-questionaire-list {
|
|
178
|
-
list-style-type: none;
|
|
179
|
-
}
|
|
180
|
-
&__person-email {
|
|
181
|
-
display: flex;
|
|
182
|
-
gap: 1em;
|
|
183
|
-
}
|
|
184
|
-
&__person-email-icon {
|
|
185
|
-
width: 1em;
|
|
186
|
-
}
|
|
187
172
|
&__post-text-alternative-style {
|
|
188
173
|
width: auto;
|
|
189
174
|
@include grid-layout-element-v3.gridLayoutElement();
|
package/package.json
CHANGED
|
@@ -1191,6 +1191,9 @@
|
|
|
1191
1191
|
object-fit: var(--image-fit-style);
|
|
1192
1192
|
margin: auto;
|
|
1193
1193
|
}
|
|
1194
|
+
.post-info-v3__post-author-label {
|
|
1195
|
+
display: flex;
|
|
1196
|
+
}
|
|
1194
1197
|
.post-info-v3__global-image {
|
|
1195
1198
|
z-index: var(--global-image-zindex);
|
|
1196
1199
|
max-width: var(--global-image-max-width);
|
|
@@ -1217,24 +1220,6 @@
|
|
|
1217
1220
|
max-width: calc(var(--logo-max-width-desktop) / var(--design-reference) * var(--screen-width));
|
|
1218
1221
|
}
|
|
1219
1222
|
}
|
|
1220
|
-
.post-info-v3__person-rating {
|
|
1221
|
-
display: flex;
|
|
1222
|
-
gap: 1em;
|
|
1223
|
-
}
|
|
1224
|
-
.post-info-v3__person-rating-star {
|
|
1225
|
-
--rating-star-colour: gold;
|
|
1226
|
-
width: calc(20 / var(--desktop-design-reference) * var(--screen-width-static));
|
|
1227
|
-
}
|
|
1228
|
-
.post-info-v3__person-questionaire-list {
|
|
1229
|
-
list-style-type: none;
|
|
1230
|
-
}
|
|
1231
|
-
.post-info-v3__person-email {
|
|
1232
|
-
display: flex;
|
|
1233
|
-
gap: 1em;
|
|
1234
|
-
}
|
|
1235
|
-
.post-info-v3__person-email-icon {
|
|
1236
|
-
width: 1em;
|
|
1237
|
-
}
|
|
1238
1223
|
.post-info-v3__post-text-alternative-style {
|
|
1239
1224
|
width: auto;
|
|
1240
1225
|
display: grid;
|
|
@@ -1,7 +1,3 @@
|
|
|
1
|
-
.single-responsive-image-v3 {
|
|
2
|
-
display: flex;
|
|
3
|
-
align-items: stretch;
|
|
4
|
-
}
|
|
5
1
|
.single-responsive-image-v3__picture {
|
|
6
2
|
width: 100%;
|
|
7
3
|
width: var(--image-width-mobile, 100%);
|
|
@@ -58,3 +54,7 @@
|
|
|
58
54
|
min-height: calc(var(--image-min-height-desktop) - (var(--global-site-header-height, 0px) - var(--cancel-header-height)));
|
|
59
55
|
}
|
|
60
56
|
}
|
|
57
|
+
.single-responsive-image-v3 {
|
|
58
|
+
display: flex;
|
|
59
|
+
align-items: stretch;
|
|
60
|
+
}
|