griffincss-utils 0.29.0 → 0.29.2
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.
package/scss/_colors.scss
CHANGED
|
@@ -13,12 +13,24 @@
|
|
|
13
13
|
@use 'palette';
|
|
14
14
|
|
|
15
15
|
// Background utilities
|
|
16
|
+
//
|
|
17
|
+
// Фон утилиты — подложка со своим цветом, как у карточки: тот же цвет
|
|
18
|
+
// получает шторка подсказки прокрутки таблицы (--gr-scroll-hint-bg,
|
|
19
|
+
// _table.scss в пакете компонентов). Там, где нет анимации по прокрутке
|
|
20
|
+
// (Firefox), тень у края таблицы прячет шторка, и цвета страницы она
|
|
21
|
+
// легла бы у краёв полосой. Без пакета компонентов токен ничего не делает.
|
|
22
|
+
@mixin gr-bg($value) {
|
|
23
|
+
background-color: $value;
|
|
24
|
+
|
|
25
|
+
--gr-scroll-hint-bg: #{$value};
|
|
26
|
+
}
|
|
27
|
+
|
|
16
28
|
@each $name, $hsl in palette.$gr-grays {
|
|
17
|
-
.gr-bg-#{$name} {
|
|
29
|
+
.gr-bg-#{$name} { @include gr-bg(hsl(#{$hsl})); }
|
|
18
30
|
}
|
|
19
31
|
|
|
20
32
|
@each $name, $hsl in palette.$gr-accents {
|
|
21
|
-
.gr-bg-#{$name} {
|
|
33
|
+
.gr-bg-#{$name} { @include gr-bg(hsl(#{$hsl})); }
|
|
22
34
|
}
|
|
23
35
|
|
|
24
36
|
// Text color utilities
|
|
@@ -43,11 +55,11 @@
|
|
|
43
55
|
// Литеральные классы выше (.gr-bg-white, .gr-text-gray-900) остаются
|
|
44
56
|
// буквальными по контракту: белое обязано быть белым в любой теме.
|
|
45
57
|
// Разметку, которая должна жить по теме, пишут на этих классах.
|
|
46
|
-
.gr-bg-page {
|
|
47
|
-
.gr-bg-surface {
|
|
48
|
-
.gr-bg-raised {
|
|
49
|
-
.gr-bg-sunken {
|
|
50
|
-
.gr-bg-accent {
|
|
58
|
+
.gr-bg-page { @include gr-bg(var(--gr-color-bg)); }
|
|
59
|
+
.gr-bg-surface { @include gr-bg(var(--gr-color-surface)); }
|
|
60
|
+
.gr-bg-raised { @include gr-bg(var(--gr-color-surface-raised)); }
|
|
61
|
+
.gr-bg-sunken { @include gr-bg(var(--gr-color-surface-sunken)); }
|
|
62
|
+
.gr-bg-accent { @include gr-bg(var(--gr-color-accent)); }
|
|
51
63
|
|
|
52
64
|
.gr-text-ink { color: var(--gr-color-text); }
|
|
53
65
|
.gr-text-ink-secondary { color: var(--gr-color-text-secondary); }
|
package/src/griffincss-utils.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* Griffincss Utils — Runtime v0.29.
|
|
2
|
+
* Griffincss Utils — Runtime v0.29.2
|
|
3
3
|
* Достраивает то, чего статический CSS выразить не может.
|
|
4
4
|
* Пишется руками и не компилируется — правится этот файл.
|
|
5
5
|
*/
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
})(function () {
|
|
24
24
|
'use strict';
|
|
25
25
|
|
|
26
|
-
var VERSION = '0.29.
|
|
26
|
+
var VERSION = '0.29.2';
|
|
27
27
|
|
|
28
28
|
// Таблица правил выводится из SCSS-карт скриптом scripts/sync-rule-table.mjs.
|
|
29
29
|
// Правьте карты в SCSS, а не этот блок: npm run sync -- --fix перепишет его.
|