Page MenuHomeMusing Studio
Files F10493220

No OneTemporary
Actions

View Options

diff --git a/less/prose.less b/less/prose.less
index 16515f6..702d825 100644
--- a/less/prose.less
+++ b/less/prose.less
@@ -1,365 +1,411 @@
.ProseMirror {
- position: relative;
+ position: relative;
}
.ProseMirror {
- word-wrap: break-word;
- white-space: pre-wrap;
- -webkit-font-variant-ligatures: none;
- font-variant-ligatures: none;
+ word-wrap: break-word;
+ white-space: pre-wrap;
+ -webkit-font-variant-ligatures: none;
+ font-variant-ligatures: none;
}
.ProseMirror pre {
- white-space: pre-wrap;
+ white-space: pre-wrap;
}
.ProseMirror li {
- position: relative;
+ position: relative;
}
-.ProseMirror-hideselection *::selection { background: transparent; }
-.ProseMirror-hideselection *::-moz-selection { background: transparent; }
-.ProseMirror-hideselection { caret-color: transparent; }
+.ProseMirror-hideselection *::selection {
+ background: transparent;
+}
+
+.ProseMirror-hideselection *::-moz-selection {
+ background: transparent;
+}
+
+.ProseMirror-hideselection {
+ caret-color: transparent;
+}
.ProseMirror-selectednode {
- outline: 2px solid #8cf;
+ outline: 2px solid #8cf;
}
/* Make sure li selections wrap around markers */
li.ProseMirror-selectednode {
- outline: none;
+ outline: none;
}
li.ProseMirror-selectednode:after {
- content: "";
- position: absolute;
- left: -32px;
- right: -2px; top: -2px; bottom: -2px;
- border: 2px solid #8cf;
- pointer-events: none;
+ content: "";
+ position: absolute;
+ left: -32px;
+ right: -2px;
+ top: -2px;
+ bottom: -2px;
+ border: 2px solid #8cf;
+ pointer-events: none;
}
+
.ProseMirror-textblock-dropdown {
- min-width: 3em;
+ min-width: 3em;
}
.ProseMirror-menu {
- margin: 0 -4px;
- line-height: 1;
+ margin: 0 -4px;
+ line-height: 1;
}
.ProseMirror-tooltip .ProseMirror-menu {
- width: -webkit-fit-content;
- width: fit-content;
- white-space: pre;
+ width: -webkit-fit-content;
+ width: fit-content;
+ white-space: pre;
}
.ProseMirror-menuitem {
- margin-right: 3px;
- display: inline-block;
+ margin-right: 3px;
+ display: inline-block;
}
.ProseMirror-menuseparator {
- border-right: 1px solid #ddd;
- margin-right: 3px;
+ border-right: 1px solid #ddd;
+ margin-right: 3px;
}
.ProseMirror-menu-dropdown, .ProseMirror-menu-dropdown-menu {
- font-size: 90%;
- white-space: nowrap;
+ font-size: 90%;
+ white-space: nowrap;
}
.ProseMirror-menu-dropdown {
- vertical-align: 1px;
- cursor: pointer;
- position: relative;
- padding-right: 15px;
+ vertical-align: 1px;
+ cursor: pointer;
+ position: relative;
+ padding-right: 15px;
}
.ProseMirror-menu-dropdown-wrap {
- padding: 1px 0 1px 4px;
- display: inline-block;
- position: relative;
+ padding: 1px 0 1px 4px;
+ display: inline-block;
+ position: relative;
}
.ProseMirror-menu-dropdown:after {
- content: "";
- border-left: 4px solid transparent;
- border-right: 4px solid transparent;
- border-top: 4px solid currentColor;
- opacity: .6;
- position: absolute;
- right: 4px;
- top: calc(50% - 2px);
+ content: "";
+ border-left: 4px solid transparent;
+ border-right: 4px solid transparent;
+ border-top: 4px solid currentColor;
+ opacity: .6;
+ position: absolute;
+ right: 4px;
+ top: calc(50% - 2px);
}
.ProseMirror-menu-dropdown-menu, .ProseMirror-menu-submenu {
- position: absolute;
- background: white;
- color: #666;
- border: 1px solid #aaa;
- padding: 2px;
+ position: absolute;
+ background: white;
+ color: #666;
+ border: 1px solid #aaa;
+ padding: 2px;
}
.ProseMirror-menu-dropdown-menu {
- z-index: 15;
- min-width: 6em;
+ z-index: 15;
+ min-width: 6em;
}
.ProseMirror-menu-dropdown-item {
- cursor: pointer;
- padding: 2px 8px 2px 4px;
+ cursor: pointer;
+ padding: 2px 8px 2px 4px;
}
.ProseMirror-menu-dropdown-item:hover {
- background: #f2f2f2;
+ background: #f2f2f2;
}
.ProseMirror-menu-submenu-wrap {
- position: relative;
- margin-right: -4px;
+ position: relative;
+ margin-right: -4px;
}
.ProseMirror-menu-submenu-label:after {
- content: "";
- border-top: 4px solid transparent;
- border-bottom: 4px solid transparent;
- border-left: 4px solid currentColor;
- opacity: .6;
- position: absolute;
- right: 4px;
- top: calc(50% - 4px);
+ content: "";
+ border-top: 4px solid transparent;
+ border-bottom: 4px solid transparent;
+ border-left: 4px solid currentColor;
+ opacity: .6;
+ position: absolute;
+ right: 4px;
+ top: calc(50% - 4px);
}
.ProseMirror-menu-submenu {
- display: none;
- min-width: 4em;
- left: 100%;
- top: -3px;
+ display: none;
+ min-width: 4em;
+ left: 100%;
+ top: -3px;
}
.ProseMirror-menu-active {
- background: #eee;
- border-radius: 4px;
+ background: #eee;
+ border-radius: 4px;
}
.ProseMirror-menu-active {
- background: #eee;
- border-radius: 4px;
+ background: #eee;
+ border-radius: 4px;
}
.ProseMirror-menu-disabled {
- opacity: .3;
+ opacity: .3;
}
.ProseMirror-menu-submenu-wrap:hover .ProseMirror-menu-submenu, .ProseMirror-menu-submenu-wrap-active .ProseMirror-menu-submenu {
- display: block;
+ display: block;
}
.ProseMirror-menubar {
- border-top-left-radius: inherit;
- border-top-right-radius: inherit;
- position: relative;
- min-height: 1em;
- color: #666;
- padding: 1px 6px;
- top: 0; left: 0; right: 0;
- border-bottom: 1px solid silver;
- background: white;
- z-index: 10;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- overflow: visible;
+ border-top-left-radius: inherit;
+ border-top-right-radius: inherit;
+ position: relative;
+ min-height: 1em;
+ color: #666;
+ padding: 1px 6px;
+ top: 0;
+ left: 0;
+ right: 0;
+ border-bottom: 1px solid silver;
+ background: white;
+ z-index: 10;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ overflow: visible;
}
.ProseMirror-icon {
- display: inline-block;
- line-height: .8;
- vertical-align: -2px; /* Compensate for padding */
- padding: 2px 8px;
- cursor: pointer;
+ display: inline-block;
+ line-height: .8;
+ vertical-align: -2px; /* Compensate for padding */
+ padding: 2px 8px;
+ cursor: pointer;
}
.ProseMirror-menu-disabled.ProseMirror-icon {
- cursor: default;
+ cursor: default;
}
.ProseMirror-icon svg {
- fill: currentColor;
- height: 1em;
+ fill: currentColor;
+ height: 1em;
}
.ProseMirror-icon span {
- vertical-align: text-top;
+ vertical-align: text-top;
}
+
.ProseMirror-gapcursor {
- display: none;
- pointer-events: none;
- position: absolute;
+ display: none;
+ pointer-events: none;
+ position: absolute;
}
.ProseMirror-gapcursor:after {
- content: "";
- display: block;
- position: absolute;
- top: -2px;
- width: 20px;
- border-top: 1px solid black;
- animation: ProseMirror-cursor-blink 1.1s steps(2, start) infinite;
+ content: "";
+ display: block;
+ position: absolute;
+ top: -2px;
+ width: 20px;
+ border-top: 1px solid black;
+ animation: ProseMirror-cursor-blink 1.1s steps(2, start) infinite;
}
@keyframes ProseMirror-cursor-blink {
- to {
- visibility: hidden;
- }
+ to {
+ visibility: hidden;
+ }
}
.ProseMirror-focused .ProseMirror-gapcursor {
- display: block;
+ display: block;
}
+
/* Add space around the hr to make clicking it easier */
.ProseMirror-example-setup-style hr {
- padding: 2px 10px;
- border: none;
- margin: 1em 0;
+ padding: 2px 10px;
+ border: none;
+ margin: 1em 0;
}
.ProseMirror-example-setup-style hr:after {
- content: "";
- display: block;
- height: 1px;
- background-color: silver;
- line-height: 2px;
+ content: "";
+ display: block;
+ height: 1px;
+ background-color: silver;
+ line-height: 2px;
}
.ProseMirror ul, .ProseMirror ol {
- padding-left: 30px;
+ padding-left: 30px;
}
.ProseMirror blockquote {
- padding-left: 1em;
- border-left: 3px solid #eee;
- margin-left: 0; margin-right: 0;
+ padding-left: 1em;
+ border-left: 3px solid #eee;
+ margin-left: 0;
+ margin-right: 0;
}
.ProseMirror-example-setup-style img {
- cursor: default;
+ cursor: default;
}
.ProseMirror-prompt {
- background: white;
- padding: 5px 10px 5px 15px;
- border: 1px solid silver;
- position: fixed;
- border-radius: 3px;
- z-index: 11;
- box-shadow: -.5px 2px 5px rgba(0, 0, 0, .2);
+ background: white;
+ padding: 5px 10px 5px 15px;
+ border: 1px solid silver;
+ position: fixed;
+ border-radius: 3px;
+ z-index: 11;
+ box-shadow: -.5px 2px 5px rgba(0, 0, 0, .2);
}
.ProseMirror-prompt h5 {
- margin: 0;
- font-weight: normal;
- font-size: 100%;
- color: #444;
+ margin: 0;
+ font-weight: normal;
+ font-size: 100%;
+ color: #444;
}
.ProseMirror-prompt input[type="text"],
.ProseMirror-prompt textarea {
- background: #eee;
- border: none;
- outline: none;
+ background: #eee;
+ border: none;
+ outline: none;
}
.ProseMirror-prompt input[type="text"] {
- padding: 0 4px;
+ padding: 0 4px;
}
.ProseMirror-prompt-close {
- position: absolute;
- left: 2px; top: 1px;
- color: #666;
- border: none; background: transparent; padding: 0;
+ position: absolute;
+ left: 2px;
+ top: 1px;
+ color: #666;
+ border: none;
+ background: transparent;
+ padding: 0;
}
.ProseMirror-prompt-close:after {
- content: "✕";
- font-size: 12px;
+ content: "✕";
+ font-size: 12px;
}
.ProseMirror-invalid {
- background: #ffc;
- border: 1px solid #cc7;
- border-radius: 4px;
- padding: 5px 10px;
- position: absolute;
- min-width: 10em;
+ background: #ffc;
+ border: 1px solid #cc7;
+ border-radius: 4px;
+ padding: 5px 10px;
+ position: absolute;
+ min-width: 10em;
}
.ProseMirror-prompt-buttons {
- margin-top: 5px;
- display: none;
+ margin-top: 5px;
+ display: none;
}
+
#editor, .editor {
- background: white;
- color: black;
- background-clip: padding-box;
- border-radius: 4px;
- border: 2px solid rgba(0, 0, 0, 0.2);
- padding: 5px 0;
- margin: 4em auto 23px auto;
+ background: white;
+ color: black;
+ background-clip: padding-box;
+ border-radius: 4px;
+ border: 2px solid rgba(0, 0, 0, 0.2);
+ padding: 5px 0;
+ margin: 4em auto 23px auto;
}
.ProseMirror p:first-child,
.ProseMirror h1:first-child,
.ProseMirror h2:first-child,
.ProseMirror h3:first-child,
.ProseMirror h4:first-child,
.ProseMirror h5:first-child,
.ProseMirror h6:first-child {
- margin-top: 10px;
+ margin-top: 10px;
}
.ProseMirror {
- padding: 4px 8px 4px 14px;
- line-height: 1.2;
- outline: none;
+ padding: 4px 8px 4px 14px;
+ line-height: 1.2;
+ outline: none;
}
-.ProseMirror p { margin-bottom: 1em }
+.ProseMirror p {
+ margin-bottom: 1em;
+}
-.ProseMirror { height: 120px; overflow-y: auto; box-sizing: border-box; -moz-box-sizing: border-box }
-textarea { width: 100%; height: 123px; border: 1px solid silver; box-sizing: border-box; -moz-box-sizing: border-box; padding: 3px 10px;
-border: none; outline: none; font-family: inherit; font-size: inherit }
-.ProseMirror-menubar-wrapper, #markdown textarea { display: block; margin-bottom: 4px }
+.ProseMirror {
+ height: 120px;
+ overflow-y: auto;
+ box-sizing: border-box;
+ -moz-box-sizing: border-box;
+}
+
+textarea {
+ width: 100%;
+ height: 123px;
+ border: 1px solid silver;
+ box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ padding: 3px 10px;
+ border: none;
+ outline: none;
+ font-family: inherit;
+ font-size: inherit;
+}
+
+.ProseMirror-menubar-wrapper, #markdown textarea {
+ display: block;
+ margin-bottom: 4px;
+}
@media all and (min-width: 50em) {
#editor {
margin-left: 10%;
margin-right: 10%;
}
}
+
@media all and (min-width: 60em) {
#editor {
margin-left: 15%;
margin-right: 15%;
}
}
+
@media all and (min-width: 70em) {
#editor {
margin-left: 20%;
margin-right: 20%;
}
}
+
@media all and (min-width: 85em) {
#editor {
margin-left: 25%;
margin-right: 25%;
}
}
+
@media all and (min-width: 105em) {
#editor {
margin-left: 30%;
margin-right: 30%;
}
}

File Metadata

Mime Type
text/x-diff
Expires
Wed, Mar 5, 8:05 PM (15 h, 52 m)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
3167716

Event Timeline

musing studio · developers