diff options
| author | Charles <sircharlesaze@gmail.com> | 2020-01-07 13:06:14 +0100 |
|---|---|---|
| committer | Charles <sircharlesaze@gmail.com> | 2020-01-07 13:06:14 +0100 |
| commit | 7086111ad4dd997e12a3220e1ee60c9b9bcf0bb8 (patch) | |
| tree | f7453d7dd5cbaaab246e23810b02d3edf1e451be /srcs/wordpress/wp-includes/css/dist/block-library | |
| parent | c59bdcf77c50cbe89b4a93782cdd6d9e7532080e (diff) | |
| download | ft_server-7086111ad4dd997e12a3220e1ee60c9b9bcf0bb8.tar.gz ft_server-7086111ad4dd997e12a3220e1ee60c9b9bcf0bb8.tar.bz2 ft_server-7086111ad4dd997e12a3220e1ee60c9b9bcf0bb8.zip | |
Added wordpress
Diffstat (limited to 'srcs/wordpress/wp-includes/css/dist/block-library')
12 files changed, 6484 insertions, 0 deletions
diff --git a/srcs/wordpress/wp-includes/css/dist/block-library/editor-rtl.css b/srcs/wordpress/wp-includes/css/dist/block-library/editor-rtl.css new file mode 100644 index 0000000..bf3b247 --- /dev/null +++ b/srcs/wordpress/wp-includes/css/dist/block-library/editor-rtl.css @@ -0,0 +1,1561 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * Often re-used variables + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Button states and focus styles + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Applies editor right position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles for JavaScript UI based pages. + * This is a WP-admin agnostic reset + */ +/** + * Reset the WP Admin page styles for Gutenberg-like pages. + */ +.block-editor ul.wp-block-archives { + padding-right: 2.5em; } + +.wp-block-audio { + margin-right: 0; + margin-left: 0; } + +.edit-post-visual-editor .block-library-block__reusable-block-container .block-editor-writing-flow__click-redirect { + height: auto; } + +.block-editor-block-list__block[data-type="core/button"][data-align="center"] { + text-align: center; } + .block-editor-block-list__block[data-type="core/button"][data-align="center"] div[data-block] { + margin-right: auto; + margin-left: auto; } + +.block-editor-block-list__block[data-type="core/button"][data-align="right"] { + text-align: right; } + +.wp-block-button { + position: relative; } + .wp-block-button [contenteditable] { + cursor: text; } + .wp-block-button .block-editor-rich-text { + display: inline-block; } + .wp-block-button:not(.has-text-color):not(.is-style-outline) [data-rich-text-placeholder]::after { + color: #fff; } + .wp-block-button .block-editor-rich-text__editable:focus { + box-shadow: 0 0 0 1px #fff, 0 0 0 3px #00a0d2; + outline: 2px solid transparent; + outline-offset: -2px; } + .wp-block-button [data-rich-text-placeholder]::after { + opacity: 0.8; } + +.wp-block-button__inline-link { + color: #555d66; + height: 0; + overflow: hidden; + max-width: 290px; } + .wp-block-button__inline-link-input__suggestions { + max-width: 290px; } + @media (min-width: 782px) { + .wp-block-button__inline-link { + max-width: 260px; } + .wp-block-button__inline-link-input__suggestions { + max-width: 260px; } } + @media (min-width: 960px) { + .wp-block-button__inline-link { + max-width: 290px; } + .wp-block-button__inline-link-input__suggestions { + max-width: 290px; } } + .is-selected .wp-block-button__inline-link, + .is-typing .wp-block-button__inline-link { + height: auto; + overflow: visible; + margin-top: 16px; } + +div[data-type="core/button"] div[data-block] { + display: table; } + +.block-editor .wp-block-categories ul { + padding-right: 2.5em; } + .block-editor .wp-block-categories ul ul { + margin-top: 6px; } + +.wp-block-code .block-editor-plain-text { + font-family: Menlo, Consolas, monaco, monospace; + color: #23282d; + /* Fonts smaller than 16px causes mobile safari to zoom. */ + font-size: 16px; } + @media (min-width: 600px) { + .wp-block-code .block-editor-plain-text { + font-size: 13px; } } + .wp-block-code .block-editor-plain-text:focus { + box-shadow: none; } + +.components-tab-button { + display: inline-flex; + align-items: flex-end; + margin: 0; + padding: 3px; + background: none; + outline: none; + color: #555d66; + cursor: pointer; + position: relative; + height: 36px; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + font-size: 13px; + font-weight: 500; + border: 0; } + .components-tab-button.is-active, .components-tab-button.is-active:hover { + color: #fff; } + .components-tab-button:disabled { + cursor: default; } + .components-tab-button > span { + border: 1px solid transparent; + padding: 0 6px; + box-sizing: content-box; + height: 28px; + line-height: 28px; } + .components-tab-button:hover > span, + .components-tab-button:focus > span { + color: #555d66; } + .components-tab-button:not(:disabled).is-active > span, + .components-tab-button:not(:disabled):hover > span, + .components-tab-button:not(:disabled):focus > span { + border: 1px solid #555d66; } + .components-tab-button.is-active > span, + .components-tab-button.is-active:hover > span { + background-color: #555d66; + color: #fff; } + +.wp-block-columns .editor-block-list__layout { + margin-right: 0; + margin-left: 0; } + .wp-block-columns .editor-block-list__layout .editor-block-list__block { + max-width: none; } + +[data-type="core/columns"][data-align="full"] .wp-block-columns > .editor-inner-blocks { + padding-right: 14px; + padding-left: 14px; } + @media (min-width: 600px) { + [data-type="core/columns"][data-align="full"] .wp-block-columns > .editor-inner-blocks { + padding-right: 46px; + padding-left: 46px; } } + +.wp-block-columns { + display: block; } + .wp-block-columns > .editor-inner-blocks > .editor-block-list__layout { + display: flex; + flex-wrap: wrap; } + @media (min-width: 782px) { + .wp-block-columns > .editor-inner-blocks > .editor-block-list__layout { + flex-wrap: nowrap; } } + .wp-block-columns > .editor-inner-blocks > .editor-block-list__layout > [data-type="core/column"], + .wp-block-columns > .editor-inner-blocks > .editor-block-list__layout > [data-type="core/column"] > .editor-block-list__block-edit, + .wp-block-columns > .editor-inner-blocks > .editor-block-list__layout > [data-type="core/column"] > .editor-block-list__block-edit > div[data-block], + .wp-block-columns > .editor-inner-blocks > .editor-block-list__layout > [data-type="core/column"] > .editor-block-list__block-edit .block-core-columns { + display: flex; + flex-direction: column; + flex: 1 1 auto; } + @supports ((position: -webkit-sticky) or (position: sticky)) { + .wp-block-columns > .editor-inner-blocks > .editor-block-list__layout > [data-type="core/column"], + .wp-block-columns > .editor-inner-blocks > .editor-block-list__layout > [data-type="core/column"] > .editor-block-list__block-edit, + .wp-block-columns > .editor-inner-blocks > .editor-block-list__layout > [data-type="core/column"] > .editor-block-list__block-edit > div[data-block], + .wp-block-columns > .editor-inner-blocks > .editor-block-list__layout > [data-type="core/column"] > .editor-block-list__block-edit .block-core-columns { + flex: 1; } } + .wp-block-columns > .editor-inner-blocks > .editor-block-list__layout > [data-type="core/column"] { + padding-right: 0; + padding-left: 0; + margin-right: -14px; + margin-left: -14px; + min-width: 0; + word-break: break-word; + overflow-wrap: break-word; + flex-basis: 100%; } + @media (min-width: 600px) { + .wp-block-columns > .editor-inner-blocks > .editor-block-list__layout > [data-type="core/column"] { + flex-basis: calc(50% - (16px + 28px)); + flex-grow: 0; + margin-right: 14px; + margin-left: 14px; } } + @media (min-width: 600px) { + .wp-block-columns > .editor-inner-blocks > .editor-block-list__layout > [data-type="core/column"]:nth-child(even) { + margin-right: calc(32px + 14px); } } + @media (min-width: 782px) { + .wp-block-columns > .editor-inner-blocks > .editor-block-list__layout > [data-type="core/column"]:not(:first-child) { + margin-right: calc(32px + 14px); } } + .wp-block-columns > .editor-inner-blocks > .editor-block-list__layout > [data-type="core/column"] > .editor-block-list__block-edit { + margin-top: 0; + margin-bottom: 0; } + .wp-block-columns > .editor-inner-blocks > .editor-block-list__layout > [data-type="core/column"] > .editor-block-list__block-edit::before { + right: 0; + left: 0; } + .wp-block-columns > .editor-inner-blocks > .editor-block-list__layout > [data-type="core/column"] > .editor-block-list__block-edit > .editor-block-contextual-toolbar { + margin-right: -1px; } + .wp-block-columns > .editor-inner-blocks > .editor-block-list__layout > [data-type="core/column"] > .editor-block-list__block-edit > [data-block] { + margin-top: 0; + margin-bottom: 0; } + .wp-block-columns > .editor-inner-blocks > .editor-block-list__layout > [data-type="core/column"] > .editor-block-list__block-edit > div > .block-core-columns > .editor-inner-blocks { + margin-top: -28px; + margin-bottom: -28px; } + +/** + * Columns act as as a "passthrough container" + * and therefore has its vertical margins/padding removed via negative margins + * therefore we need to compensate for this here by doubling the spacing on the + * vertical to ensure there is equal visual spacing around the inserter. Note there + * is no formal API for a "passthrough" Block so this is an edge case overide + */ +[data-type="core/columns"] .block-list-appender { + margin-top: 28px; + margin-bottom: 28px; } + +[data-type="core/columns"] [data-type="core/column"].is-selected .block-list-appender { + margin: 14px 0; } + +/** + * Vertical Alignment Preview + * note: specificity is important here to ensure individual + * * columns alignment is prioritised over parent column alignment + * + */ +.are-vertically-aligned-top .block-core-columns, +div.block-core-columns.is-vertically-aligned-top { + justify-content: flex-start; } + +.are-vertically-aligned-center .block-core-columns, +div.block-core-columns.is-vertically-aligned-center { + justify-content: center; } + +.are-vertically-aligned-bottom .block-core-columns, +div.block-core-columns.is-vertically-aligned-bottom { + justify-content: flex-end; } + +/** + * Fixes single Column breadcrumb position. + */ +[data-type="core/column"] > .editor-block-list__block-edit > .editor-block-list__breadcrumb { + right: -3px; } + +/** + * Make single Column overlay not extend past boundaries of parent + */ +.block-core-columns > .block-editor-inner-blocks.has-overlay::after { + right: 0; + left: 0; } + +/** + * Add extra padding when the parent block is selected, for easier interaction. + */ +.block-editor-block-list__layout .block-editor-block-list__block[data-type="core/columns"].is-selected > .block-editor-block-list__block-edit > [data-block] > div > .block-editor-inner-blocks, +.block-editor-block-list__layout .block-editor-block-list__block[data-type="core/columns"].has-child-selected > .block-editor-block-list__block-edit > [data-block] > div > .block-editor-inner-blocks, +.block-editor-block-list__layout .block-editor-block-list__block[data-type="core/column"].is-selected > .block-editor-block-list__block-edit > [data-block] > div > .block-editor-inner-blocks, +.block-editor-block-list__layout .block-editor-block-list__block[data-type="core/column"].has-child-selected > .block-editor-block-list__block-edit > [data-block] > div > .block-editor-inner-blocks { + padding: 14px; } + .block-editor-block-list__layout .block-editor-block-list__block[data-type="core/columns"].is-selected > .block-editor-block-list__block-edit > [data-block] > div > .block-editor-inner-blocks > .components-placeholder, + .block-editor-block-list__layout .block-editor-block-list__block[data-type="core/columns"].has-child-selected > .block-editor-block-list__block-edit > [data-block] > div > .block-editor-inner-blocks > .components-placeholder, + .block-editor-block-list__layout .block-editor-block-list__block[data-type="core/column"].is-selected > .block-editor-block-list__block-edit > [data-block] > div > .block-editor-inner-blocks > .components-placeholder, + .block-editor-block-list__layout .block-editor-block-list__block[data-type="core/column"].has-child-selected > .block-editor-block-list__block-edit > [data-block] > div > .block-editor-inner-blocks > .components-placeholder { + margin: -14px; + width: calc(100% + 28px); } + +.wp-block-cover-image.components-placeholder h2, +.wp-block-cover.components-placeholder h2 { + color: inherit; } + +.wp-block-cover-image.has-right-content .block-editor-rich-text__inline-toolbar, +.wp-block-cover-image.has-left-content .block-editor-rich-text__inline-toolbar, +.wp-block-cover.has-right-content .block-editor-rich-text__inline-toolbar, +.wp-block-cover.has-left-content .block-editor-rich-text__inline-toolbar { + display: inline-block; } + +.wp-block-cover-image .block-editor-block-list__layout, +.wp-block-cover .block-editor-block-list__layout { + width: 100%; } + +.wp-block-cover-image .block-editor-block-list__block, +.wp-block-cover .block-editor-block-list__block { + color: #f8f9f9; } + +.wp-block-cover-image .wp-block-cover__inner-container, +.wp-block-cover .wp-block-cover__inner-container { + text-align: right; } + +.wp-block-cover-image .wp-block-cover__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout, +.wp-block-cover .wp-block-cover__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout { + margin-right: 0; + margin-left: 0; } + +.wp-block-cover-image.components-placeholder, +.wp-block-cover.components-placeholder { + background: rgba(139, 139, 150, 0.1); + min-height: 200px; } + .is-dark-theme .wp-block-cover-image.components-placeholder, .is-dark-theme + .wp-block-cover.components-placeholder { + background: rgba(255, 255, 255, 0.15); } + +.wp-block-cover-image .wp-block-cover__placeholder-color-palette, +.wp-block-cover .wp-block-cover__placeholder-color-palette { + max-width: 290px; + margin-top: 1em; } + +[data-align="left"] .wp-block-cover-image, +[data-align="right"] .wp-block-cover-image, [data-align="left"] +.wp-block-cover, +[data-align="right"] +.wp-block-cover { + max-width: 305px; + width: 100%; } + +.block-library-cover__reset-button { + margin-right: auto; } + +.block-library-cover__resize-container:not(.is-resizing) { + height: auto !important; } + +.wp-block-embed { + margin-right: 0; + margin-left: 0; + clear: both; } + @media (min-width: 600px) { + .wp-block-embed { + min-width: 360px; } + .wp-block-embed.components-placeholder { + min-width: 0; } } + .wp-block-embed.is-loading { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + padding: 1em; + min-height: 200px; + text-align: center; + background: #f8f9f9; } + .wp-block-embed.is-loading p { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + font-size: 13px; } + .wp-block-embed .components-placeholder__error { + word-break: break-word; } + .wp-block-embed .components-placeholder__learn-more { + margin-top: 1em; } + +.block-library-embed__interactive-overlay { + position: absolute; + top: 0; + right: 0; + left: 0; + bottom: 0; + opacity: 0; } + +.wp-block-file { + display: flex; + justify-content: space-between; + align-items: center; + margin-bottom: 0; } + .wp-block-file .wp-block-file__content-wrapper { + flex-grow: 1; } + .wp-block-file .wp-block-file__textlink { + display: inline-block; + min-width: 1em; } + .wp-block-file .wp-block-file__textlink:focus { + box-shadow: none; } + .wp-block-file .wp-block-file__button-richtext-wrapper { + display: inline-block; + margin-right: 0.75em; } + .wp-block-file .wp-block-file__copy-url-button { + margin-right: 1em; } + +.wp-block-freeform.block-library-rich-text__tinymce { + /* Remove blue highlighting of selected images in WebKit */ + /* Image captions */ + /* WP Views */ } + .wp-block-freeform.block-library-rich-text__tinymce p, + .wp-block-freeform.block-library-rich-text__tinymce li { + line-height: 1.8; } + .wp-block-freeform.block-library-rich-text__tinymce ul, + .wp-block-freeform.block-library-rich-text__tinymce ol { + padding-right: 2.5em; + margin-right: 0; } + .wp-block-freeform.block-library-rich-text__tinymce blockquote { + margin: 0; + box-shadow: inset 0 0 0 0 #e2e4e7; + border-right: 4px solid #000; + padding-right: 1em; } + .wp-block-freeform.block-library-rich-text__tinymce pre { + white-space: pre-wrap; + font-family: Menlo, Consolas, monaco, monospace; + font-size: 14px; + color: #23282d; } + .wp-block-freeform.block-library-rich-text__tinymce > *:first-child { + margin-top: 0; } + .wp-block-freeform.block-library-rich-text__tinymce > *:last-child { + margin-bottom: 0; } + .wp-block-freeform.block-library-rich-text__tinymce.mce-edit-focus { + outline: none; } + .wp-block-freeform.block-library-rich-text__tinymce a { + color: #007fac; } + .wp-block-freeform.block-library-rich-text__tinymce:focus a[data-mce-selected] { + padding: 0 2px; + margin: 0 -2px; + border-radius: 2px; + box-shadow: 0 0 0 1px #e5f5fa; + background: #e5f5fa; } + .wp-block-freeform.block-library-rich-text__tinymce code { + padding: 2px; + border-radius: 2px; + color: #23282d; + background: #f3f4f5; + font-family: Menlo, Consolas, monaco, monospace; + font-size: 14px; } + .wp-block-freeform.block-library-rich-text__tinymce:focus code[data-mce-selected] { + background: #e8eaeb; } + .wp-block-freeform.block-library-rich-text__tinymce .alignright { + float: right; + margin: 0.5em 0 0.5em 1em; } + .wp-block-freeform.block-library-rich-text__tinymce .alignleft { + float: left; + margin: 0.5em 1em 0.5em 0; } + .wp-block-freeform.block-library-rich-text__tinymce .aligncenter { + display: block; + margin-right: auto; + margin-left: auto; } + .wp-block-freeform.block-library-rich-text__tinymce .wp-more-tag { + width: 96%; + height: 20px; + display: block; + margin: 15px auto; + outline: 0; + cursor: default; + background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAADtgAAAAoBAMAAAA86gLBAAAAJFBMVEVMaXG7u7vBwcHDw8POzs68vLzGxsbMzMy+vr7AwMDQ0NDGxsYKLGzpAAAADHRSTlMA///zWf+/f///TMxNVGuqAAABwklEQVR4Ae3dMXLaQBTH4bfj8UCpx8hq0vgKvgFNemhT6Qo6gg6R+0ZahM2QLmyBJ99XWP9V5+o3jIUcLQEAAAAAAAAAAAAAAAAAAAAAAABQ8j0WL9lfTtlt18uNXAUA8O/KVtfa1tdcrOdSh9gCQAMlh1hMNbZZ1bsrsQWABsrhLRbz7z5in/32UbfUMUbkMQCAh5RfGYv82UdMdZ6HS2wjT2ILAI8r3XmM2B3WvM59vfO2xXYW2yYAENuPU8S+X/N67mKxzy225yaxBQCxLV392UdcvwV0jPVUj98ntkBWT7C7+9u2/V/vGtvXIWJ6/4rtbottWa6Ri0NUT/u72LYttrb97LHdvUXMxxrb8TO2W2TF1rYbbLG1bbGNjMi4+2Sbi1FsbbvNFlvbFtt5fDnE3d9sP1/XeIyV2Nr2U2/guZUuptNrH/dPI9eLB6SaAEBs6wPJf3/PNk9tYgsAYrv/8TFuzx/fvkFqGtrEFgDEdpcZUb7ejXy6ntrEFgDENvL6gsas4vbdyKt4DACI7TxElJv/Z7udpqFNbAFAbKduy2uU2trttM/x28UWAAAAAAAAAAAAAAAAAAAAAAAAAADgDyPwGmGTCZp7AAAAAElFTkSuQmCC); + background-size: 1900px 20px; + background-repeat: no-repeat; + background-position: center; } + .wp-block-freeform.block-library-rich-text__tinymce img::selection { + background-color: transparent; } + .wp-block-freeform.block-library-rich-text__tinymce div.mceTemp { + -ms-user-select: element; } + .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption { + margin: 0; + /* dl browser reset */ + max-width: 100%; } + .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption a, + .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption img { + display: block; } + .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption, + .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption * { + -webkit-user-drag: none; } + .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption .wp-caption-dd { + padding-top: 0.5em; + margin: 0; + /* browser dd reset */ } + .wp-block-freeform.block-library-rich-text__tinymce .wpview { + width: 99.99%; + /* All IE need hasLayout, incl. 11 (ugh, not again!!) */ + position: relative; + clear: both; + margin-bottom: 16px; + border: 1px solid transparent; } + .wp-block-freeform.block-library-rich-text__tinymce .wpview iframe { + display: block; + max-width: 100%; + background: transparent; } + .wp-block-freeform.block-library-rich-text__tinymce .wpview .mce-shim { + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; } + .wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected="2"] .mce-shim { + display: none; } + .wp-block-freeform.block-library-rich-text__tinymce .wpview .loading-placeholder { + border: 1px dashed #e8eaeb; + padding: 10px; } + .wp-block-freeform.block-library-rich-text__tinymce .wpview .wpview-error { + border: 1px solid #e8eaeb; + padding: 1em 0; + margin: 0; + word-wrap: break-word; } + .wp-block-freeform.block-library-rich-text__tinymce .wpview .wpview-error p { + margin: 0; + text-align: center; } + .wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected] .loading-placeholder, + .wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected] .wpview-error { + border-color: transparent; } + .wp-block-freeform.block-library-rich-text__tinymce .wpview .dashicons { + display: block; + margin: 0 auto; + width: 32px; + height: 32px; + font-size: 32px; } + .wp-block-freeform.block-library-rich-text__tinymce .wpview.wpview-type-gallery::after { + content: ""; + display: table; + clear: both; } + .wp-block-freeform.block-library-rich-text__tinymce .gallery img[data-mce-selected]:focus { + outline: none; } + .wp-block-freeform.block-library-rich-text__tinymce .gallery a { + cursor: default; } + .wp-block-freeform.block-library-rich-text__tinymce .gallery { + margin: auto -6px; + padding: 6px 0; + line-height: 1; + overflow-x: hidden; } + .wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-item { + float: right; + margin: 0; + text-align: center; + padding: 6px; + box-sizing: border-box; } + .wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-caption, + .wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-icon { + margin: 0; } + .wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-caption { + font-size: 13px; + margin: 4px 0; } + .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-1 .gallery-item { + width: 100%; } + .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-2 .gallery-item { + width: 50%; } + .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-3 .gallery-item { + width: 33.33333%; } + .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-4 .gallery-item { + width: 25%; } + .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-5 .gallery-item { + width: 20%; } + .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-6 .gallery-item { + width: 16.66667%; } + .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-7 .gallery-item { + width: 14.28571%; } + .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-8 .gallery-item { + width: 12.5%; } + .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-9 .gallery-item { + width: 11.11111%; } + .wp-block-freeform.block-library-rich-text__tinymce .gallery img { + max-width: 100%; + height: auto; + border: none; + padding: 0; } + +div[data-type="core/freeform"] .block-editor-block-list__block-edit::before { + transition: border-color 0.1s linear, box-shadow 0.1s linear; + border: 1px solid #e2e4e7; + outline: 1px solid transparent; } + @media (prefers-reduced-motion: reduce) { + div[data-type="core/freeform"] .block-editor-block-list__block-edit::before { + transition-duration: 0s; } } + +div[data-type="core/freeform"].is-selected .block-editor-block-list__block-edit::before { + border-color: #b5bcc2; + border-right-color: transparent; } + +div[data-type="core/freeform"].is-hovered .block-editor-block-list__breadcrumb { + display: none; } + +div[data-type="core/freeform"] .editor-block-contextual-toolbar + div { + margin-top: 0; + padding-top: 0; } + +div[data-type="core/freeform"].is-selected .block-library-rich-text__tinymce::after { + content: ""; + display: table; + clear: both; } + +.mce-toolbar-grp .mce-btn.mce-active button, +.mce-toolbar-grp .mce-btn.mce-active:hover button, +.mce-toolbar-grp .mce-btn.mce-active i, +.mce-toolbar-grp .mce-btn.mce-active:hover i { + color: #23282d; } + +.mce-toolbar-grp .mce-rtl .mce-flow-layout-item.mce-last { + margin-left: 0; + margin-right: 8px; } + +.mce-toolbar-grp .mce-btn i { + font-style: normal; } + +.block-library-classic__toolbar { + display: none; + width: auto; + margin: 0 -14px; + position: -webkit-sticky; + position: sticky; + z-index: 10; + top: 14px; + transform: translateY(-14px); + border: 1px solid #e2e4e7; + border-bottom: none; + padding: 0; } + div[data-type="core/freeform"].is-selected .block-library-classic__toolbar, + div[data-type="core/freeform"].is-typing .block-library-classic__toolbar { + display: block; + border-color: #b5bcc2; } + .block-library-classic__toolbar .mce-tinymce { + box-shadow: none; } + @media (min-width: 600px) { + .block-library-classic__toolbar { + padding: 0; } } + .block-library-classic__toolbar:empty { + display: block; + background: #f5f5f5; + border-bottom: 1px solid #e2e4e7; } + .block-library-classic__toolbar:empty::before { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + font-size: 13px; + content: attr(data-placeholder); + color: #555d66; + line-height: 37px; + padding: 14px; } + .block-library-classic__toolbar .mce-tinymce-inline, + .block-library-classic__toolbar .mce-tinymce-inline > div, + .block-library-classic__toolbar div.mce-toolbar-grp, + .block-library-classic__toolbar div.mce-toolbar-grp > div, + .block-library-classic__toolbar .mce-menubar, + .block-library-classic__toolbar .mce-menubar > div { + height: auto !important; + width: 100% !important; } + .block-library-classic__toolbar .mce-container-body.mce-abs-layout { + overflow: visible; } + .block-library-classic__toolbar .mce-menubar, + .block-library-classic__toolbar div.mce-toolbar-grp { + position: static; } + .block-library-classic__toolbar .mce-toolbar-grp > div { + padding: 1px 3px; } + .block-library-classic__toolbar .mce-toolbar-grp .mce-toolbar:not(:first-child) { + display: none; } + .block-library-classic__toolbar.has-advanced-toolbar .mce-toolbar-grp .mce-toolbar { + display: block; } + +.wp-block-gallery li { + list-style-type: none; } + +.is-selected .wp-block-gallery { + margin-bottom: 0; } + +figure.wp-block-gallery { + display: block; + margin: 0; } + +.blocks-gallery-grid.blocks-gallery-grid { + margin-bottom: 0; } + +.blocks-gallery-item figure:not(.is-selected):focus { + outline: none; } + +.blocks-gallery-item figure.is-selected { + outline: 4px solid #0085ba; } + +body.admin-color-sunrise .blocks-gallery-item figure.is-selected { + outline: 4px solid #d1864a; } + +body.admin-color-ocean .blocks-gallery-item figure.is-selected { + outline: 4px solid #a3b9a2; } + +body.admin-color-midnight .blocks-gallery-item figure.is-selected { + outline: 4px solid #e14d43; } + +body.admin-color-ectoplasm .blocks-gallery-item figure.is-selected { + outline: 4px solid #a7b656; } + +body.admin-color-coffee .blocks-gallery-item figure.is-selected { + outline: 4px solid #c2a68c; } + +body.admin-color-blue .blocks-gallery-item figure.is-selected { + outline: 4px solid #82b4cb; } + +body.admin-color-light .blocks-gallery-item figure.is-selected { + outline: 4px solid #0085ba; } + +.blocks-gallery-item figure.is-transient img { + opacity: 0.3; } + +.blocks-gallery-item .block-editor-rich-text { + position: absolute; + bottom: 0; + width: 100%; + max-height: 100%; + overflow-y: auto; } + +@supports ((position: -webkit-sticky) or (position: sticky)) { + .blocks-gallery-item .is-selected .block-editor-rich-text { + left: 0; + right: 0; + margin-top: -4px; } } + +.blocks-gallery-item .is-selected .block-editor-rich-text .block-editor-rich-text__inline-toolbar { + top: 0; } + +.blocks-gallery-item .is-selected .block-editor-rich-text figcaption { + padding-top: 48px; } + +.blocks-gallery-item .is-selected .block-library-gallery-item__move-menu, +.blocks-gallery-item .is-selected .block-library-gallery-item__inline-menu { + background: #fff; + border: 1px solid rgba(66, 88, 99, 0.4); + border-radius: 4px; + transition: box-shadow 0.2s ease-out; } + @media (prefers-reduced-motion: reduce) { + .blocks-gallery-item .is-selected .block-library-gallery-item__move-menu, + .blocks-gallery-item .is-selected .block-library-gallery-item__inline-menu { + transition-duration: 0s; } } + .blocks-gallery-item .is-selected .block-library-gallery-item__move-menu:hover, + .blocks-gallery-item .is-selected .block-library-gallery-item__inline-menu:hover { + box-shadow: 0 2px 10px rgba(25, 30, 35, 0.1), 0 0 2px rgba(25, 30, 35, 0.1); } + .blocks-gallery-item .is-selected .block-library-gallery-item__move-menu .components-button, + .blocks-gallery-item .is-selected .block-library-gallery-item__inline-menu .components-button { + color: rgba(14, 28, 46, 0.62); + padding: 2px; + height: 24px; } + .blocks-gallery-item .is-selected .block-library-gallery-item__move-menu .components-button:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover, + .blocks-gallery-item .is-selected .block-library-gallery-item__inline-menu .components-button:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover { + box-shadow: none; } + @media (min-width: 600px) { + .columns-7 .blocks-gallery-item .is-selected .block-library-gallery-item__move-menu .components-button, + .columns-8 .blocks-gallery-item .is-selected .block-library-gallery-item__move-menu .components-button, .columns-7 + .blocks-gallery-item .is-selected .block-library-gallery-item__inline-menu .components-button, + .columns-8 + .blocks-gallery-item .is-selected .block-library-gallery-item__inline-menu .components-button { + padding: 0; + width: inherit; + height: inherit; } } + .blocks-gallery-item .is-selected .block-library-gallery-item__move-menu .components-button:focus, + .blocks-gallery-item .is-selected .block-library-gallery-item__inline-menu .components-button:focus { + color: inherit; } + +.blocks-gallery-item .block-editor-rich-text figcaption { + position: relative; + overflow: hidden; } + .blocks-gallery-item .block-editor-rich-text figcaption a { + color: #fff; } + +.block-library-gallery-item__move-menu, +.block-library-gallery-item__inline-menu { + margin: 8px; + display: inline-flex; + z-index: 20; } + .block-library-gallery-item__move-menu .components-button, + .block-library-gallery-item__inline-menu .components-button { + color: transparent; } + @media (min-width: 600px) { + .columns-7 .block-library-gallery-item__move-menu, + .columns-8 .block-library-gallery-item__move-menu, .columns-7 + .block-library-gallery-item__inline-menu, + .columns-8 + .block-library-gallery-item__inline-menu { + padding: 2px; } } + +.block-library-gallery-item__inline-menu { + position: absolute; + top: -2px; + left: -2px; } + +.block-library-gallery-item__move-menu { + position: absolute; + top: -2px; + right: -2px; } + +.blocks-gallery-item__move-backward, +.blocks-gallery-item__move-forward, +.blocks-gallery-item__remove { + padding: 0; } + +.blocks-gallery-item .components-spinner { + position: absolute; + top: 50%; + right: 50%; + margin-top: -9px; + margin-right: -9px; } + +/** + * Group: All Alignment Settings + */ +.wp-block[data-type="core/group"] .editor-block-list__insertion-point { + right: 0; + left: 0; } + +.wp-block[data-type="core/group"] > .editor-block-list__block-edit > div > .wp-block-group.has-background > .wp-block-group__inner-container > .editor-inner-blocks { + margin-top: -32px; + margin-bottom: -32px; } + +.wp-block[data-type="core/group"] > .editor-block-list__block-edit > div > .wp-block-group > .wp-block-group__inner-container > .editor-inner-blocks > .editor-block-list__layout > .wp-block[data-align="full"] { + margin-right: auto; + margin-left: auto; + padding-right: 28px; + padding-left: 28px; } + @media (min-width: 600px) { + .wp-block[data-type="core/group"] > .editor-block-list__block-edit > div > .wp-block-group > .wp-block-group__inner-container > .editor-inner-blocks > .editor-block-list__layout > .wp-block[data-align="full"] { + padding-right: 58px; + padding-left: 58px; } } + +.wp-block[data-type="core/group"] > .editor-block-list__block-edit > div > .wp-block-group.has-background > .wp-block-group__inner-container > .editor-inner-blocks > .editor-block-list__layout > .wp-block[data-align="full"] { + margin-right: -30px; + width: calc(100% + 60px); } + +/** + * Group: Full Width Alignment< |
