vanilla-framework 3.8.2 → 3.10.0
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/package.json +8 -8
- package/scss/_base_button.scss +6 -7
- package/scss/_base_code.scss +3 -3
- package/scss/_base_fontfaces.scss +40 -147
- package/scss/_base_forms-range.scss +1 -1
- package/scss/_base_forms.scss +25 -12
- package/scss/_base_hr.scss +7 -7
- package/scss/_base_icon-definitions.scss +4 -0
- package/scss/_base_placeholders.scss +3 -3
- package/scss/_layouts_fluid-breakout.scss +2 -2
- package/scss/_patterns_card.scss +1 -1
- package/scss/_patterns_chip.scss +3 -3
- package/scss/_patterns_contextual-menu.scss +2 -2
- package/scss/_patterns_form-tick-elements.scss +11 -7
- package/scss/_patterns_form-validation.scss +31 -4
- package/scss/_patterns_icons.scss +115 -103
- package/scss/_patterns_links.scss +1 -1
- package/scss/_patterns_lists.scss +4 -4
- package/scss/_patterns_logo-section.scss +4 -4
- package/scss/_patterns_matrix.scss +2 -2
- package/scss/_patterns_modal.scss +2 -2
- package/scss/_patterns_navigation.scss +5 -5
- package/scss/_patterns_notifications.scss +2 -2
- package/scss/_patterns_search-and-filter.scss +5 -4
- package/scss/_patterns_search-box.scss +9 -7
- package/scss/_patterns_segmented-control.scss +1 -1
- package/scss/_patterns_side-navigation.scss +1 -1
- package/scss/_patterns_strip.scss +2 -2
- package/scss/_patterns_switch.scss +2 -2
- package/scss/_patterns_table-sortable.scss +2 -2
- package/scss/_settings_colors.scss +16 -1
- package/scss/_settings_font.scss +4 -5
- package/scss/_settings_grid.scss +1 -1
- package/scss/_settings_placeholders.scss +2 -2
- package/scss/_settings_spacing.scss +1 -1
- package/scss/_utilities_font-metrics.scss +5 -5
- package/scss/_utilities_margin-collapse.scss +1 -1
- package/scss/_utilities_vertical-spacing.scss +1 -1
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
%vf-validation-wrapper {
|
|
8
8
|
background-position: left, center;
|
|
9
9
|
background-repeat: no-repeat;
|
|
10
|
-
padding-left: calc(
|
|
10
|
+
padding-left: calc($icon-size + $sph--small);
|
|
11
11
|
padding-top: 0;
|
|
12
12
|
}
|
|
13
13
|
|
|
@@ -19,7 +19,16 @@
|
|
|
19
19
|
|
|
20
20
|
.is-success {
|
|
21
21
|
.p-form-validation__input {
|
|
22
|
-
|
|
22
|
+
background-color: $color-positive-background;
|
|
23
|
+
border-bottom-color: $color-positive;
|
|
24
|
+
|
|
25
|
+
&:hover {
|
|
26
|
+
background-color: $color-positive-background--hover;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
&:focus {
|
|
30
|
+
background-color: $color-positive-background--focus;
|
|
31
|
+
}
|
|
23
32
|
}
|
|
24
33
|
|
|
25
34
|
.p-form-validation__message {
|
|
@@ -32,7 +41,16 @@
|
|
|
32
41
|
|
|
33
42
|
.is-caution {
|
|
34
43
|
.p-form-validation__input {
|
|
35
|
-
|
|
44
|
+
background-color: $color-caution-background;
|
|
45
|
+
border-bottom-color: $color-caution;
|
|
46
|
+
|
|
47
|
+
&:hover {
|
|
48
|
+
background-color: $color-caution-background--hover;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
&:focus {
|
|
52
|
+
background-color: $color-caution-background--focus;
|
|
53
|
+
}
|
|
36
54
|
}
|
|
37
55
|
|
|
38
56
|
.p-form-validation__message {
|
|
@@ -43,7 +61,16 @@
|
|
|
43
61
|
|
|
44
62
|
.is-error {
|
|
45
63
|
.p-form-validation__input {
|
|
46
|
-
|
|
64
|
+
background-color: $color-negative-background;
|
|
65
|
+
border-bottom-color: $color-negative;
|
|
66
|
+
|
|
67
|
+
&:hover {
|
|
68
|
+
background-color: $color-negative-background--hover;
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
&:focus {
|
|
72
|
+
background-color: $color-negative-background--focus;
|
|
73
|
+
}
|
|
47
74
|
}
|
|
48
75
|
|
|
49
76
|
.p-form-validation__message {
|