diff --git a/themes/develop/src/style/editor.css b/themes/develop/src/style/editor.css index 6047853..74a4d4c 100644 --- a/themes/develop/src/style/editor.css +++ b/themes/develop/src/style/editor.css @@ -21,7 +21,10 @@ } .prose - :where([class*='column-embed'] .acms-embed-link-image-container, [data-type='embedBlock'] .embed-block-card-image) { + :where( + [class*='column-embed'] .acms-embed-link-image-container, + [data-type='embedBlock'] .embed-block-card-image-container + ) { flex: none; width: calc(100% / 3); } @@ -29,7 +32,7 @@ .prose :where( [class*='column-embed'] .acms-embed-link-image-container img, - [data-type='embedBlock'] .embed-block-card-image img + [data-type='embedBlock'] .embed-block-card-image-container img ) { height: 100%; object-fit: cover; diff --git a/themes/develop/tailwind.config.js b/themes/develop/tailwind.config.js index 1db43b9..844c29a 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-image img": { + "[data-type='embedBlock'] .embed-block-card-image-container img": { display: 'block', width: '100%', margin: '0',