@rileybathurst/paddle 0.0.56 → 0.0.57
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/package.json +1 -1
- package/src/styles/layout.css +4 -21
package/package.json
CHANGED
package/src/styles/layout.css
CHANGED
|
@@ -261,11 +261,12 @@ header {
|
|
|
261
261
|
/* max-height: 23rem; TODO: guess and check can I use a variable */
|
|
262
262
|
/* overflow: hidden; */
|
|
263
263
|
|
|
264
|
+
.gatsby-image-wrapper {
|
|
265
|
+
max-width: 100%;
|
|
266
|
+
}
|
|
267
|
+
|
|
264
268
|
> img {
|
|
265
269
|
display: block;
|
|
266
|
-
|
|
267
|
-
/* ! test */
|
|
268
|
-
opacity: 0.5;
|
|
269
270
|
}
|
|
270
271
|
|
|
271
272
|
.paddler {
|
|
@@ -276,9 +277,6 @@ header {
|
|
|
276
277
|
box-shadow: none;
|
|
277
278
|
margin-block: 1rem;
|
|
278
279
|
|
|
279
|
-
/* ! test */
|
|
280
|
-
background-color: hotpink;
|
|
281
|
-
|
|
282
280
|
img {
|
|
283
281
|
border-radius: 50%;
|
|
284
282
|
border: 2px solid;
|
|
@@ -299,18 +297,12 @@ header {
|
|
|
299
297
|
border: 2px solid;
|
|
300
298
|
width: calc(100% - 4px);
|
|
301
299
|
height: calc(100% - 4px);
|
|
302
|
-
|
|
303
|
-
/* ! test */
|
|
304
|
-
background-color: hotpink;
|
|
305
300
|
}
|
|
306
301
|
|
|
307
302
|
.t1 {
|
|
308
303
|
grid-column: 1/5;
|
|
309
304
|
grid-row: 1/3;
|
|
310
305
|
aspect-ratio: 16/9;
|
|
311
|
-
|
|
312
|
-
/* ! test */
|
|
313
|
-
background-color: greenyellow;
|
|
314
306
|
}
|
|
315
307
|
|
|
316
308
|
.t2 {
|
|
@@ -319,17 +311,8 @@ header {
|
|
|
319
311
|
aspect-ratio: 16/9;
|
|
320
312
|
place-self: end;
|
|
321
313
|
|
|
322
|
-
/* ! test */
|
|
323
|
-
background-color: aquamarine;
|
|
324
|
-
|
|
325
314
|
img {
|
|
326
315
|
object-fit: cover !important;
|
|
327
316
|
}
|
|
328
317
|
}
|
|
329
318
|
}
|
|
330
|
-
|
|
331
|
-
/* ! testing */
|
|
332
|
-
.composition .gatsby-image-wrapper,
|
|
333
|
-
.composition img {
|
|
334
|
-
max-width: 100%;
|
|
335
|
-
}
|