2018-12-18 04:17:48 +01:00
|
|
|
/**
|
|
|
|
* 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
|
|
|
|
*/
|
2019-03-07 10:09:59 +01:00
|
|
|
.editor-format-toolbar__image-container-content {
|
|
|
|
display: flex; }
|
|
|
|
.editor-format-toolbar__image-container-content .components-icon-button {
|
|
|
|
height: 52px;
|
|
|
|
align-self: flex-end; }
|
|
|
|
|
|
|
|
.editor-format-toolbar__image-container-value {
|
|
|
|
margin: 7px;
|
|
|
|
flex-grow: 1;
|
|
|
|
flex-shrink: 1;
|
|
|
|
white-space: nowrap;
|
|
|
|
min-width: 150px;
|
|
|
|
max-width: 500px; }
|
|
|
|
.editor-format-toolbar__image-container-value.components-base-control .components-base-control__field {
|
|
|
|
margin-bottom: 0; }
|
|
|
|
|
2018-12-18 04:17:48 +01:00
|
|
|
.editor-format-toolbar__link-container-content {
|
|
|
|
display: flex; }
|
|
|
|
|
|
|
|
.editor-format-toolbar__link-container-value {
|
|
|
|
margin: 7px;
|
|
|
|
flex-grow: 1;
|
|
|
|
flex-shrink: 1;
|
|
|
|
overflow: hidden;
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
white-space: nowrap;
|
|
|
|
min-width: 150px;
|
|
|
|
max-width: 500px; }
|
|
|
|
.editor-format-toolbar__link-container-value.has-invalid-link {
|
|
|
|
color: #d94f4f; }
|