sutty/app/assets/stylesheets/editor.scss

84 lines
1.5 KiB
SCSS
Raw Permalink Normal View History

2020-11-03 21:16:59 +00:00
.editor {
2020-11-03 21:29:47 +00:00
box-sizing: border-box;
*, *::before, *::after { box-sizing: inherit; }
// Arreglo temporal para que las cosas sean legibles en modo oscuro
--foreground: black;
--background: white;
--color: #f206f9;
background: var(--background);
color: var(--foreground);
2020-11-16 23:52:34 +00:00
h1, h2, h3, h4, h5, h6, p, li {
min-height: 1.5rem;
2020-11-03 21:29:47 +00:00
}
mark {
background: #f206f9;
padding: 0;
}
2020-11-17 16:01:17 +00:00
iframe {
2020-11-17 22:00:02 +00:00
border: 0;
2020-11-17 16:01:17 +00:00
min-height: 480px;
}
2020-11-16 23:52:34 +00:00
2020-11-17 22:00:02 +00:00
figure {
padding: .5rem;
}
img, video, iframe, audio {
2020-11-03 21:29:47 +00:00
width: 100%;
max-width: 600px;
display: block;
margin: 0 auto;
}
2020-11-13 20:35:12 +00:00
.editor-toolbar {
position: sticky;
top: 0px;
background: white;
}
.editor-aviso-word {
display: none;
position: initial; /* evitar que tape el texto */
}
2020-11-19 01:51:15 +00:00
2020-11-13 20:35:12 +00:00
.editor-primary-toolbar, .editor-auxiliary-toolbar {
display: block;
overflow-x: auto;
white-space: nowrap;
}
.editor-auxiliary-toolbar {
& > * {
display: none;
}
[data-editor-auxiliary-active] {
2020-11-13 20:35:12 +00:00
display: block;
}
}
2020-11-17 22:18:53 +00:00
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; }
2020-11-17 20:41:15 +00:00
.editor-content {
min-height: 480px;
2021-02-14 16:01:41 +00:00
p, h1, h2, h3, h4, h5, h6, ul, li, figcaption { outline: #ccc solid thin; }
2021-03-26 15:31:36 +00:00
strong, em, del, u, sub, sup, small { background: #0002; }
a { background: #13fefe50; }
[data-editor-selected] { outline: #f206f9 solid thick; }
}
2020-11-05 22:19:02 +00:00
*[data-editor-loading] {
opacity: 0.5;
}
2020-11-16 23:52:34 +00:00
2020-11-05 22:19:02 +00:00
*[data-editor-error] {
filter: grayscale(100%);
}
2020-11-03 21:16:59 +00:00
}