superdesk-ui-framework 4.0.29 → 4.0.31
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -5,47 +5,50 @@ $editor-neutral-color: var(--sd-editor-colour__txt);
|
|
|
5
5
|
|
|
6
6
|
$editor-styleButton-color: var(--sd-editor-colour__txt);
|
|
7
7
|
$editor-styleButton-active-color: var(--sd-editor-colour__button-txt--active);
|
|
8
|
-
$editor-styleButton-size:
|
|
8
|
+
$editor-styleButton-size: 3.2rem;
|
|
9
9
|
|
|
10
10
|
.Editor3-styleButton {
|
|
11
|
-
color:
|
|
11
|
+
color: inherit;
|
|
12
12
|
cursor: pointer;
|
|
13
13
|
margin: 0.4rem 0.2rem;
|
|
14
14
|
height: $editor-styleButton-size;
|
|
15
15
|
min-width: $editor-styleButton-size;
|
|
16
16
|
padding: 0.6rem;
|
|
17
17
|
display: inline-block;
|
|
18
|
-
border-radius:
|
|
18
|
+
border-radius: var(--b-radius--medium);
|
|
19
19
|
text-align: center;
|
|
20
20
|
line-height: 1.6rem;
|
|
21
|
+
transition: all 0.2s ease;
|
|
21
22
|
|
|
22
23
|
[class*="icon-"] {
|
|
24
|
+
transition: opacity 0.2s ease;
|
|
23
25
|
color: inherit;
|
|
24
|
-
opacity: 0.
|
|
26
|
+
opacity: 0.8;
|
|
25
27
|
vertical-align: middle;
|
|
26
28
|
}
|
|
27
29
|
|
|
28
30
|
&:hover {
|
|
31
|
+
background-color: hsla(214, 13%, 60%, 0.25);
|
|
29
32
|
[class*="icon-"] {
|
|
30
33
|
color: inherit;
|
|
31
|
-
opacity:
|
|
34
|
+
opacity: 1;
|
|
32
35
|
}
|
|
33
36
|
}
|
|
34
37
|
|
|
35
38
|
.inactive {
|
|
36
39
|
[class*="icon-"] {
|
|
37
|
-
opacity: 0.
|
|
40
|
+
opacity: 0.4;
|
|
38
41
|
}
|
|
39
42
|
&:hover {
|
|
40
43
|
[class*="icon-"] {
|
|
41
|
-
opacity: 0.
|
|
44
|
+
opacity: 0.4;
|
|
42
45
|
}
|
|
43
46
|
}
|
|
44
47
|
}
|
|
45
48
|
|
|
46
49
|
&.Editor3-activeButton, &.Editor3-activeButton:hover {
|
|
47
|
-
color:
|
|
48
|
-
background-color:
|
|
50
|
+
color: var(--color-text-ondark);
|
|
51
|
+
background-color: var(--color-interactive-default);
|
|
49
52
|
[class*="icon-"] {
|
|
50
53
|
opacity: 1;
|
|
51
54
|
}
|
|
@@ -1,119 +1,140 @@
|
|
|
1
1
|
// EDITOR Themes
|
|
2
2
|
|
|
3
|
-
:root
|
|
4
|
-
|
|
5
|
-
--sd-editor-colour__main-bg
|
|
6
|
-
--sd-editor-colour__main-border:
|
|
7
|
-
--sd-editor-colour__txt:
|
|
8
|
-
--sd-editor-colour__txt--accent: var(--
|
|
9
|
-
--sd-editor-colour__quote-border:
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
--sd-editor-colour__button-
|
|
14
|
-
--sd-editor-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
--sd-editor-
|
|
18
|
-
|
|
19
|
-
--sd-editor-colour__comment-bg:
|
|
20
|
-
--sd-editor-colour__annotation:
|
|
21
|
-
--sd-editor-colour__removing:
|
|
22
|
-
--sd-editor-colour__removing-bg:
|
|
23
|
-
--sd-editor-colour__adding:
|
|
24
|
-
--sd-editor-colour__adding-bg:
|
|
25
|
-
|
|
3
|
+
:root,
|
|
4
|
+
[data-theme="dark-ui"] {
|
|
5
|
+
--sd-editor-colour__main-bg: var(--color-surface-base);
|
|
6
|
+
--sd-editor-colour__main-border: var(--color-line-medium);
|
|
7
|
+
--sd-editor-colour__txt: var(--color-text-default);
|
|
8
|
+
--sd-editor-colour__txt--accent: var(--color-interactive-default);
|
|
9
|
+
--sd-editor-colour__quote-border: var(--color-line-strong);
|
|
10
|
+
--sd-editor-colour__controls-border: var(--color-line-light);
|
|
11
|
+
--sd-editor-colour__controls-bg: var(--color-surface-subdued);
|
|
12
|
+
|
|
13
|
+
--sd-editor-colour__button-bg--active: hsl(214 13% 96% / 0.2);
|
|
14
|
+
--sd-editor-colour__button-txt--active: var(--color-interactive-default);
|
|
15
|
+
|
|
16
|
+
--sd-editor-colour__field-label-bg: hsl(214 13% 4% / 0.5);
|
|
17
|
+
--sd-editor-colour__field-label-txt: hsl(214 13% 96% / 1);
|
|
18
|
+
|
|
19
|
+
--sd-editor-colour__comment-bg: hsl(54 88% 55% / 0.35);
|
|
20
|
+
--sd-editor-colour__annotation: hsl(91 100% 40% / 0.6);
|
|
21
|
+
--sd-editor-colour__removing: var(--color-highlight-text);
|
|
22
|
+
--sd-editor-colour__removing-bg: var(--color-highlight-translucent);
|
|
23
|
+
--sd-editor-colour__adding: var(--color-success-text);
|
|
24
|
+
--sd-editor-colour__adding-bg: var(--color-success-translucent);
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
.sd-editor--theme-default {
|
|
28
|
+
--theme-color-base: hsl(0 0% 100%);
|
|
29
|
+
--sd-editor-colour__main-bg: var(--theme-color-base);
|
|
30
|
+
--sd-editor-colour__main-bg--alt: hsl(214 13% 96%);
|
|
31
|
+
--sd-editor-colour__main-border: hsl(214 13% 12% / 0.2);
|
|
32
|
+
--sd-editor-colour__txt: var(--color-text-onlight);
|
|
33
|
+
--sd-editor-colour__txt--accent: var(--color-interactive-default);
|
|
34
|
+
--sd-editor-colour__quote-border: hsl(214 13% 55% / 0.5);
|
|
35
|
+
--sd-editor-colour__controls-bg: hsl(214 13% 94%);
|
|
36
|
+
--sd-editor-colour__controls-border: hsl(214 13% 12% / 0.2);
|
|
37
|
+
--sd-editor-colour__button-bg--active: hsl(214 13% 99% / 0.9);
|
|
38
|
+
|
|
39
|
+
--sd-editor-colour__removing: var(--blissful-berry-600);
|
|
40
|
+
--sd-editor-colour__removing-bg: var(--blissful-berry-500-a12);
|
|
41
|
+
--sd-editor-colour__adding: var(--green-brier-600);
|
|
42
|
+
--sd-editor-colour__adding-bg: var(--green-brier-400-a12);
|
|
43
|
+
}
|
|
26
44
|
|
|
27
|
-
.sd-editor--theme-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
45
|
+
.sd-editor--theme-dark {
|
|
46
|
+
--theme-color-base: hsl(214 13% 12%);
|
|
47
|
+
--sd-editor-colour__main-bg: var(--theme-color-base);
|
|
48
|
+
--sd-editor-colour__main-bg--alt: lch(from var(--theme-color-base) calc(l - 5) c h);
|
|
49
|
+
--sd-editor-colour__main-border: lch(from var(--theme-color-base) calc(l + 55) c h / 0.3);
|
|
50
|
+
--sd-editor-colour__txt: var(--color-text-ondark);
|
|
51
|
+
--sd-editor-colour__txt--accent: var(--color-interactive-text);
|
|
52
|
+
--sd-editor-colour__quote-border: lch(from var(--theme-color-base) calc(l + 55) c h / 0.5);
|
|
53
|
+
--sd-editor-colour__controls-bg: lch(from var(--theme-color-base) calc(l - 5) c h);
|
|
54
|
+
--sd-editor-colour__controls-border: lch(from var(--theme-color-base) calc(l + 65) c h / 0.2);
|
|
55
|
+
|
|
56
|
+
--sd-editor-colour__field-label-bg: lch(from var(--theme-color-base) calc(l - 10) c h);
|
|
57
|
+
|
|
58
|
+
--sd-editor-colour__removing: var(--blissful-berry-300);
|
|
59
|
+
--sd-editor-colour__removing-bg: var(--blissful-berry-500-a16);
|
|
60
|
+
--sd-editor-colour__adding: var(--green-brier-300);
|
|
61
|
+
--sd-editor-colour__adding-bg: var(--green-brier-400-a12);
|
|
62
|
+
}
|
|
38
63
|
|
|
39
|
-
.sd-editor--theme-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
--sd-editor-colour__adding: hsla(82, 90%, 32%, 1);
|
|
58
|
-
--sd-editor-colour__adding-bg: hsla(82, 90%, 32%, 0.16);
|
|
59
|
-
}
|
|
64
|
+
.sd-editor--theme-blue {
|
|
65
|
+
--theme-color-base: hsl(212 91% 18%);
|
|
66
|
+
--sd-editor-colour__main-bg: var(--theme-color-base);
|
|
67
|
+
--sd-editor-colour__main-bg--alt: lch(from var(--theme-color-base) calc(l - 5) c h);
|
|
68
|
+
--sd-editor-colour__main-border: lch(from var(--theme-color-base) calc(l + 55) c h / 0.3);
|
|
69
|
+
--sd-editor-colour__txt: var(--color-text-ondark);
|
|
70
|
+
--sd-editor-colour__txt--accent: hsl(307 100% 50%);
|
|
71
|
+
--sd-editor-colour__quote-border: lch(from var(--theme-color-base) calc(l + 55) calc(c - 20) h / 0.5);
|
|
72
|
+
--sd-editor-colour__controls-bg: lch(from var(--theme-color-base) calc(l - 5) c h);
|
|
73
|
+
--sd-editor-colour__controls-border: lch(from var(--theme-color-base) calc(l + 65) calc(c - 50) h / 0.2);
|
|
74
|
+
|
|
75
|
+
--sd-editor-colour__field-label-bg: lch(from var(--theme-color-base) calc(l - 10) c h);
|
|
76
|
+
|
|
77
|
+
--sd-editor-colour__removing: var(--blissful-berry-300);
|
|
78
|
+
--sd-editor-colour__removing-bg: var(--blissful-berry-500-a16);
|
|
79
|
+
--sd-editor-colour__adding: var(--green-brier-300);
|
|
80
|
+
--sd-editor-colour__adding-bg: var(--green-brier-400-a12);
|
|
81
|
+
}
|
|
60
82
|
|
|
61
|
-
.sd-editor--theme-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
83
|
+
.sd-editor--theme-turquoise {
|
|
84
|
+
--theme-color-base: hsl(179 49% 65%);
|
|
85
|
+
--sd-editor-colour__main-bg: var(--theme-color-base);
|
|
86
|
+
--sd-editor-colour__main-bg--alt: lch(from var(--theme-color-base) calc(l - 5) c h);
|
|
87
|
+
--sd-editor-colour__main-border: lch(from var(--theme-color-base) calc(l + 55) c h / 0.3);
|
|
88
|
+
--sd-editor-colour__txt: var(--color-text-onlight);
|
|
89
|
+
--sd-editor-colour__txt--accent: hsl(307 100% 50%);
|
|
90
|
+
--sd-editor-colour__quote-border: lch(from var(--theme-color-base) calc(l - 40) c h / 0.5);
|
|
91
|
+
--sd-editor-colour__controls-bg: lch(from var(--theme-color-base) calc(l + 3) c h);
|
|
92
|
+
--sd-editor-colour__controls-border: lch(from var(--theme-color-base) calc(l - 47) c h / 0.2);
|
|
93
|
+
|
|
94
|
+
--sd-editor-colour__comment-bg: hsl(54 90% 80% / 0.5);
|
|
95
|
+
--sd-editor-colour__annotation: hsl(91 100% 60% / 0.8);
|
|
96
|
+
--sd-editor-colour__removing: var(--blissful-berry-600);
|
|
97
|
+
--sd-editor-colour__removing-bg: var(--blissful-berry-500-a12);
|
|
98
|
+
--sd-editor-colour__adding: var(--green-brier-600);
|
|
99
|
+
--sd-editor-colour__adding-bg: var(--green-brier-400-a12);
|
|
100
|
+
}
|
|
71
101
|
|
|
72
|
-
.sd-editor--theme-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
102
|
+
.sd-editor--theme-military {
|
|
103
|
+
--theme-color-base: hsl(69 25% 65%);
|
|
104
|
+
--sd-editor-colour__main-bg: var(--theme-color-base);
|
|
105
|
+
--sd-editor-colour__main-bg--alt: lch(from var(--theme-color-base) calc(l - 5) c h);
|
|
106
|
+
--sd-editor-colour__main-border: lch(from var(--theme-color-base) calc(l + 55) c h / 0.3);
|
|
107
|
+
--sd-editor-colour__txt: var(--color-text-onlight);
|
|
108
|
+
--sd-editor-colour__txt--accent: hsl(307 100% 50%);
|
|
109
|
+
--sd-editor-colour__quote-border: lch(from var(--theme-color-base) calc(l - 40) c h / 0.5);
|
|
110
|
+
--sd-editor-colour__controls-bg: lch(from var(--theme-color-base) calc(l + 3) c h);
|
|
111
|
+
--sd-editor-colour__controls-border: lch(from var(--theme-color-base) calc(l - 47) c h / 0.2);
|
|
112
|
+
|
|
113
|
+
--sd-editor-colour__comment-bg: hsl(54 90% 80% / 0.5);
|
|
114
|
+
--sd-editor-colour__annotation: hsl(91 100% 60% / 0.8);
|
|
115
|
+
--sd-editor-colour__removing: var(--blissful-berry-600);
|
|
116
|
+
--sd-editor-colour__removing-bg: var(--blissful-berry-500-a12);
|
|
117
|
+
--sd-editor-colour__adding: var(--green-brier-600);
|
|
118
|
+
--sd-editor-colour__adding-bg: var(--green-brier-400-a12);
|
|
119
|
+
}
|
|
89
120
|
|
|
90
|
-
.sd-editor--theme-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
}
|
|
121
|
+
.sd-editor--theme-natural {
|
|
122
|
+
--theme-color-base: hsl(51 50% 89%);
|
|
123
|
+
--sd-editor-colour__main-bg: var(--theme-color-base);
|
|
124
|
+
--sd-editor-colour__main-bg--alt: lch(from var(--theme-color-base) calc(l - 5) c h);
|
|
125
|
+
--sd-editor-colour__main-border: lch(from var(--theme-color-base) calc(l + 55) c h / 0.3);
|
|
126
|
+
--sd-editor-colour__txt: var(--color-text-onlight);
|
|
127
|
+
--sd-editor-colour__txt--accent: var(--color-interactive-text);
|
|
128
|
+
--sd-editor-colour__quote-border: lch(from var(--theme-color-base) calc(l - 40) c h / 0.5);
|
|
129
|
+
--sd-editor-colour__controls-bg: lch(from var(--theme-color-base) calc(l + 3) c h);
|
|
130
|
+
--sd-editor-colour__controls-border: lch(from var(--theme-color-base) calc(l - 69) c h / 0.2);
|
|
131
|
+
|
|
132
|
+
--sd-editor-colour__removing: var(--blissful-berry-600);
|
|
133
|
+
--sd-editor-colour__removing-bg: var(--blissful-berry-500-a12);
|
|
134
|
+
--sd-editor-colour__adding: var(--green-brier-600);
|
|
135
|
+
--sd-editor-colour__adding-bg: var(--green-brier-400-a12);
|
|
136
|
+
}
|
|
107
137
|
|
|
108
|
-
.sd-editor--theme-natural {
|
|
109
|
-
--sd-editor-colour__main-bg: hsla(51, 57%, 85%, 1);
|
|
110
|
-
--sd-editor-colour__main-bg--alt: hsla(51, 57%, 79%, 1);
|
|
111
|
-
--sd-editor-colour__main-border: hsla(214, 13%, 12%, 0.2);
|
|
112
|
-
--sd-editor-colour__txt: hsla(0, 18%, 10%, 1);
|
|
113
|
-
--sd-editor-colour__txt--accent: var(--sd-colour-interactive);
|
|
114
|
-
--sd-editor-colour__quote-border: hsla(0, 18%, 10%, .5);
|
|
115
|
-
--sd-editor-colour__controls-bg: hsla(51, 57%, 82%, 1);
|
|
116
|
-
--sd-editor-colour__controls-border: hsla(214, 13%, 85%, 0.2);
|
|
117
138
|
}
|
|
118
139
|
|
|
119
140
|
$color-swatch-border-color: transparent;
|
package/dist/examples.bundle.js
CHANGED
|
@@ -188153,7 +188153,7 @@ exports.ThreePaneLayoutPattern = ThreePaneLayoutPattern;
|
|
|
188153
188153
|
/* 938 */
|
|
188154
188154
|
/***/ (function(module, exports) {
|
|
188155
188155
|
|
|
188156
|
-
module.exports = {"name":"superdesk-ui-framework","version":"4.0.
|
|
188156
|
+
module.exports = {"name":"superdesk-ui-framework","version":"4.0.31","license":"AGPL-3.0","repository":{"type":"git","url":"https://github.com/superdesk/superdesk-ui-framework.git"},"main":"dist/superdesk-ui.bundle.js","types":"react/index.d.ts","contributors":["Nemanja Pavlovic","Vladimir Stefanovic","Darko Tomic","Aleksandar Jelicic","Tomas Kikutis","Dragana Zivkovic"],"scripts":{"start":"webpack-dev-server --config tasks/webpack.dev.js","server":"webpack --watch --config tasks/webpack.prod.js && tsc-watch","build":"webpack --config tasks/webpack.prod.js && tsc","build-ui":"webpack && tsc && npm run lint","playground-lint":"tsc -p examples/pages/playgrounds/react-playgrounds --noEmit","lint":"eslint --parser=@typescript-eslint/parser app && tslint -c tslint.json 'app-typescript/**/*.{ts,tsx}' && npm run playground-lint","lint-fix":"tsc -p tsconfig.json --noEmit && tslint --fix -c tslint.json 'app-typescript/**/*.{ts,tsx}'","prepublishOnly":"npm run build","unit-test":"mocha","debug-unit-tests":"mocha --inspect-brk"},"devDependencies":{"@types/assert":"^1.5.6","@types/chart.js":"^2.9.24","@types/classnames":"^2.2.9","@types/enzyme":"^3.10.12","@types/enzyme-adapter-react-16":"^1.0.6","@types/lodash":"^4.14.161","@types/mocha":"^9.1.1","@types/react":"16.8.23","@types/react-beautiful-dnd":"^13.1.2","@types/react-dom":"16.8.0","@types/react-router-dom":"^5.1.2","@types/react-scrollspy":"^3.3.5","@typescript-eslint/parser":"^5.58.0","angular":"^1.7.9","angular-animate":"^1.7.9","angular-route":"^1.7.9","babel-core":"^6.26.0","babel-loader":"^7.1.2","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1","classnames":"^2.2.5","clean-webpack-plugin":"^1.0.0","code-prettify":"^0.1.0","copy-webpack-plugin":"^4.6.0","css-loader":"^2.1.1","enzyme":"^3.11.0","enzyme-adapter-react-16":"^1.15.7","eslint":"^4.6.1","eslint-loader":"^1.9.0","eslint-plugin-angular":"^3.1.1","eslint-plugin-react":"^7.3.0","extract-text-webpack-plugin":"^3.0.2","file-loader":"^0.11.2","html-loader":"^0.5.1","html-webpack-plugin":"^2.30.1","jquery":"^3.1.1","jquery-ui":"^1.12.1","jsdom":"20.0.3","jsdom-global":"3.0.2","lodash":"4.17.21","mocha":"^8.4.0","moment":"^2.29.3","node-sass":"6.0","prismjs":"^1.28.0","prop-types":"^15.6.0","react":"16.8.6","react-dom":"16.8.6","react-redux":"^5.0.6","react-router-dom":"^5.1.2","redux":"^3.7.2","redux-form":"^7.0.4","sass-loader":"^6.0.6","style-loader":"^0.18.2","superdesk-code-style":"^1.1.2","ts-loader":"^6.0.2","ts-node":"^10.9.1","tslint":"^5.18.0","typescript":"4.9.5","url-loader":"^1.1.2","webpack":"^3.5.5","webpack-cli":"3.3.10","webpack-dev-server":"2.11.1","webpack-merge":"^4.2.1"},"dependencies":{"@popperjs/core":"^2.4.0","@superdesk/common":"0.0.28","@superdesk/primereact":"^5.0.2-12","@superdesk/react-resizable-panels":"0.0.39","chart.js":"^2.9.3","date-fns":"2.7.0","popper-max-size-modifier":"^0.2.0","popper.js":"1.14.4","primeicons":"2.0.0","react-beautiful-dnd":"^13.0.0","react-id-generator":"^3.0.0","react-scrollspy":"^3.4.3","tippy.js":"^6.3.7"},"peerDependencies":{"moment":"*"},"volta":{"node":"14.21.3"}}
|
|
188157
188157
|
|
|
188158
188158
|
/***/ }),
|
|
188159
188159
|
/* 939 */
|
|
@@ -42196,107 +42196,122 @@ i.sd-sidetab-menu__helper-icon {
|
|
|
42196
42196
|
.sd-bottom-nav-list .sd-bottom-nav-list__item--disabled .sd-bottom-nav-list__item-title {
|
|
42197
42197
|
pointer-events: none; }
|
|
42198
42198
|
|
|
42199
|
-
:root
|
|
42200
|
-
|
|
42201
|
-
--sd-editor-colour__main-bg
|
|
42202
|
-
--sd-editor-colour__main-border:
|
|
42203
|
-
--sd-editor-colour__txt:
|
|
42204
|
-
--sd-editor-colour__txt--accent: var(--
|
|
42205
|
-
--sd-editor-colour__quote-border:
|
|
42206
|
-
--sd-editor-colour__controls-
|
|
42207
|
-
--sd-editor-colour__controls-
|
|
42208
|
-
--sd-editor-colour__button-bg--active:
|
|
42209
|
-
--sd-editor-colour__button-txt--active: var(--
|
|
42210
|
-
--sd-editor-colour__field-label-bg:
|
|
42211
|
-
--sd-editor-colour__field-label-txt:
|
|
42212
|
-
--sd-editor-
|
|
42213
|
-
--sd-editor-
|
|
42214
|
-
--sd-editor-
|
|
42215
|
-
--sd-editor-colour__removing:
|
|
42216
|
-
--sd-editor-
|
|
42217
|
-
--sd-editor-colour__adding:
|
|
42218
|
-
|
|
42219
|
-
|
|
42220
|
-
|
|
42221
|
-
|
|
42222
|
-
|
|
42223
|
-
|
|
42224
|
-
|
|
42225
|
-
|
|
42226
|
-
|
|
42227
|
-
|
|
42228
|
-
|
|
42229
|
-
|
|
42230
|
-
|
|
42231
|
-
|
|
42232
|
-
|
|
42233
|
-
|
|
42234
|
-
|
|
42235
|
-
|
|
42236
|
-
|
|
42237
|
-
|
|
42238
|
-
|
|
42239
|
-
|
|
42240
|
-
|
|
42241
|
-
|
|
42242
|
-
|
|
42243
|
-
|
|
42244
|
-
|
|
42245
|
-
|
|
42246
|
-
|
|
42247
|
-
|
|
42248
|
-
|
|
42249
|
-
|
|
42250
|
-
|
|
42251
|
-
|
|
42252
|
-
|
|
42253
|
-
|
|
42254
|
-
|
|
42255
|
-
|
|
42256
|
-
|
|
42257
|
-
|
|
42258
|
-
|
|
42259
|
-
|
|
42260
|
-
|
|
42261
|
-
|
|
42262
|
-
|
|
42263
|
-
|
|
42264
|
-
|
|
42265
|
-
|
|
42266
|
-
|
|
42267
|
-
|
|
42268
|
-
|
|
42269
|
-
|
|
42270
|
-
|
|
42271
|
-
|
|
42272
|
-
|
|
42273
|
-
|
|
42274
|
-
|
|
42275
|
-
|
|
42276
|
-
|
|
42277
|
-
|
|
42278
|
-
|
|
42279
|
-
|
|
42280
|
-
|
|
42281
|
-
|
|
42282
|
-
|
|
42283
|
-
|
|
42284
|
-
|
|
42285
|
-
|
|
42286
|
-
|
|
42287
|
-
|
|
42288
|
-
|
|
42289
|
-
|
|
42290
|
-
|
|
42291
|
-
|
|
42292
|
-
|
|
42293
|
-
|
|
42294
|
-
|
|
42295
|
-
|
|
42296
|
-
|
|
42297
|
-
|
|
42298
|
-
|
|
42299
|
-
|
|
42199
|
+
:root,
|
|
42200
|
+
[data-theme="dark-ui"] {
|
|
42201
|
+
--sd-editor-colour__main-bg: var(--color-surface-base);
|
|
42202
|
+
--sd-editor-colour__main-border: var(--color-line-medium);
|
|
42203
|
+
--sd-editor-colour__txt: var(--color-text-default);
|
|
42204
|
+
--sd-editor-colour__txt--accent: var(--color-interactive-default);
|
|
42205
|
+
--sd-editor-colour__quote-border: var(--color-line-strong);
|
|
42206
|
+
--sd-editor-colour__controls-border: var(--color-line-light);
|
|
42207
|
+
--sd-editor-colour__controls-bg: var(--color-surface-subdued);
|
|
42208
|
+
--sd-editor-colour__button-bg--active: hsl(214 13% 96% / 0.2);
|
|
42209
|
+
--sd-editor-colour__button-txt--active: var(--color-interactive-default);
|
|
42210
|
+
--sd-editor-colour__field-label-bg: hsl(214 13% 4% / 0.5);
|
|
42211
|
+
--sd-editor-colour__field-label-txt: hsl(214 13% 96% / 1);
|
|
42212
|
+
--sd-editor-colour__comment-bg: hsl(54 88% 55% / 0.35);
|
|
42213
|
+
--sd-editor-colour__annotation: hsl(91 100% 40% / 0.6);
|
|
42214
|
+
--sd-editor-colour__removing: var(--color-highlight-text);
|
|
42215
|
+
--sd-editor-colour__removing-bg: var(--color-highlight-translucent);
|
|
42216
|
+
--sd-editor-colour__adding: var(--color-success-text);
|
|
42217
|
+
--sd-editor-colour__adding-bg: var(--color-success-translucent); }
|
|
42218
|
+
:root .sd-editor--theme-default,
|
|
42219
|
+
[data-theme="dark-ui"] .sd-editor--theme-default {
|
|
42220
|
+
--theme-color-base: hsl(0 0% 100%);
|
|
42221
|
+
--sd-editor-colour__main-bg: var(--theme-color-base);
|
|
42222
|
+
--sd-editor-colour__main-bg--alt: hsl(214 13% 96%);
|
|
42223
|
+
--sd-editor-colour__main-border: hsl(214 13% 12% / 0.2);
|
|
42224
|
+
--sd-editor-colour__txt: var(--color-text-onlight);
|
|
42225
|
+
--sd-editor-colour__txt--accent: var(--color-interactive-default);
|
|
42226
|
+
--sd-editor-colour__quote-border: hsl(214 13% 55% / 0.5);
|
|
42227
|
+
--sd-editor-colour__controls-bg: hsl(214 13% 94%);
|
|
42228
|
+
--sd-editor-colour__controls-border: hsl(214 13% 12% / 0.2);
|
|
42229
|
+
--sd-editor-colour__button-bg--active: hsl(214 13% 99% / 0.9);
|
|
42230
|
+
--sd-editor-colour__removing: var(--blissful-berry-600);
|
|
42231
|
+
--sd-editor-colour__removing-bg: var(--blissful-berry-500-a12);
|
|
42232
|
+
--sd-editor-colour__adding: var(--green-brier-600);
|
|
42233
|
+
--sd-editor-colour__adding-bg: var(--green-brier-400-a12); }
|
|
42234
|
+
:root .sd-editor--theme-dark,
|
|
42235
|
+
[data-theme="dark-ui"] .sd-editor--theme-dark {
|
|
42236
|
+
--theme-color-base: hsl(214 13% 12%);
|
|
42237
|
+
--sd-editor-colour__main-bg: var(--theme-color-base);
|
|
42238
|
+
--sd-editor-colour__main-bg--alt: lch(from var(--theme-color-base) calc(l - 5) c h);
|
|
42239
|
+
--sd-editor-colour__main-border: lch(from var(--theme-color-base) calc(l + 55) c h / 0.3);
|
|
42240
|
+
--sd-editor-colour__txt: var(--color-text-ondark);
|
|
42241
|
+
--sd-editor-colour__txt--accent: var(--color-interactive-text);
|
|
42242
|
+
--sd-editor-colour__quote-border: lch(from var(--theme-color-base) calc(l + 55) c h / 0.5);
|
|
42243
|
+
--sd-editor-colour__controls-bg: lch(from var(--theme-color-base) calc(l - 5) c h);
|
|
42244
|
+
--sd-editor-colour__controls-border: lch(from var(--theme-color-base) calc(l + 65) c h / 0.2);
|
|
42245
|
+
--sd-editor-colour__field-label-bg: lch(from var(--theme-color-base) calc(l - 10) c h);
|
|
42246
|
+
--sd-editor-colour__removing: var(--blissful-berry-300);
|
|
42247
|
+
--sd-editor-colour__removing-bg: var(--blissful-berry-500-a16);
|
|
42248
|
+
--sd-editor-colour__adding: var(--green-brier-300);
|
|
42249
|
+
--sd-editor-colour__adding-bg: var(--green-brier-400-a12); }
|
|
42250
|
+
:root .sd-editor--theme-blue,
|
|
42251
|
+
[data-theme="dark-ui"] .sd-editor--theme-blue {
|
|
42252
|
+
--theme-color-base: hsl(212 91% 18%);
|
|
42253
|
+
--sd-editor-colour__main-bg: var(--theme-color-base);
|
|
42254
|
+
--sd-editor-colour__main-bg--alt: lch(from var(--theme-color-base) calc(l - 5) c h);
|
|
42255
|
+
--sd-editor-colour__main-border: lch(from var(--theme-color-base) calc(l + 55) c h / 0.3);
|
|
42256
|
+
--sd-editor-colour__txt: var(--color-text-ondark);
|
|
42257
|
+
--sd-editor-colour__txt--accent: hsl(307 100% 50%);
|
|
42258
|
+
--sd-editor-colour__quote-border: lch(from var(--theme-color-base) calc(l + 55) calc(c - 20) h / 0.5);
|
|
42259
|
+
--sd-editor-colour__controls-bg: lch(from var(--theme-color-base) calc(l - 5) c h);
|
|
42260
|
+
--sd-editor-colour__controls-border: lch(from var(--theme-color-base) calc(l + 65) calc(c - 50) h / 0.2);
|
|
42261
|
+
--sd-editor-colour__field-label-bg: lch(from var(--theme-color-base) calc(l - 10) c h);
|
|
42262
|
+
--sd-editor-colour__removing: var(--blissful-berry-300);
|
|
42263
|
+
--sd-editor-colour__removing-bg: var(--blissful-berry-500-a16);
|
|
42264
|
+
--sd-editor-colour__adding: var(--green-brier-300);
|
|
42265
|
+
--sd-editor-colour__adding-bg: var(--green-brier-400-a12); }
|
|
42266
|
+
:root .sd-editor--theme-turquoise,
|
|
42267
|
+
[data-theme="dark-ui"] .sd-editor--theme-turquoise {
|
|
42268
|
+
--theme-color-base: hsl(179 49% 65%);
|
|
42269
|
+
--sd-editor-colour__main-bg: var(--theme-color-base);
|
|
42270
|
+
--sd-editor-colour__main-bg--alt: lch(from var(--theme-color-base) calc(l - 5) c h);
|
|
42271
|
+
--sd-editor-colour__main-border: lch(from var(--theme-color-base) calc(l + 55) c h / 0.3);
|
|
42272
|
+
--sd-editor-colour__txt: var(--color-text-onlight);
|
|
42273
|
+
--sd-editor-colour__txt--accent: hsl(307 100% 50%);
|
|
42274
|
+
--sd-editor-colour__quote-border: lch(from var(--theme-color-base) calc(l - 40) c h / 0.5);
|
|
42275
|
+
--sd-editor-colour__controls-bg: lch(from var(--theme-color-base) calc(l + 3) c h);
|
|
42276
|
+
--sd-editor-colour__controls-border: lch(from var(--theme-color-base) calc(l - 47) c h / 0.2);
|
|
42277
|
+
--sd-editor-colour__comment-bg: hsl(54 90% 80% / 0.5);
|
|
42278
|
+
--sd-editor-colour__annotation: hsl(91 100% 60% / 0.8);
|
|
42279
|
+
--sd-editor-colour__removing: var(--blissful-berry-600);
|
|
42280
|
+
--sd-editor-colour__removing-bg: var(--blissful-berry-500-a12);
|
|
42281
|
+
--sd-editor-colour__adding: var(--green-brier-600);
|
|
42282
|
+
--sd-editor-colour__adding-bg: var(--green-brier-400-a12); }
|
|
42283
|
+
:root .sd-editor--theme-military,
|
|
42284
|
+
[data-theme="dark-ui"] .sd-editor--theme-military {
|
|
42285
|
+
--theme-color-base: hsl(69 25% 65%);
|
|
42286
|
+
--sd-editor-colour__main-bg: var(--theme-color-base);
|
|
42287
|
+
--sd-editor-colour__main-bg--alt: lch(from var(--theme-color-base) calc(l - 5) c h);
|
|
42288
|
+
--sd-editor-colour__main-border: lch(from var(--theme-color-base) calc(l + 55) c h / 0.3);
|
|
42289
|
+
--sd-editor-colour__txt: var(--color-text-onlight);
|
|
42290
|
+
--sd-editor-colour__txt--accent: hsl(307 100% 50%);
|
|
42291
|
+
--sd-editor-colour__quote-border: lch(from var(--theme-color-base) calc(l - 40) c h / 0.5);
|
|
42292
|
+
--sd-editor-colour__controls-bg: lch(from var(--theme-color-base) calc(l + 3) c h);
|
|
42293
|
+
--sd-editor-colour__controls-border: lch(from var(--theme-color-base) calc(l - 47) c h / 0.2);
|
|
42294
|
+
--sd-editor-colour__comment-bg: hsl(54 90% 80% / 0.5);
|
|
42295
|
+
--sd-editor-colour__annotation: hsl(91 100% 60% / 0.8);
|
|
42296
|
+
--sd-editor-colour__removing: var(--blissful-berry-600);
|
|
42297
|
+
--sd-editor-colour__removing-bg: var(--blissful-berry-500-a12);
|
|
42298
|
+
--sd-editor-colour__adding: var(--green-brier-600);
|
|
42299
|
+
--sd-editor-colour__adding-bg: var(--green-brier-400-a12); }
|
|
42300
|
+
:root .sd-editor--theme-natural,
|
|
42301
|
+
[data-theme="dark-ui"] .sd-editor--theme-natural {
|
|
42302
|
+
--theme-color-base: hsl(51 50% 89%);
|
|
42303
|
+
--sd-editor-colour__main-bg: var(--theme-color-base);
|
|
42304
|
+
--sd-editor-colour__main-bg--alt: lch(from var(--theme-color-base) calc(l - 5) c h);
|
|
42305
|
+
--sd-editor-colour__main-border: lch(from var(--theme-color-base) calc(l + 55) c h / 0.3);
|
|
42306
|
+
--sd-editor-colour__txt: var(--color-text-onlight);
|
|
42307
|
+
--sd-editor-colour__txt--accent: var(--color-interactive-text);
|
|
42308
|
+
--sd-editor-colour__quote-border: lch(from var(--theme-color-base) calc(l - 40) c h / 0.5);
|
|
42309
|
+
--sd-editor-colour__controls-bg: lch(from var(--theme-color-base) calc(l + 3) c h);
|
|
42310
|
+
--sd-editor-colour__controls-border: lch(from var(--theme-color-base) calc(l - 69) c h / 0.2);
|
|
42311
|
+
--sd-editor-colour__removing: var(--blissful-berry-600);
|
|
42312
|
+
--sd-editor-colour__removing-bg: var(--blissful-berry-500-a12);
|
|
42313
|
+
--sd-editor-colour__adding: var(--green-brier-600);
|
|
42314
|
+
--sd-editor-colour__adding-bg: var(--green-brier-400-a12); }
|
|
42300
42315
|
|
|
42301
42316
|
.color-swatch__list {
|
|
42302
42317
|
display: grid;
|
|
@@ -42608,30 +42623,34 @@ i.sd-sidetab-menu__helper-icon {
|
|
|
42608
42623
|
font-size: 1.8rem; }
|
|
42609
42624
|
|
|
42610
42625
|
.Editor3-styleButton {
|
|
42611
|
-
color:
|
|
42626
|
+
color: inherit;
|
|
42612
42627
|
cursor: pointer;
|
|
42613
42628
|
margin: 0.4rem 0.2rem;
|
|
42614
|
-
height:
|
|
42615
|
-
min-width:
|
|
42629
|
+
height: 3.2rem;
|
|
42630
|
+
min-width: 3.2rem;
|
|
42616
42631
|
padding: 0.6rem;
|
|
42617
42632
|
display: inline-block;
|
|
42618
|
-
border-radius:
|
|
42633
|
+
border-radius: var(--b-radius--medium);
|
|
42619
42634
|
text-align: center;
|
|
42620
|
-
line-height: 1.6rem;
|
|
42635
|
+
line-height: 1.6rem;
|
|
42636
|
+
transition: all 0.2s ease; }
|
|
42621
42637
|
.Editor3-styleButton [class*="icon-"] {
|
|
42638
|
+
transition: opacity 0.2s ease;
|
|
42622
42639
|
color: inherit;
|
|
42623
|
-
opacity: 0.
|
|
42640
|
+
opacity: 0.8;
|
|
42624
42641
|
vertical-align: middle; }
|
|
42625
|
-
.Editor3-styleButton:hover
|
|
42626
|
-
color:
|
|
42627
|
-
|
|
42642
|
+
.Editor3-styleButton:hover {
|
|
42643
|
+
background-color: rgba(140, 151, 166, 0.25); }
|
|
42644
|
+
.Editor3-styleButton:hover [class*="icon-"] {
|
|
42645
|
+
color: inherit;
|
|
42646
|
+
opacity: 1; }
|
|
42628
42647
|
.Editor3-styleButton .inactive [class*="icon-"] {
|
|
42629
|
-
opacity: 0.
|
|
42648
|
+
opacity: 0.4; }
|
|
42630
42649
|
.Editor3-styleButton .inactive:hover [class*="icon-"] {
|
|
42631
|
-
opacity: 0.
|
|
42650
|
+
opacity: 0.4; }
|
|
42632
42651
|
.Editor3-styleButton.Editor3-activeButton, .Editor3-styleButton.Editor3-activeButton:hover {
|
|
42633
|
-
color: var(--
|
|
42634
|
-
background-color:
|
|
42652
|
+
color: var(--color-text-ondark);
|
|
42653
|
+
background-color: var(--color-interactive-default); }
|
|
42635
42654
|
.Editor3-styleButton.Editor3-activeButton [class*="icon-"], .Editor3-styleButton.Editor3-activeButton:hover [class*="icon-"] {
|
|
42636
42655
|
opacity: 1; }
|
|
42637
42656
|
|