@kids-reporter/draft-renderer 1.0.28 → 1.0.29
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.
|
@@ -101,6 +101,35 @@ const FigureCaption = _styledComponents.default.figcaption`
|
|
|
101
101
|
text-align: left;
|
|
102
102
|
}
|
|
103
103
|
`;
|
|
104
|
+
case 'left':
|
|
105
|
+
return `
|
|
106
|
+
text-align: left;
|
|
107
|
+
${_mediaQuery.mediaQuery.smallOnly} {
|
|
108
|
+
max-width: 240px;
|
|
109
|
+
margin-left: 16px;
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
${_mediaQuery.mediaQuery.mediumAbove} {
|
|
113
|
+
margin-left: 0px;
|
|
114
|
+
margin-right: 0px;
|
|
115
|
+
}
|
|
116
|
+
|
|
117
|
+
${_mediaQuery.mediaQuery.desktopAbove} {
|
|
118
|
+
max-width: 128px;
|
|
119
|
+
position: absolute;
|
|
120
|
+
left: 0;
|
|
121
|
+
top: 100%;
|
|
122
|
+
margin-left: 0px;
|
|
123
|
+
}
|
|
124
|
+
|
|
125
|
+
${_mediaQuery.mediaQuery.largeOnly} {
|
|
126
|
+
max-width: 240px;
|
|
127
|
+
position: absolute;
|
|
128
|
+
left: 0;
|
|
129
|
+
top: 100%;
|
|
130
|
+
margin-left: 0px;
|
|
131
|
+
}
|
|
132
|
+
`;
|
|
104
133
|
case 'right':
|
|
105
134
|
return `
|
|
106
135
|
text-align: left;
|
|
@@ -262,6 +291,26 @@ const ArticleBodyContainer = _styledComponents.default.div`
|
|
|
262
291
|
max-width: 680px;
|
|
263
292
|
}
|
|
264
293
|
`;
|
|
294
|
+
case 'left':
|
|
295
|
+
return `
|
|
296
|
+
${_mediaQuery.mediaQuery.mediumAbove} {
|
|
297
|
+
width: 361px;
|
|
298
|
+
float: left;
|
|
299
|
+
margin: 0px 24px 20px 32px;
|
|
300
|
+
}
|
|
301
|
+
|
|
302
|
+
${_mediaQuery.mediaQuery.desktopAbove} {
|
|
303
|
+
width: 368px;
|
|
304
|
+
float: left;
|
|
305
|
+
margin: 0px 32px 0px 0px;
|
|
306
|
+
}
|
|
307
|
+
|
|
308
|
+
${_mediaQuery.mediaQuery.largeOnly} {
|
|
309
|
+
width: 451px;
|
|
310
|
+
float: left;
|
|
311
|
+
margin: 0px 40px 0px 0px;
|
|
312
|
+
}
|
|
313
|
+
`;
|
|
265
314
|
case 'right':
|
|
266
315
|
return `
|
|
267
316
|
${_mediaQuery.mediaQuery.mediumAbove} {
|
|
@@ -322,6 +371,14 @@ const InfoBoxContainer = exports.InfoBoxContainer = _styledComponents.default.di
|
|
|
322
371
|
|
|
323
372
|
${props => {
|
|
324
373
|
switch (props.$alignment) {
|
|
374
|
+
case 'left':
|
|
375
|
+
{
|
|
376
|
+
return `
|
|
377
|
+
width: 200px;
|
|
378
|
+
float: left;
|
|
379
|
+
margin: 20px 24px 20px 32px;
|
|
380
|
+
`;
|
|
381
|
+
}
|
|
325
382
|
case 'right':
|
|
326
383
|
{
|
|
327
384
|
return `
|
|
@@ -103,6 +103,35 @@ const FigureCaption = _styledComponents.default.figcaption`
|
|
|
103
103
|
text-align: left;
|
|
104
104
|
}
|
|
105
105
|
`;
|
|
106
|
+
case 'left':
|
|
107
|
+
return `
|
|
108
|
+
text-align: left;
|
|
109
|
+
${_mediaQuery.mediaQuery.smallOnly} {
|
|
110
|
+
max-width: 240px;
|
|
111
|
+
margin-left: 16px;
|
|
112
|
+
}
|
|
113
|
+
|
|
114
|
+
${_mediaQuery.mediaQuery.mediumAbove} {
|
|
115
|
+
margin-left: 0px;
|
|
116
|
+
margin-right: 0px;
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
${_mediaQuery.mediaQuery.desktopAbove} {
|
|
120
|
+
max-width: 128px;
|
|
121
|
+
position: absolute;
|
|
122
|
+
left: 0;
|
|
123
|
+
top: 100%;
|
|
124
|
+
margin-left: 0px;
|
|
125
|
+
}
|
|
126
|
+
|
|
127
|
+
${_mediaQuery.mediaQuery.largeOnly} {
|
|
128
|
+
max-width: 240px;
|
|
129
|
+
position: absolute;
|
|
130
|
+
left: 0;
|
|
131
|
+
top: 100%;
|
|
132
|
+
margin-left: 0px;
|
|
133
|
+
}
|
|
134
|
+
`;
|
|
106
135
|
case 'right':
|
|
107
136
|
return `
|
|
108
137
|
text-align: left;
|
|
@@ -254,6 +283,26 @@ const ArticleBodyContainer = _styledComponents.default.div`
|
|
|
254
283
|
max-width: 680px;
|
|
255
284
|
}
|
|
256
285
|
`;
|
|
286
|
+
case 'left':
|
|
287
|
+
return `
|
|
288
|
+
${_mediaQuery.mediaQuery.mediumAbove} {
|
|
289
|
+
width: 361px;
|
|
290
|
+
float: left;
|
|
291
|
+
margin: 0px 24px 20px 32px;
|
|
292
|
+
}
|
|
293
|
+
|
|
294
|
+
${_mediaQuery.mediaQuery.desktopAbove} {
|
|
295
|
+
width: 368px;
|
|
296
|
+
float: left;
|
|
297
|
+
margin: 0px 32px 0px 0px;
|
|
298
|
+
}
|
|
299
|
+
|
|
300
|
+
${_mediaQuery.mediaQuery.largeOnly} {
|
|
301
|
+
width: 451px;
|
|
302
|
+
float: left;
|
|
303
|
+
margin: 0px 40px 0px 0px;
|
|
304
|
+
}
|
|
305
|
+
`;
|
|
257
306
|
case 'right':
|
|
258
307
|
return `
|
|
259
308
|
${_mediaQuery.mediaQuery.mediumAbove} {
|