2013-09-12 01:29:14 +02:00
|
|
|
@import "ui-variables";
|
|
|
|
@import "ui-mixins";
|
|
|
|
|
|
|
|
.editor.mini {
|
|
|
|
color: @text-color-highlight;
|
|
|
|
background-color: @input-background-color;
|
|
|
|
border-radius: @component-border-radius;
|
|
|
|
padding-left: @component-padding/2;
|
2014-02-27 00:50:08 +01:00
|
|
|
.placeholder-text {
|
|
|
|
color: @text-color-subtle;
|
|
|
|
}
|
2013-09-12 01:29:14 +02:00
|
|
|
.cursor { border-color: #fff; }
|
2013-09-24 00:16:04 +02:00
|
|
|
.selection .region { background-color: lighten(@input-background-color, 10%); }
|
2013-09-12 01:29:14 +02:00
|
|
|
}
|
|
|
|
|
2014-02-27 00:30:56 +01:00
|
|
|
.editor.editor-colors.mini.is-focused {
|
2014-02-27 03:02:17 +01:00
|
|
|
.selection .region { background-color: lighten(@app-background-color, 5%); }
|
2014-02-27 00:30:56 +01:00
|
|
|
transition: background-color 0.1s
|
2013-09-12 01:29:14 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
@-webkit-keyframes highlight {
|
|
|
|
from { background-color: rgba(100, 255, 100, 0.7); }
|
|
|
|
to { background-color: null; }
|
|
|
|
}
|
|
|
|
|
|
|
|
.editor .highlighted.selection .region {
|
|
|
|
-webkit-animation-name: highlight;
|
|
|
|
-webkit-animation-duration: 1s;
|
|
|
|
-webkit-animation-iteration-count: 1;
|
|
|
|
}
|