avo 3.0.0.pre12 → 3.0.0.pre13

data/public/avo-assets/avo.base.css

@@ -1,21 +1,24 @@
 @charset "UTF-8";
 
 /**
- * simplemde v1.11.2
- * Copyright Next Step Webs, Inc.
- * @link https://github.com/NextStepWebs/simplemde-markdown-editor
+ * easymde v2.18.0
+ * Copyright Jeroen Akkerman
+ * @link https://github.com/ionaru/easy-markdown-editor
  * @license MIT
  */
 
 .CodeMirror{
-  color:#000
+  font-family:monospace;
+  height:300px;
+  color:#000;
+  direction:ltr
 }
 
 .CodeMirror-lines{
   padding:4px 0
 }
 
-.CodeMirror pre{
+.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{
   padding:0 4px
 }
 
@@ -65,11 +68,16 @@
   z-index:1
 }
 
-.cm-animate-fat-cursor{
-  width:auto;
-  border:0;
-  animation:blink 1.06s steps(1) infinite;
-  background-color:#7e7
+.cm-fat-cursor .CodeMirror-line::selection,.cm-fat-cursor .CodeMirror-line>span::selection,.cm-fat-cursor .CodeMirror-line>span>span::selection{
+  background:0 0
+}
+
+.cm-fat-cursor .CodeMirror-line::-moz-selection,.cm-fat-cursor .CodeMirror-line>span::-moz-selection,.cm-fat-cursor .CodeMirror-line>span>span::-moz-selection{
+  background:0 0
+}
+
+.cm-fat-cursor{
+  caret-color:transparent
 }
 
 @keyframes blink{
@@ -83,8 +91,19 @@
   text-decoration:inherit
 }
 
+.CodeMirror-rulers{
+  position:absolute;
+  left:0;
+  right:0;
+  top:-50px;
+  bottom:0;
+  overflow:hidden
+}
+
 .CodeMirror-ruler{
   border-left:1px solid #ccc;
+  top:0;
+  bottom:0;
   position:absolute
 }
 
@@ -140,7 +159,7 @@
   color:#05a
 }
 
-.cm-s-default .cm-variable-3{
+.cm-s-default .cm-type,.cm-s-default .cm-variable-3{
   color:#085
 }
 
@@ -156,7 +175,11 @@
   color:#f50
 }
 
-.cm-s-default .cm-meta,.cm-s-default .cm-qualifier{
+.cm-s-default .cm-meta{
+  color:#555
+}
+
+.cm-s-default .cm-qualifier{
   color:#555
 }
 
@@ -184,7 +207,11 @@
   color:#00c
 }
 
-.cm-invalidchar,.cm-s-default .cm-error{
+.cm-s-default .cm-error{
+  color:red
+}
+
+.cm-invalidchar{
   color:red
 }
 
@@ -193,11 +220,11 @@
 }
 
 div.CodeMirror span.CodeMirror-matchingbracket{
-  color:#0f0
+  color:#0b0
 }
 
 div.CodeMirror span.CodeMirror-nonmatchingbracket{
-  color:#f22
+  color:#a22
 }
 
 .CodeMirror-matchingtag{
@@ -216,23 +243,25 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket{
 
 .CodeMirror-scroll{
   overflow:scroll!important;
-  margin-bottom:-30px;
-  margin-right:-30px;
-  padding-bottom:30px;
+  margin-bottom:-50px;
+  margin-right:-50px;
+  padding-bottom:50px;
   height:100%;
   outline:0;
-  position:relative
+  position:relative;
+  z-index:0
 }
 
 .CodeMirror-sizer{
   position:relative;
-  border-right:30px solid transparent
+  border-right:50px solid transparent
 }
 
 .CodeMirror-gutter-filler,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-vscrollbar{
   position:absolute;
   z-index:6;
-  display:none
+  display:none;
+  outline:0
 }
 
 .CodeMirror-vscrollbar{
@@ -272,16 +301,14 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket{
   height:100%;
   display:inline-block;
   vertical-align:top;
-  margin-bottom:-30px
+  margin-bottom:-50px
 }
 
 .CodeMirror-gutter-wrapper{
   position:absolute;
   z-index:4;
   background:0 0!important;
-  border:none!important;
-  -webkit-user-select:none;
-  user-select:none
+  border:none!important
 }
 
 .CodeMirror-gutter-background{
@@ -297,12 +324,20 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket{
   z-index:4
 }
 
+.CodeMirror-gutter-wrapper ::selection{
+  background-color:transparent
+}
+
+.CodeMirror-gutter-wrapper ::-moz-selection{
+  background-color:transparent
+}
+
 .CodeMirror-lines{
   cursor:text;
   min-height:1px
 }
 
-.CodeMirror pre{
+.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{
   border-radius:0;
   border-width:0;
   background:0 0;
@@ -317,10 +352,10 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket{
   position:relative;
   overflow:visible;
   -webkit-tap-highlight-color:transparent;
-  font-variant-ligatures:none
+  font-variant-ligatures:contextual
 }
 
-.CodeMirror-wrap pre{
+.CodeMirror-wrap pre.CodeMirror-line,.CodeMirror-wrap pre.CodeMirror-line-like{
   word-wrap:break-word;
   white-space:pre-wrap;
   word-break:normal
@@ -338,7 +373,11 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket{
 .CodeMirror-linewidget{
   position:relative;
   z-index:2;
-  overflow:auto
+  padding:.1px
+}
+
+.CodeMirror-rtl pre{
+  direction:rtl
 }
 
 .CodeMirror-code{
@@ -358,7 +397,8 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket{
 }
 
 .CodeMirror-cursor{
-  position:absolute
+  position:absolute;
+  pointer-events:none
 }
 
 .CodeMirror-measure pre{
@@ -371,7 +411,11 @@ div.CodeMirror-cursors{
   z-index:3
 }
 
-.CodeMirror-focused div.CodeMirror-cursors,div.CodeMirror-dragcursors{
+div.CodeMirror-dragcursors{
+  visibility:visible
+}
+
+.CodeMirror-focused div.CodeMirror-cursors{
   visibility:visible
 }
 
@@ -379,7 +423,7 @@ div.CodeMirror-cursors{
   background:#d9d9d9
 }
 
-.CodeMirror-focused .CodeMirror-selected,.CodeMirror-line::selection,.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection{
+.CodeMirror-focused .CodeMirror-selected{
   background:#d7d4f0
 }
 
@@ -387,13 +431,17 @@ div.CodeMirror-cursors{
   cursor:crosshair
 }
 
+.CodeMirror-line::selection,.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection{
+  background:#d7d4f0
+}
+
 .CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection{
   background:#d7d4f0
 }
 
 .cm-searching{
-  background:#ffa;
-  background:rgba(255,255,0,.4)
+  background-color:#ffa;
+  background-color:rgba(255,255,0,.4)
 }
 
 .cm-force-border{
@@ -414,22 +462,37 @@ span.CodeMirror-selectedtext{
   background:0 0
 }
 
-.CodeMirror{
+.EasyMDEContainer{
+  display:block
+}
+
+.CodeMirror-rtl pre{
+  direction:rtl
+}
+
+.EasyMDEContainer.sided--no-fullscreen{
+  display:flex;
+  flex-direction:row;
+  flex-wrap:wrap
+}
+
+.EasyMDEContainer .CodeMirror{
+  box-sizing:border-box;
   height:auto;
-  min-height:300px;
-  border:1px solid #ddd;
+  border:1px solid #ced4da;
   border-bottom-left-radius:4px;
   border-bottom-right-radius:4px;
   padding:10px;
   font:inherit;
-  z-index:1
+  z-index:0;
+  word-wrap:break-word
 }
 
-.CodeMirror-scroll{
-  min-height:300px
+.EasyMDEContainer .CodeMirror-scroll{
+  cursor:text
 }
 
-.CodeMirror-fullscreen{
+.EasyMDEContainer .CodeMirror-fullscreen{
   background:#fff;
   position:fixed!important;
   top:50px;
@@ -437,51 +500,46 @@ span.CodeMirror-selectedtext{
   right:0;
   bottom:0;
   height:auto;
-  z-index:9
+  z-index:8;
+  border-right:none!important;
+  border-bottom-right-radius:0!important
 }
 
-.CodeMirror-sided{
+.EasyMDEContainer .CodeMirror-sided{
   width:50%!important
 }
 
-.editor-toolbar{
+.EasyMDEContainer.sided--no-fullscreen .CodeMirror-sided{
+  border-right:none!important;
+  border-bottom-right-radius:0;
   position:relative;
-  opacity:.6;
-  -webkit-user-select:none;
-  -o-user-select:none;
-  user-select:none;
-  padding:0 10px;
-  border-top:1px solid #bbb;
-  border-left:1px solid #bbb;
-  border-right:1px solid #bbb;
-  border-top-left-radius:4px;
-  border-top-right-radius:4px
-}
-
-.editor-toolbar:after,.editor-toolbar:before{
-  display:block;
-  content:' ';
-  height:1px
+  flex:1 1 auto
 }
 
-.editor-toolbar:before{
-  margin-bottom:8px
+.EasyMDEContainer .CodeMirror-placeholder{
+  opacity:.5
 }
 
-.editor-toolbar:after{
-  margin-top:8px
+.EasyMDEContainer .CodeMirror-focused .CodeMirror-selected{
+  background:#d9d9d9
 }
 
-.editor-toolbar:hover,.editor-wrapper input.title:focus,.editor-wrapper input.title:hover{
-  opacity:.8
+.editor-toolbar{
+  position:relative;
+  -webkit-user-select:none;
+  -o-user-select:none;
+  user-select:none;
+  padding:9px 10px;
+  border-top:1px solid #ced4da;
+  border-left:1px solid #ced4da;
+  border-right:1px solid #ced4da;
+  border-top-left-radius:4px;
+  border-top-right-radius:4px
 }
 
 .editor-toolbar.fullscreen{
   width:100%;
   height:50px;
-  overflow-x:auto;
-  overflow-y:hidden;
-  white-space:nowrap;
   padding-top:10px;
   padding-bottom:10px;
   box-sizing:border-box;
@@ -497,7 +555,7 @@ span.CodeMirror-selectedtext{
 .editor-toolbar.fullscreen::before{
   width:20px;
   height:50px;
-  background:linear-gradient(to right,rgba(255,255,255,1) 0,rgba(255,255,255,0) 100%);
+  background:linear-gradient(to right,#fff 0,rgba(255,255,255,0) 100%);
   position:fixed;
   top:0;
   left:0;
@@ -508,7 +566,7 @@ span.CodeMirror-selectedtext{
 .editor-toolbar.fullscreen::after{
   width:20px;
   height:50px;
-  background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,1) 100%);
+  background:linear-gradient(to right,rgba(255,255,255,0) 0,#fff 100%);
   position:fixed;
   top:0;
   right:0;
@@ -516,26 +574,33 @@ span.CodeMirror-selectedtext{
   padding:0
 }
 
-.editor-toolbar a{
+.EasyMDEContainer.sided--no-fullscreen .editor-toolbar{
+  width:100%
+}
+
+.editor-toolbar .easymde-dropdown,.editor-toolbar button{
+  background:0 0;
   display:inline-block;
   text-align:center;
   text-decoration:none!important;
-  color:#2c3e50!important;
-  width:30px;
   height:30px;
   margin:0;
+  padding:0;
   border:1px solid transparent;
   border-radius:3px;
   cursor:pointer
 }
 
-.editor-toolbar a.active,.editor-toolbar a:hover{
-  background:#fcfcfc;
-  border-color:#95a5a6
+.editor-toolbar button{
+  font-weight:700;
+  min-width:30px;
+  padding:0 6px;
+  white-space:nowrap
 }
 
-.editor-toolbar a:before{
-  line-height:30px
+.editor-toolbar button.active,.editor-toolbar button:hover{
+  background:#fcfcfc;
+  border-color:#95a5a6
 }
 
 .editor-toolbar i.separator{
@@ -548,7 +613,7 @@ span.CodeMirror-selectedtext{
   margin:0 6px
 }
 
-.editor-toolbar a.fa-header-x:after{
+.editor-toolbar button:after{
   font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;
   font-size:65%;
   vertical-align:text-bottom;
@@ -556,35 +621,33 @@ span.CodeMirror-selectedtext{
   top:2px
 }
 
-.editor-toolbar a.fa-header-1:after{
+.editor-toolbar button.heading-1:after{
   content:"1"
 }
 
-.editor-toolbar a.fa-header-2:after{
+.editor-toolbar button.heading-2:after{
   content:"2"
 }
 
-.editor-toolbar a.fa-header-3:after{
+.editor-toolbar button.heading-3:after{
   content:"3"
 }
 
-.editor-toolbar a.fa-header-bigger:after{
+.editor-toolbar button.heading-bigger:after{
   content:"▲"
 }
 
-.editor-toolbar a.fa-header-smaller:after{
+.editor-toolbar button.heading-smaller:after{
   content:"▼"
 }
 
-.editor-toolbar.disabled-for-preview a:not(.no-disable){
-  pointer-events:none;
-  background:#fff;
-  border-color:transparent;
-  text-shadow:inherit
+.editor-toolbar.disabled-for-preview button:not(.no-disable){
+  opacity:.6;
+  pointer-events:none
 }
 
 @media only screen and (max-width:700px){
-  .editor-toolbar a.no-mobile{
+  .editor-toolbar i.no-mobile{
     display:none
   }
 }
@@ -596,20 +659,16 @@ span.CodeMirror-selectedtext{
   text-align:right
 }
 
+.EasyMDEContainer.sided--no-fullscreen .editor-statusbar{
+  width:100%
+}
+
 .editor-statusbar span{
   display:inline-block;
   min-width:4em;
   margin-left:1em
 }
 
-.editor-preview,.editor-preview-side{
-  padding:10px;
-  background:#fafafa;
-  overflow:auto;
-  display:none;
-  box-sizing:border-box
-}
-
 .editor-statusbar .lines:before{
   content:'lines: '
 }
@@ -622,13 +681,16 @@ span.CodeMirror-selectedtext{
   content:'characters: '
 }
 
-.editor-preview{
+.editor-preview-full{
   position:absolute;
   width:100%;
   height:100%;
   top:0;
   left:0;
-  z-index:7
+  z-index:7;
+  overflow:auto;
+  display:none;
+  box-sizing:border-box
 }
 
 .editor-preview-side{
@@ -638,82 +700,146 @@ span.CodeMirror-selectedtext{
   top:50px;
   right:0;
   z-index:9;
-  border:1px solid #ddd
+  overflow:auto;
+  display:none;
+  box-sizing:border-box;
+  border:1px solid #ddd;
+  word-wrap:break-word
+}
+
+.editor-preview-active-side{
+  display:block
+}
+
+.EasyMDEContainer.sided--no-fullscreen .editor-preview-active-side{
+  flex:1 1 auto;
+  height:auto;
+  position:static
 }
 
-.editor-preview-active,.editor-preview-active-side{
+.editor-preview-active{
   display:block
 }
 
-.editor-preview-side>p,.editor-preview>p{
+.editor-preview{
+  padding:10px;
+  background:#fafafa
+}
+
+.editor-preview>p{
   margin-top:0
 }
 
-.editor-preview pre,.editor-preview-side pre{
+.editor-preview pre{
   background:#eee;
   margin-bottom:10px
 }
 
-.editor-preview table td,.editor-preview table th,.editor-preview-side table td,.editor-preview-side table th{
+.editor-preview table td,.editor-preview table th{
   border:1px solid #ddd;
   padding:5px
 }
 
-.CodeMirror .CodeMirror-code .cm-tag{
+.cm-s-easymde .cm-tag{
   color:#63a35c
 }
 
-.CodeMirror .CodeMirror-code .cm-attribute{
+.cm-s-easymde .cm-attribute{
   color:#795da3
 }
 
-.CodeMirror .CodeMirror-code .cm-string{
+.cm-s-easymde .cm-string{
   color:#183691
 }
 
-.CodeMirror .CodeMirror-selected{
-  background:#d9d9d9
+.cm-s-easymde .cm-header-1{
+  font-size:calc(1.375rem + 1.5vw)
 }
 
-.CodeMirror .CodeMirror-code .cm-header-1{
-  font-size:200%;
-  line-height:200%
+.cm-s-easymde .cm-header-2{
+  font-size:calc(1.325rem + .9vw)
 }
 
-.CodeMirror .CodeMirror-code .cm-header-2{
-  font-size:160%;
-  line-height:160%
+.cm-s-easymde .cm-header-3{
+  font-size:calc(1.3rem + .6vw)
 }
 
-.CodeMirror .CodeMirror-code .cm-header-3{
-  font-size:125%;
-  line-height:125%
+.cm-s-easymde .cm-header-4{
+  font-size:calc(1.275rem + .3vw)
 }
 
-.CodeMirror .CodeMirror-code .cm-header-4{
-  font-size:110%;
-  line-height:110%
+.cm-s-easymde .cm-header-5{
+  font-size:1.25rem
 }
 
-.CodeMirror .CodeMirror-code .cm-comment{
+.cm-s-easymde .cm-header-6{
+  font-size:1rem
+}
+
+.cm-s-easymde .cm-header-1,.cm-s-easymde .cm-header-2,.cm-s-easymde .cm-header-3,.cm-s-easymde .cm-header-4,.cm-s-easymde .cm-header-5,.cm-s-easymde .cm-header-6{
+  margin-bottom:.5rem;
+  line-height:1.2
+}
+
+.cm-s-easymde .cm-comment{
   background:rgba(0,0,0,.05);
   border-radius:2px
 }
 
-.CodeMirror .CodeMirror-code .cm-link{
+.cm-s-easymde .cm-link{
   color:#7f8c8d
 }
 
-.CodeMirror .CodeMirror-code .cm-url{
+.cm-s-easymde .cm-url{
   color:#aab2b3
 }
 
-.CodeMirror .CodeMirror-code .cm-strikethrough{
-  text-decoration:line-through
+.cm-s-easymde .cm-quote{
+  color:#7f8c8d;
+  font-style:italic
 }
 
-.CodeMirror .CodeMirror-placeholder{
-  opacity:.5
+.editor-toolbar .easymde-dropdown{
+  position:relative;
+  background:linear-gradient(to bottom right,#fff 0,#fff 84%,#333 50%,#333 100%);
+  border-radius:0;
+  border:1px solid #fff
+}
+
+.editor-toolbar .easymde-dropdown:hover{
+  background:linear-gradient(to bottom right,#fff 0,#fff 84%,#333 50%,#333 100%)
+}
+
+.easymde-dropdown-content{
+  display:block;
+  visibility:hidden;
+  position:absolute;
+  background-color:#f9f9f9;
+  box-shadow:0 8px 16px 0 rgba(0,0,0,.2);
+  padding:8px;
+  z-index:2;
+  top:30px
+}
+
+.easymde-dropdown:active .easymde-dropdown-content,.easymde-dropdown:focus .easymde-dropdown-content,.easymde-dropdown:focus-within .easymde-dropdown-content{
+  visibility:visible
+}
+
+.easymde-dropdown-content button{
+  display:block
+}
+
+span[data-img-src]::after{
+  content:'';
+  background-image:var(--bg-image);
+  display:block;
+  max-height:100%;
+  max-width:100%;
+  background-size:contain;
+  height:0;
+  padding-top:var(--height);
+  width:var(--width);
+  background-repeat:no-repeat
 }
 
 .CodeMirror .cm-spell-error:not(.cm-url):not(.cm-comment):not(.cm-tag):not(.cm-word){
@@ -6682,6 +6808,10 @@ trix-toolbar .trix-button-group:not(:first-child){
   margin-bottom:1rem
 }
 
+.me-1{
+  margin-inline-end:0.25rem
+}
+
 .ml-1{
   margin-left:0.25rem
 }
@@ -7050,10 +7180,6 @@ trix-toolbar .trix-button-group:not(:first-child){
   width:0.5rem
 }
 
-.w-2\/3{
-  width:66.666667%
-}
-
 .w-24{
   width:6rem
 }
@@ -7809,6 +7935,11 @@ trix-toolbar .trix-button-group:not(:first-child){
   background-color:rgb(57 158 229 / var(--tw-bg-opacity))
 }
 
+.bg-blue-50{
+  --tw-bg-opacity:1;
+  background-color:rgb(230 243 252 / var(--tw-bg-opacity))
+}
+
 .bg-blue-500{
   --tw-bg-opacity:1;
   background-color:rgb(8 134 222 / var(--tw-bg-opacity))
@@ -8200,10 +8331,6 @@ trix-toolbar .trix-button-group:not(:first-child){
   padding-bottom:1.5rem
 }
 
-.pe-48{
-  padding-inline-end:12rem
-}
-
 .pl-1{
   padding-left:0.25rem
 }
@@ -8228,6 +8355,10 @@ trix-toolbar .trix-button-group:not(:first-child){
   padding-top:0.125rem
 }
 
+.pt-1{
+  padding-top:0.25rem
+}
+
 .pt-16{
   padding-top:4rem
 }
@@ -10151,6 +10282,10 @@ trix-editor {
     width:33.333333%
   }
 
+  .sm\:w-2\/3{
+    width:66.666667%
+  }
+
   .sm\:w-auto{
     width:auto
   }