@cosense-toolbox/style 0.1.0-beta.6 → 0.1.0-beta.7
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/style.css +44 -0
package/package.json
CHANGED
package/style.css
CHANGED
|
@@ -331,6 +331,50 @@
|
|
|
331
331
|
max-height: none;
|
|
332
332
|
}
|
|
333
333
|
|
|
334
|
+
/* 動画は画像と同じ大きさの決まりで置く。 */
|
|
335
|
+
.page .video {
|
|
336
|
+
display: inline-block;
|
|
337
|
+
max-width: 100%;
|
|
338
|
+
max-height: 300px;
|
|
339
|
+
vertical-align: bottom;
|
|
340
|
+
}
|
|
341
|
+
|
|
342
|
+
.page .video[data-large] {
|
|
343
|
+
margin: 3px 0;
|
|
344
|
+
max-width: 95%;
|
|
345
|
+
max-height: none;
|
|
346
|
+
}
|
|
347
|
+
|
|
348
|
+
/* 音声は再生の操作とラベルを 1 行に並べる。 */
|
|
349
|
+
.page .audio {
|
|
350
|
+
display: inline-flex;
|
|
351
|
+
align-items: center;
|
|
352
|
+
gap: 0.5em;
|
|
353
|
+
max-width: 100%;
|
|
354
|
+
vertical-align: middle;
|
|
355
|
+
}
|
|
356
|
+
|
|
357
|
+
.page .audio audio {
|
|
358
|
+
max-width: 100%;
|
|
359
|
+
height: 2.5em;
|
|
360
|
+
}
|
|
361
|
+
|
|
362
|
+
/* 埋め込みのプレーヤーは 16:9。音声だけのサービスは高さを決めて横に伸ばす。 */
|
|
363
|
+
.page .embed {
|
|
364
|
+
display: block;
|
|
365
|
+
width: 100%;
|
|
366
|
+
max-width: 560px;
|
|
367
|
+
aspect-ratio: 16 / 9;
|
|
368
|
+
margin: 3px 0;
|
|
369
|
+
border: 0;
|
|
370
|
+
}
|
|
371
|
+
|
|
372
|
+
.page .embed[data-provider="spotify"],
|
|
373
|
+
.page .embed[data-provider="anchor"] {
|
|
374
|
+
aspect-ratio: auto;
|
|
375
|
+
height: 152px;
|
|
376
|
+
}
|
|
377
|
+
|
|
334
378
|
/*
|
|
335
379
|
* アイコンは a.icon > img.icon の入れ子。iconImageUrl を渡していないときは img が無く、
|
|
336
380
|
* ユーザー名のテキストリンクとして出る (色は .link から継承する)。
|