@silexlabs/silex 3.0.0-alpha.175 → 3.0.0-alpha.176

package/dist/client/css/admin.css

@@ -388,20 +388,19 @@ template {
   z-index: 1;
 }
 
-.cm-fat-cursor .CodeMirror-line::selection,
-.cm-fat-cursor .CodeMirror-line > span::selection,
-.cm-fat-cursor .CodeMirror-line > span > span::selection {
-  background: transparent;
-}
-
-.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: transparent;
+.cm-fat-cursor-mark {
+  background-color: rgba(20, 255, 20, 0.5);
+  -webkit-animation: blink 1.06s steps(1) infinite;
+  -moz-animation: blink 1.06s steps(1) infinite;
+  animation: blink 1.06s steps(1) infinite;
 }
 
-.cm-fat-cursor {
-  caret-color: transparent;
+.cm-animate-fat-cursor {
+  width: auto;
+  -webkit-animation: blink 1.06s steps(1) infinite;
+  -moz-animation: blink 1.06s steps(1) infinite;
+  animation: blink 1.06s steps(1) infinite;
+  background-color: #7e7;
 }
 
 @-moz-keyframes blink {
@@ -590,7 +589,6 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket {
   height: 100%;
   outline: none; /* Prevent dragging from highlighting the element */
   position: relative;
-  z-index: 0;
 }
 
 .CodeMirror-sizer {
@@ -983,7 +981,8 @@ License: MIT
   padding-top: 80%;
 }
 
-.sp-sat, .sp-val {
+.sp-sat,
+.sp-val {
   position: absolute;
   top: 0;
   left: 0;
@@ -1043,7 +1042,16 @@ License: MIT
 }
 
 /* Don't allow text selection */
-.sp-container, .sp-replacer, .sp-preview, .sp-dragger, .sp-slider, .sp-alpha, .sp-clear, .sp-alpha-handle, .sp-container.sp-dragging .sp-input, .sp-container button {
+.sp-container,
+.sp-replacer,
+.sp-preview,
+.sp-dragger,
+.sp-slider,
+.sp-alpha,
+.sp-clear,
+.sp-alpha-handle,
+.sp-container.sp-dragging .sp-input,
+.sp-container button {
   -webkit-user-select: none;
   -moz-user-select: -moz-none;
   -o-user-select: none;
@@ -1076,8 +1084,8 @@ License: MIT
 
 /* Gradients for hue, saturation and value instead of images.  Not pretty... but it works */
 .sp-sat {
-  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#FFF), to(rgba(204, 154, 129, 0)));
-  background-image: -webkit-linear-gradient(left, #FFF, rgba(204, 154, 129, 0));
+  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#fff), to(rgba(204, 154, 129, 0)));
+  background-image: -webkit-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
   background-image: -moz-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
   background-image: -o-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
   background-image: -ms-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
@@ -1145,7 +1153,8 @@ License: MIT
 }
 
 /* Clearfix hack */
-.sp-cf:before, .sp-cf:after {
+.sp-cf:before,
+.sp-cf:after {
   content: "";
   display: table;
 }
@@ -1197,12 +1206,17 @@ See http://bgrins.github.io/spectrum/themes/ for instructions.
 */
 .sp-container {
   border-radius: 0;
-  background-color: #ECECEC;
-  border: solid 1px #f0c49B;
+  background-color: #ececec;
+  border: solid 1px #f0c49b;
   padding: 0;
 }
 
-.sp-container, .sp-container button, .sp-container input, .sp-color, .sp-hue, .sp-clear {
+.sp-container,
+.sp-container button,
+.sp-container input,
+.sp-color,
+.sp-hue,
+.sp-clear {
   font: normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
@@ -1214,7 +1228,9 @@ See http://bgrins.github.io/spectrum/themes/ for instructions.
   margin-bottom: 3px;
 }
 
-.sp-color, .sp-hue, .sp-clear {
+.sp-color,
+.sp-hue,
+.sp-clear {
   border: solid 1px #666;
 }
 
@@ -1249,7 +1265,8 @@ See http://bgrins.github.io/spectrum/themes/ for instructions.
   background: #fdd;
 }
 
-.sp-picker-container, .sp-palette-container {
+.sp-picker-container,
+.sp-palette-container {
   float: left;
   position: relative;
   padding: 10px;
@@ -1282,7 +1299,8 @@ See http://bgrins.github.io/spectrum/themes/ for instructions.
   border: solid 2px transparent;
 }
 
-.sp-palette .sp-thumb-el:hover, .sp-palette .sp-thumb-el.sp-thumb-active {
+.sp-palette .sp-thumb-el:hover,
+.sp-palette .sp-thumb-el.sp-thumb-active {
   border-color: orange;
 }
 
@@ -1328,8 +1346,9 @@ See http://bgrins.github.io/spectrum/themes/ for instructions.
   vertical-align: middle;
 }
 
-.sp-replacer:hover, .sp-replacer.sp-active {
-  border-color: #F0C49B;
+.sp-replacer:hover,
+.sp-replacer.sp-active {
+  border-color: #f0c49b;
   color: #111;
 }
 
@@ -1430,16 +1449,21 @@ See http://bgrins.github.io/spectrum/themes/ for instructions.
   text-decoration: underline;
 }
 
-.sp-palette span:hover, .sp-palette span.sp-thumb-active {
+.sp-palette span:hover,
+.sp-palette span.sp-thumb-active {
   border-color: #000;
 }
 
-.sp-preview, .sp-alpha, .sp-thumb-el {
+.sp-preview,
+.sp-alpha,
+.sp-thumb-el {
   position: relative;
   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
 }
 
-.sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner {
+.sp-preview-inner,
+.sp-alpha-inner,
+.sp-thumb-inner {
   display: block;
   position: absolute;
   top: 0;
@@ -1587,7 +1611,9 @@ See http://bgrins.github.io/spectrum/themes/ for instructions.
   filter: alpha(opacity=50);
 }
 
-.gjs-checker-bg, .gjs-field-colorp-c, .checker-bg, .gjs-sm-layer-preview {
+.gjs-checker-bg, .gjs-field-colorp-c,
+.checker-bg,
+.gjs-sm-layer-preview {
   background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==");
 }
 
@@ -1698,7 +1724,8 @@ See http://bgrins.github.io/spectrum/themes/ for instructions.
   clear: both;
 }
 
-.no-select, .gjs-clm-tags #gjs-clm-close, .gjs-category-title, .gjs-layer-title, .gjs-block-category .gjs-title, .gjs-sm-sector-title, .gjs-trait-category .gjs-title, .gjs-com-no-select, .gjs-com-no-select img {
+.no-select, .gjs-clm-tags #gjs-clm-close, .gjs-category-title, .gjs-layer-title, .gjs-block-category .gjs-title, .gjs-sm-sector-title, .gjs-trait-category .gjs-title, .gjs-com-no-select,
+.gjs-com-no-select img {
   -moz-user-select: none;
   -khtml-user-select: none;
   -webkit-user-select: none;
@@ -1999,7 +2026,8 @@ See http://bgrins.github.io/spectrum/themes/ for instructions.
   outline: 2px solid var(--gjs-color-blue);
   outline-offset: -2px;
 }
-.gjs-cv-canvas #gjs-tools, .gjs-cv-canvas .gjs-tools {
+.gjs-cv-canvas #gjs-tools,
+.gjs-cv-canvas .gjs-tools {
   width: 100%;
   height: 100%;
   position: absolute;
@@ -2217,7 +2245,8 @@ See http://bgrins.github.io/spectrum/themes/ for instructions.
 }
 
 /********* COMMANDS **********/
-.no-dots, .ui-resizable-handle {
+.no-dots,
+.ui-resizable-handle {
   border: none !important;
   margin: 0 !important;
   outline: none !important;
@@ -2229,7 +2258,8 @@ See http://bgrins.github.io/spectrum/themes/ for instructions.
   box-sizing: border-box;
 }
 
-.gjs-com-badge, .gjs-badge {
+.gjs-com-badge,
+.gjs-badge {
   pointer-events: none;
   background-color: var(--gjs-color-blue);
   color: #fff;
@@ -3792,13 +3822,16 @@ See http://bgrins.github.io/spectrum/themes/ for instructions.
   border-radius: 3px;
 }
 
-.gjs-editor-sp .sp-hue, .gjs-editor-sp .sp-slider {
+.gjs-editor-sp .sp-hue,
+.gjs-editor-sp .sp-slider {
   cursor: row-resize;
 }
-.gjs-editor-sp .sp-color, .gjs-editor-sp .sp-dragger {
+.gjs-editor-sp .sp-color,
+.gjs-editor-sp .sp-dragger {
   cursor: crosshair;
 }
-.gjs-editor-sp .sp-alpha-inner, .gjs-editor-sp .sp-alpha-handle {
+.gjs-editor-sp .sp-alpha-inner,
+.gjs-editor-sp .sp-alpha-handle {
   cursor: col-resize;
 }
 .gjs-editor-sp .sp-hue {
@@ -3813,7 +3846,8 @@ See http://bgrins.github.io/spectrum/themes/ for instructions.
 .gjs-editor-sp .colpick_dark .colpick_color {
   outline: 1px solid var(--gjs-main-dark-color);
 }
-.gjs-editor-sp .sp-cancel, .gjs-editor-sp .sp-cancel:hover {
+.gjs-editor-sp .sp-cancel,
+.gjs-editor-sp .sp-cancel:hover {
   bottom: -8px;
   color: #777 !important;
   font-size: 25px;
@@ -3826,7 +3860,8 @@ See http://bgrins.github.io/spectrum/themes/ for instructions.
   border: 1px solid #555;
   width: 4px;
 }
-.gjs-editor-sp .sp-color, .gjs-editor-sp .sp-hue {
+.gjs-editor-sp .sp-color,
+.gjs-editor-sp .sp-hue {
   border: 1px solid #333333;
 }
 .gjs-editor-sp .sp-slider {
@@ -3862,10 +3897,12 @@ See http://bgrins.github.io/spectrum/themes/ for instructions.
   margin: 0;
   padding: 5px 10px 0;
 }
-.gjs-editor-sp .sp-palette .sp-thumb-el, .gjs-editor-sp .sp-palette .sp-thumb-el:hover {
+.gjs-editor-sp .sp-palette .sp-thumb-el,
+.gjs-editor-sp .sp-palette .sp-thumb-el:hover {
   border: 1px solid rgba(0, 0, 0, 0.9);
 }
-.gjs-editor-sp .sp-palette .sp-thumb-el:hover, .gjs-editor-sp .sp-palette .sp-thumb-el.sp-thumb-active {
+.gjs-editor-sp .sp-palette .sp-thumb-el:hover,
+.gjs-editor-sp .sp-palette .sp-thumb-el.sp-thumb-active {
   border-color: rgba(0, 0, 0, 0.9);
 }