|
|
@@ -4,33 +4,33 @@
|
|
|
*/
|
|
|
|
|
|
:root {
|
|
|
- --ck-marker-yellow: #fdfd77;
|
|
|
- --ck-marker-green: #63f963;
|
|
|
- --ck-marker-pink: #fc7999;
|
|
|
- --ck-marker-blue: #72cdfd;
|
|
|
- --ck-pen-red: #e91313;
|
|
|
- --ck-pen-green: #118800;
|
|
|
+ --ck-highlight-marker-yellow: #fdfd77;
|
|
|
+ --ck-highlight-marker-green: #63f963;
|
|
|
+ --ck-highlight-marker-pink: #fc7999;
|
|
|
+ --ck-highlight-marker-blue: #72cdfd;
|
|
|
+ --ck-highlight-pen-red: #e91313;
|
|
|
+ --ck-highlight-pen-green: #118800;
|
|
|
}
|
|
|
|
|
|
-@define-mixin marker-color $color {
|
|
|
+@define-mixin highlight-marker-color $color {
|
|
|
.marker-$color {
|
|
|
- background-color: var(--ck-marker-$color);
|
|
|
+ background-color: var(--ck-highlight-marker-$color);
|
|
|
}
|
|
|
}
|
|
|
|
|
|
-@define-mixin pen-color $color {
|
|
|
+@define-mixin highlight-pen-color $color {
|
|
|
.pen-$color {
|
|
|
- color: var(--ck-pen-$color);
|
|
|
+ color: var(--ck-highlight-pen-$color);
|
|
|
|
|
|
/* Override default yellow background of `<mark>` from user agent stylesheet */
|
|
|
background-color: transparent;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
-@mixin marker-color yellow;
|
|
|
-@mixin marker-color green;
|
|
|
-@mixin marker-color pink;
|
|
|
-@mixin marker-color blue;
|
|
|
+@mixin highlight-marker-color yellow;
|
|
|
+@mixin highlight-marker-color green;
|
|
|
+@mixin highlight-marker-color pink;
|
|
|
+@mixin highlight-marker-color blue;
|
|
|
|
|
|
-@mixin pen-color red;
|
|
|
-@mixin pen-color green;
|
|
|
+@mixin highlight-pen-color red;
|
|
|
+@mixin highlight-pen-color green;
|