69 lines
1.2 KiB
CSS
69 lines
1.2 KiB
CSS
/**
|
|
* 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
|
|
*/
|
|
@keyframes fade-in {
|
|
from {
|
|
opacity: 0; }
|
|
to {
|
|
opacity: 1; } }
|
|
|
|
@keyframes editor_region_focus {
|
|
from {
|
|
box-shadow: inset 0 0 0 0 #33b3db; }
|
|
to {
|
|
box-shadow: inset 0 0 0 4px #33b3db; } }
|
|
|
|
@keyframes rotation {
|
|
from {
|
|
transform: rotate(0deg); }
|
|
to {
|
|
transform: rotate(360deg); } }
|
|
|
|
@keyframes modal-appear {
|
|
from {
|
|
margin-top: 32px; }
|
|
to {
|
|
margin-top: 0; } }
|
|
|
|
.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; }
|