@volverjs/style 0.1.2-beta.6 → 0.1.2-beta.8
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/README.md +2 -2
- package/dist/components/vv-accordion.css +1 -1
- package/dist/components/vv-badge.css +1 -1
- package/dist/components/vv-breadcrumb.css +1 -1
- package/dist/components/vv-button-group.css +1 -1
- package/dist/components/vv-button.css +1 -1
- package/dist/components/vv-card.css +1 -1
- package/dist/components/vv-dialog.css +1 -1
- package/dist/components/vv-input-checkbox.css +1 -1
- package/dist/components/vv-input-radio.css +1 -1
- package/dist/components/vv-input-text.css +1 -1
- package/dist/components/vv-nav.css +1 -0
- package/dist/components/vv-select.css +1 -1
- package/dist/components/vv-table.css +1 -1
- package/dist/components/vv-text.css +1 -1
- package/dist/components/vv-textarea.css +1 -1
- package/dist/components.css +1 -1
- package/dist/themes/dark/{style.css → volver.css} +0 -0
- package/dist/utilities/flexbox.css +1 -1
- package/dist/utilities/grid.css +1 -1
- package/dist/utilities/layout.css +1 -1
- package/dist/utilities.css +1 -1
- package/dist/volver.css +1 -0
- package/package.json +141 -115
- package/src/{preflight.scss → _preflight.scss} +71 -1
- package/src/components/vv-button-group.scss +4 -8
- package/src/settings/components/_vv-accordion.scss +2 -2
- package/src/settings/components/_vv-badge.scss +22 -9
- package/src/settings/components/_vv-breadcrumb.scss +2 -0
- package/src/settings/components/_vv-button.scss +38 -11
- package/src/settings/components/_vv-card.scss +2 -1
- package/src/settings/components/_vv-dialog.scss +2 -2
- package/src/settings/components/_vv-input-checkbox.scss +3 -2
- package/src/settings/components/_vv-input-radio.scss +2 -1
- package/src/settings/components/_vv-input-text.scss +3 -3
- package/src/settings/components/_vv-nav.scss +57 -1
- package/src/settings/components/_vv-select.scss +77 -3
- package/src/settings/components/_vv-table.scss +16 -3
- package/src/settings/components/_vv-text.scss +0 -1
- package/src/settings/components/_vv-textarea.scss +3 -3
- package/src/themes/dark/components/_vv-button.scss +1 -1
- package/src/themes/dark/components/_vv-input-checkbox.scss +1 -1
- package/src/themes/dark/props/_background.scss +1 -1
- package/src/themes/dark/props/_colors.scss +1 -1
- package/src/themes/dark/settings/_background.scss +4 -4
- package/src/themes/dark/settings/_colors.scss +10 -10
- package/src/themes/dark/settings/components/_vv-button.scss +1 -1
- package/src/themes/dark/settings/components/_vv-input-checkbox.scss +3 -3
- package/src/themes/dark/{style.scss → volver.scss} +0 -0
- package/src/tools/_mixins.scss +31 -4
- package/src/utilities/flexbox.scss +18 -7
- package/src/utilities/grid.scss +16 -8
- package/src/utilities/layout.scss +2 -1
- package/src/{style.scss → volver.scss} +4 -4
- package/dist/components/assets/vv-nav.3896d2c7.js +0 -1
- package/dist/preflight.css +0 -1
- package/dist/style.css +0 -1
- package/src/assets/24consulting.svg +0 -63
- package/src/assets/volverjs.svg +0 -15
|
@@ -5,18 +5,25 @@
|
|
|
5
5
|
@include spread-map-into-utilities(
|
|
6
6
|
$map: $flex-direction,
|
|
7
7
|
$class: flex,
|
|
8
|
-
$attribute: flex-direction
|
|
8
|
+
$attribute: flex-direction,
|
|
9
|
+
$bps: $breakpoints
|
|
9
10
|
);
|
|
10
11
|
|
|
11
12
|
// flex wrap
|
|
12
13
|
@include spread-map-into-utilities(
|
|
13
14
|
$map: $flex-wrap,
|
|
14
15
|
$class: flex,
|
|
15
|
-
$attribute: flex-wrap
|
|
16
|
+
$attribute: flex-wrap,
|
|
17
|
+
$bps: $breakpoints
|
|
16
18
|
);
|
|
17
19
|
|
|
18
20
|
// flex
|
|
19
|
-
@include spread-map-into-utilities(
|
|
21
|
+
@include spread-map-into-utilities(
|
|
22
|
+
$map: $flex,
|
|
23
|
+
$class: flex,
|
|
24
|
+
$attribute: flex,
|
|
25
|
+
$bps: $breakpoints
|
|
26
|
+
);
|
|
20
27
|
|
|
21
28
|
// flex grow
|
|
22
29
|
@each $prefix, $prop in (grow: flex-grow, shrink: flex-shrink) {
|
|
@@ -37,7 +44,8 @@
|
|
|
37
44
|
@include spread-map-into-utilities(
|
|
38
45
|
$map: $order,
|
|
39
46
|
$class: order,
|
|
40
|
-
$attribute: order
|
|
47
|
+
$attribute: order,
|
|
48
|
+
$bps: $breakpoints
|
|
41
49
|
);
|
|
42
50
|
|
|
43
51
|
// gap
|
|
@@ -90,7 +98,8 @@
|
|
|
90
98
|
@include spread-map-into-utilities(
|
|
91
99
|
$map: $justify-align-content,
|
|
92
100
|
$class: $class,
|
|
93
|
-
$attribute: $attribute
|
|
101
|
+
$attribute: $attribute,
|
|
102
|
+
$bps: $breakpoints
|
|
94
103
|
);
|
|
95
104
|
}
|
|
96
105
|
|
|
@@ -99,7 +108,8 @@
|
|
|
99
108
|
@include spread-map-into-utilities(
|
|
100
109
|
$map: $justify-align-items,
|
|
101
110
|
$class: $class,
|
|
102
|
-
$attribute: $attribute
|
|
111
|
+
$attribute: $attribute,
|
|
112
|
+
$bps: $breakpoints
|
|
103
113
|
);
|
|
104
114
|
}
|
|
105
115
|
|
|
@@ -108,6 +118,7 @@
|
|
|
108
118
|
@include spread-map-into-utilities(
|
|
109
119
|
$map: $justify-align-self,
|
|
110
120
|
$class: $class,
|
|
111
|
-
$attribute: $attribute
|
|
121
|
+
$attribute: $attribute,
|
|
122
|
+
$bps: $breakpoints
|
|
112
123
|
);
|
|
113
124
|
}
|
package/src/utilities/grid.scss
CHANGED
|
@@ -5,14 +5,16 @@
|
|
|
5
5
|
@include spread-map-into-utilities(
|
|
6
6
|
$map: $grid-template-columns,
|
|
7
7
|
$class: grid-cols,
|
|
8
|
-
$attribute: grid-template-columns
|
|
8
|
+
$attribute: grid-template-columns,
|
|
9
|
+
$bps: $breakpoints
|
|
9
10
|
);
|
|
10
11
|
|
|
11
12
|
// grid column
|
|
12
13
|
@include spread-map-into-utilities(
|
|
13
14
|
$map: $grid-column,
|
|
14
15
|
$class: col,
|
|
15
|
-
$attribute: grid-column
|
|
16
|
+
$attribute: grid-column,
|
|
17
|
+
$bps: $breakpoints
|
|
16
18
|
);
|
|
17
19
|
|
|
18
20
|
// grid column start/end
|
|
@@ -22,7 +24,8 @@
|
|
|
22
24
|
@include spread-map-into-utilities(
|
|
23
25
|
$map: $grid-column-start-end,
|
|
24
26
|
$class: $class,
|
|
25
|
-
$attribute: $attribute
|
|
27
|
+
$attribute: $attribute,
|
|
28
|
+
$bps: $breakpoints
|
|
26
29
|
);
|
|
27
30
|
}
|
|
28
31
|
|
|
@@ -30,14 +33,16 @@
|
|
|
30
33
|
@include spread-map-into-utilities(
|
|
31
34
|
$map: $grid-template-rows,
|
|
32
35
|
$class: grid-rows,
|
|
33
|
-
$attribute: grid-template-rows
|
|
36
|
+
$attribute: grid-template-rows,
|
|
37
|
+
$bps: $breakpoints
|
|
34
38
|
);
|
|
35
39
|
|
|
36
40
|
// grid row
|
|
37
41
|
@include spread-map-into-utilities(
|
|
38
42
|
$map: $grid-row,
|
|
39
43
|
$class: row,
|
|
40
|
-
$attribute: grid-row
|
|
44
|
+
$attribute: grid-row,
|
|
45
|
+
$bps: $breakpoints
|
|
41
46
|
);
|
|
42
47
|
|
|
43
48
|
// grid row start/end
|
|
@@ -45,7 +50,8 @@
|
|
|
45
50
|
@include spread-map-into-utilities(
|
|
46
51
|
$map: $grid-row-start-end,
|
|
47
52
|
$class: $class,
|
|
48
|
-
$attribute: $attribute
|
|
53
|
+
$attribute: $attribute,
|
|
54
|
+
$bps: $breakpoints
|
|
49
55
|
);
|
|
50
56
|
}
|
|
51
57
|
|
|
@@ -53,7 +59,8 @@
|
|
|
53
59
|
@include spread-map-into-utilities(
|
|
54
60
|
$map: $grid-auto-flow,
|
|
55
61
|
$class: grid-flow,
|
|
56
|
-
$attribute: grid-auto-flow
|
|
62
|
+
$attribute: grid-auto-flow,
|
|
63
|
+
$bps: $breakpoints
|
|
57
64
|
);
|
|
58
65
|
|
|
59
66
|
// grid auto rows/columns
|
|
@@ -63,6 +70,7 @@
|
|
|
63
70
|
@include spread-map-into-utilities(
|
|
64
71
|
$map: $grid-auto-rows-columns,
|
|
65
72
|
$class: $class,
|
|
66
|
-
$attribute: $attribute
|
|
73
|
+
$attribute: $attribute,
|
|
74
|
+
$bps: $breakpoints
|
|
67
75
|
);
|
|
68
76
|
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
|
package/dist/preflight.css
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
:where(:host,:root,[class*=theme]){accent-color:var(--color-brand);background:var(--color-surface);caret-color:var(--color-brand);color-scheme:var(--color-scheme);color:var(--color-word);scrollbar-color:var(--color-brand);font-family:var(--font-sans)}
|