5
0
Fork 0
mirror of https://0xacab.org/sutty/sutty synced 2024-11-26 10:36:21 +00:00
panel/app/assets/stylesheets/editor.scss
2021-03-26 15:56:37 +00:00

76 lines
1.3 KiB
SCSS

.editor {
box-sizing: border-box;
*, *::before, *::after { box-sizing: inherit; }
h1, h2, h3, h4, h5, h6, p, li {
min-height: 1.5rem;
}
mark {
background: #f206f9;
padding: 0;
}
iframe {
border: 0;
min-height: 480px;
}
figure {
padding: .5rem;
}
img, video, iframe, audio {
width: 100%;
max-width: 600px;
display: block;
margin: 0 auto;
}
.editor-toolbar {
position: sticky;
top: 0px;
background: white;
}
.editor-aviso-word {
display: none;
position: initial; /* evitar que tape el texto */
}
.editor-primary-toolbar, .editor-auxiliary-toolbar {
display: block;
overflow-x: auto;
white-space: nowrap;
}
.editor-auxiliary-toolbar {
& > * {
display: none;
}
[data-editor-auxiliary-active] {
display: block;
}
}
word-wrap: break-word;
div[data-align="left"] { text-align: left; }
div[data-align="center"] { text-align: center; }
div[data-align="right"] { text-align: right; }
.editor-content {
min-height: 480px;
p, h1, h2, h3, h4, h5, h6, ul, li, figcaption { outline: #ccc solid thin; }
strong, em, del, u, sub, sup, small { background: #0002; }
a { background: #13fefe50; }
[data-editor-selected] { outline: #f206f9 solid thick; }
}
*[data-editor-loading] {
opacity: 0.5;
}
*[data-editor-error] {
filter: grayscale(100%);
}
}