@oardi/css-utils 0.47.0 → 0.47.1

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.
Files changed (4) hide show
  1. package/package.json +1 -1
  2. package/scss/components/form.scss +17 -0
  3. package/scss/components/tabs.scss +1 -0
  4. package/scss/utilities.scss +9 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@oardi/css-utils",
3
- "version": "0.47.0",
3
+ "version": "0.47.1",
4
4
  "author": "Ardian Shala",
5
5
  "homepage": "https://css-utils.oardi.com",
6
6
  "description": "Powerful set of semantic css classes with support for breakpoints, directions and spacings",
package/scss/components/form.scss CHANGED
@@ -83,6 +83,21 @@ textarea.form-control {
83
83
  gap: 0.75rem;
84
84
 
85
85
  .form-check-input {
86
+ --input-bg-color: var(--bg-surface);
87
+ --input-border-width: var(--border-width);
88
+ --input-border-color: var(--border-color);
89
+
90
+ --form-control-disabled-text-color: var(--disabled-text-color);
91
+ --form-control-disabled-bg-color: var(--disabled-bg-color);
92
+ --form-control-disabled-border-color: var(--disabled-border-color);
93
+
94
+ --form-control-focus-outline-width: var(--focus-outline-width);
95
+ --form-control-focus-outline-style: var(--focus-outline-style);
96
+ --form-control-focus-outline-color: var(--focus-outline-color);
97
+
98
+ --form-control-transition-duration: var(--transition-duration, 0.18s);
99
+ --form-control-transition-easing: var(--transition-easing, ease-out);
100
+
86
101
  flex-shrink: 0;
87
102
  appearance: none;
88
103
  -webkit-appearance: none;
@@ -126,6 +141,8 @@ textarea.form-control {
126
141
  }
127
142
 
128
143
  &:focus {
144
+ // background-color: var(--input-bg-color);
145
+ border-color: var(--primary-hover);
129
146
  outline: var(--form-control-focus-outline-width) var(--form-control-focus-outline-style)
130
147
  var(--form-control-focus-outline-color);
131
148
  outline-offset: var(--focus-offset);
package/scss/components/tabs.scss CHANGED
@@ -8,6 +8,7 @@
8
8
  .tab {
9
9
  --tab-transition-duration: var(--transition-duration, 0.2s);
10
10
 
11
+ border: none;
11
12
  color: var(--text-color);
12
13
  background-color: var(--tab-bg-color, var(--bg-surface));
13
14
  text-align: center;
package/scss/utilities.scss CHANGED
@@ -16,6 +16,7 @@
16
16
  padding-right: var(--spacer-3);
17
17
  width: 100%;
18
18
  }
19
+
19
20
  .bg-opacity-10 {
20
21
  --bg-opacity: 0.1 !important;
21
22
  }
@@ -50,6 +51,14 @@
50
51
  background-color: var(--white) !important;
51
52
  }
52
53
 
54
+ .bg-black {
55
+ background-color: var(--black) !important;
56
+ }
57
+
58
+ .bg-surface {
59
+ background-color: var(--bg-surface);
60
+ }
61
+
53
62
  .img-responsive {
54
63
  width: 100% !important;
55
64
  }