@ckeditor/ckeditor5-media-embed
Version:
Media embed feature for CKEditor 5.
1 lines • 6.59 kB
Source Map (JSON)
{"version":3,"sources":["../theme/index-content.css","index-content.css"],"names":[],"mappings":"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","file":"index-content.css.map","sourcesContent":["/*\n * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.\n * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options\n */\n\n.ck-content .media {\n\t/* Don't allow floated content overlap the media.\n\thttps://github.com/ckeditor/ckeditor5-media-embed/issues/53 */\n\tclear: both;\n\n\t/* Make sure there is some space between the content and the media. */\n\t/* The first value should be equal to --ck-spacing-large variable if used in the editor context\n\tto avoid the content jumping (See https://github.com/ckeditor/ckeditor5/issues/9825). */\n\tmargin: 0.9em auto;\n\n\t/* Make sure media is not overriden with Bootstrap default `flex` value.\n\tSee: https://github.com/ckeditor/ckeditor5/issues/1373. */\n\tdisplay: block;\n\n\t/* Give the media some minimal width in the content to prevent them\n\tfrom being \"squashed\" in tight spaces, e.g. in table cells (https://github.com/ckeditor/ckeditor5-media-embed/issues/44) */\n\tmin-width: 15em;\n}\n\n/* Preserve the historical 300px default size for unresized Spotify embeds (backward\n compatibility). Set on the figure so the selection outline hugs the embed; an inline\n `style=\"width: X%\"` from resize beats this rule.\n Spotify's responsive breakpoint is 280px — below it the embed's internal layout\n switches and the iframe's declared aspect ratio no longer matches. The 286px min-width\n reserves 3px per side for the widget border that track changes suggestion markers\n (insertion, deletion, formatInline) paint on the figure, so the iframe interior stays\n at or above 280px even with an active marker. */\n.ck-content .media:has(> div[data-oembed-url*=\"open.spotify.com\"]) {\n\twidth: 300px;\n\tmin-width: 286px;\n}\n.ck-content .media.media_resized {\n\tdisplay: block;\n\tbox-sizing: border-box;\n\tmax-width: 100%;\n\n\t/* The wrapper should fill the figure when an explicit width is set. */\n\t& > div[data-oembed-url] {\n\t\twidth: 100%;\n\t}\n}\n:root {\n\t/* Side spacing between a floated media and surrounding text. */\n\t--ck-content-media-style-spacing: 1.5em;\n}\n.ck-content {\n\t/* `clear: none` lets multiple floats stack horizontally. `width: 100%` keeps float\n\t from collapsing the iframe to its 300×150 default; resize's inline `style=\"width: …\"`\n\t and Spotify's `:has()` rule in mediaembedediting.css both win on specificity. */\n\t& .media.media-style-align-left,\n\t& .media.media-style-align-right {\n\t\tclear: none;\n\t\twidth: 100%;\n\t}\n\n\t& .media.media-style-align-left {\n\t\tfloat: left;\n\t\tmargin-right: var(--ck-content-media-style-spacing);\n\t}\n\n\t& .media.media-style-align-right {\n\t\tfloat: right;\n\t\tmargin-left: var(--ck-content-media-style-spacing);\n\t}\n\n\t/* Margin-auto shifts a width-constrained figure within its line — a no-op for full-width\n\t figures, visible once a width constraint applies (resize's inline width, or Spotify's\n\t backward-compat 300px). */\n\t& .media.media-style-block-align-left {\n\t\tmargin-left: 0;\n\t\tmargin-right: auto;\n\t}\n\n\t& .media.media-style-block-align-right {\n\t\tmargin-left: auto;\n\t\tmargin-right: 0;\n\t}\n}\n",".ck-content .media {\n clear: both;\n min-width: 15em;\n margin: .9em auto;\n display: block;\n}\n\n.ck-content .media:has( > div[data-oembed-url*=\"open.spotify.com\"]) {\n width: 300px;\n min-width: 286px;\n}\n\n.ck-content .media.media_resized {\n box-sizing: border-box;\n max-width: 100%;\n display: block;\n}\n\n.ck-content .media.media_resized > div[data-oembed-url] {\n width: 100%;\n}\n\n:root {\n --ck-content-media-style-spacing: 1.5em;\n}\n\n.ck-content .media.media-style-align-left, .ck-content .media.media-style-align-right {\n clear: none;\n width: 100%;\n}\n\n.ck-content .media.media-style-align-left {\n float: left;\n margin-right: var(--ck-content-media-style-spacing);\n}\n\n.ck-content .media.media-style-align-right {\n float: right;\n margin-left: var(--ck-content-media-style-spacing);\n}\n\n.ck-content .media.media-style-block-align-left {\n margin-left: 0;\n margin-right: auto;\n}\n\n.ck-content .media.media-style-block-align-right {\n margin-left: auto;\n margin-right: 0;\n}\n\n/*# sourceMappingURL=index-content.css.map */"]}