}
}
-body.mce-fullscreen .page-editor .edit-area,
+body.tox-fullscreen .page-editor .edit-area,
body.markdown-fullscreen .page-editor .edit-area {
z-index: 12;
}
-body.mce-fullscreen, body.markdown-fullscreen {
+body.tox-fullscreen, body.markdown-fullscreen {
.page-editor, .flex-fill {
overflow: visible;
}
background: #FFECEC;
}
+ details {
+ border: 1px solid;
+ @include lightDark(border-color, #DDD, #555);
+ margin-bottom: 1em;
+ padding: $-s;
+ }
+ details > summary {
+ margin-top: -$-s;
+ margin-left: -$-s;
+ margin-right: -$-s;
+ margin-bottom: -$-s;
+ font-weight: bold;
+ @include lightDark(background-color, #EEE, #333);
+ padding: $-xs $-s;
+ }
+ details[open] > summary {
+ margin-bottom: $-s;
+ border-bottom: 1px solid;
+ @include lightDark(border-color, #DDD, #555);
+ }
+ details > summary + * {
+ margin-top: .2em;
+ }
+ details:after {
+ content: '';
+ display: block;
+ clear: both;
+ }
+
+ li > input[type="checkbox"] {
+ vertical-align: top;
+ margin-top: 0.3em;
+ }
+
+ p:empty {
+ min-height: 1.6em;
+ }
+
&.page-revision {
pre code {
white-space: pre-wrap;
}
.pointer {
border: 1px solid #CCC;
+ @include lightDark(border-color, #ccc, #000);
display: flex;
align-items: center;
justify-items: center;
padding: $-s $-s;
border-radius: 4px;
- box-shadow: 0 0 12px 1px rgba(212, 209, 209, 0.3);
+ box-shadow: 0 0 12px 1px rgba(0, 0, 0, 0.1);
position: absolute;
top: -60px;
- background-color:#FFF;
+ @include lightDark(background-color, #fff, #333);
width: 275px;
z-index: 55;
margin-inline-start: -8px;
content: '';
display: block;
- background-color:#FFF;
transform: rotate(45deg);
transform-origin: 50% 50%;
- border-inline-startom: 1px solid #CCC;
+ border-block-end: 1px solid #CCC;
border-inline-end: 1px solid #CCC;
z-index: 56;
+ @include lightDark(background-color, #fff, #333);
+ @include lightDark(border-color, #ccc, #000);
}
input, button, a {
position: relative;
input {
background-color: #FFF;
border: 1px solid #DDD;
+ @include lightDark(border-color, #ddd, #000);
color: #666;
width: 172px;
z-index: 40;
width: 1.2em;
height: 1.2em;
}
+ .button {
+ @include lightDark(border-color, #ddd, #000);
+ }
}
// Attribute form
}
.suggestion-box {
- position: absolute;
- background-color: #FFF;
- border: 1px solid #BBB;
- box-shadow: $bs-light;
- list-style: none;
- z-index: 100;
+ top: auto;
+ margin: -4px 0 0;
+ right: auto;
+ left: 0;
padding: 0;
- margin: 0;
- border-radius: 3px;
li {
display: block;
- padding: $-xs $-s;
border-bottom: 1px solid #DDD;
&:last-child {
border-bottom: 0;
}
- &.active {
- background-color: #EEE;
- }
}
}
text-decoration: none;
opacity: 1;
}
+ @media (prefers-contrast: more) {
+ opacity: 1;
+ }
}
\ No newline at end of file