@andreyshpigunov/x 0.5.4 → 0.5.7
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/assets/css/app.css +1 -1
- package/dist/x.css +1 -1
- package/index.html +1 -1
- package/package.json +2 -2
- package/src/components/x/form.css +29 -0
- package/src/css/x.css +7 -1
package/index.html
CHANGED
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
"functionName": "headerAnimation"
|
|
20
20
|
}'>
|
|
21
21
|
<header class="header flex aic sticky t0 px5 m:px6 l:px8 unselectable">
|
|
22
|
-
<div class="header-version nowrap">0.5.
|
|
22
|
+
<div class="header-version nowrap">0.5.7</div>
|
|
23
23
|
<div class="header-logo mxa">
|
|
24
24
|
<a role="button" x-scrollto="#top">
|
|
25
25
|
<img src="assets/img/logo.png" alt="x" />
|
package/package.json
CHANGED
|
@@ -7,6 +7,35 @@ All right reserved.
|
|
|
7
7
|
----------------------------------------*/
|
|
8
8
|
|
|
9
9
|
|
|
10
|
+
:root {
|
|
11
|
+
--form-width: 40rem;
|
|
12
|
+
--form-height-coeff: 2.6;
|
|
13
|
+
--form-side-padding: 1rem;
|
|
14
|
+
|
|
15
|
+
--form-font-size: var(--font-size);
|
|
16
|
+
--form-font-color: #000;
|
|
17
|
+
--form-font-color-readonly: #000;
|
|
18
|
+
--form-font-color-disabled: #666;
|
|
19
|
+
--form-font-color-placeholder: #ccc;
|
|
20
|
+
|
|
21
|
+
--form-border-width: .1rem;
|
|
22
|
+
--form-border-radius: .8rem;
|
|
23
|
+
--form-border-color: #d4d4d4;
|
|
24
|
+
--form-border-color-focused: #8cf;
|
|
25
|
+
--form-border-color-error: #f00;
|
|
26
|
+
--form-border-color-readonly: #ddd;
|
|
27
|
+
--form-border-color-disabled: #ddd;
|
|
28
|
+
|
|
29
|
+
--form-background-color: #fff;
|
|
30
|
+
--form-background-color-readonly: #fafafa;
|
|
31
|
+
--form-background-color-disabled: #f6f6f6;
|
|
32
|
+
|
|
33
|
+
/*
|
|
34
|
+
Additional variables and their default values:
|
|
35
|
+
--form-height: 4rem;
|
|
36
|
+
*/
|
|
37
|
+
}
|
|
38
|
+
|
|
10
39
|
@layer form {
|
|
11
40
|
|
|
12
41
|
input[type="color"],
|
package/src/css/x.css
CHANGED
|
@@ -7,7 +7,7 @@ All right reserved.
|
|
|
7
7
|
----------------------------------------*/
|
|
8
8
|
|
|
9
9
|
|
|
10
|
-
@layer variables, reset, space, typo, links, grid, flex, flow, form, buttons, dropdown, sheets, slider, sticky, modal, scroll, icons, helpers, colors;
|
|
10
|
+
@layer variables, reset, space, typo, links, grid, flex, flow, form, buttons, dropdown, sheets, slider, sticky, modal, scroll, icons, app, helpers, colors;
|
|
11
11
|
|
|
12
12
|
@import "../components/x/variables.css";
|
|
13
13
|
@import "../components/x/reset.css";
|
|
@@ -30,6 +30,12 @@ All right reserved.
|
|
|
30
30
|
@import "../components/x/helpers.css";
|
|
31
31
|
@import "../components/x/colors.css";
|
|
32
32
|
|
|
33
|
+
@layer app {
|
|
34
|
+
/*
|
|
35
|
+
Фейковый слой, чтобы можно было обернуть в него стили
|
|
36
|
+
приложения без повторного перечисления слоев.
|
|
37
|
+
*/
|
|
38
|
+
}
|
|
33
39
|
|
|
34
40
|
/*
|
|
35
41
|
.button
|