diff --git a/themes/develop/src/style/editor.css b/themes/develop/src/style/editor.css index 13ae9e1..6047853 100644 --- a/themes/develop/src/style/editor.css +++ b/themes/develop/src/style/editor.css @@ -20,22 +20,21 @@ display: flex; } - .prose :where([class*='column-embed'] .acms-embed-link-image-container) { + .prose + :where([class*='column-embed'] .acms-embed-link-image-container, [data-type='embedBlock'] .embed-block-card-image) { flex: none; width: calc(100% / 3); } - .prose :where([class*='column-embed'] .acms-embed-link-image-container img) { + .prose + :where( + [class*='column-embed'] .acms-embed-link-image-container img, + [data-type='embedBlock'] .embed-block-card-image img + ) { height: 100%; object-fit: cover; } - .prose :where([data-type='embedBlock'] .embed-block-card > img) { - flex: none; - width: calc(100% / 3); - object-fit: cover; - } - .prose :where([class*='column-embed'] .acms-embed-link-content, [data-type='embedBlock'] .embed-block-card-content) { width: calc(100% / 3 * 2); } diff --git a/themes/develop/tailwind.config.js b/themes/develop/tailwind.config.js index f556227..1db43b9 100644 --- a/themes/develop/tailwind.config.js +++ b/themes/develop/tailwind.config.js @@ -225,7 +225,7 @@ module.exports = { transitionProperty: 'opacity', }, // カードの画像の角丸を打ち消す - "[data-type='embedBlock'] .embed-block-card > img": { + "[data-type='embedBlock'] .embed-block-card-image img": { display: 'block', width: '100%', margin: '0',