baseline-scss 0.3.1 → 0.3.2
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/lib/baseline_scss/version.rb +1 -1
- data/src/_variables.scss +6 -0
- data/src/content/_buttons.scss +6 -0
- data/src/content/_forms.scss +6 -0
- metadata +2 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 7a4f73d41cee2712815cff5fd02ab9237c235a0cd4a808640817f0d298e87027
|
|
4
|
+
data.tar.gz: 3419a1fda0a7b35ea0b5e3b2e468dddbbf9a821020419c29e42c77bcfc0678d8
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: b0a49bd73bbece759e4f0918ca30c7b76ef2a2dadc5e32265e977c1d8bb4493976368fc28af5560d188b07206859983061599415c5833574058d6c7e3ea378a0
|
|
7
|
+
data.tar.gz: cc9b2a00d7cde17f1a87d005f7904f6a7d8975ee9a8f7f51b661209725285e3061926d1a17fb23d38e2c065d2ddcae577674671f9414428c44dc9fc50446e9d3
|
data/src/_variables.scss
CHANGED
|
@@ -66,12 +66,14 @@ $_half_floor: $_ - $_half_ceil !default;
|
|
|
66
66
|
--button_background_color_focus: var(--button_background_color);
|
|
67
67
|
--button_background_color_active: #f5f5f5;
|
|
68
68
|
--button_background_color_disabled: #eee;
|
|
69
|
+
--button_background_color_read_only: var(--button_background_color_disabled);
|
|
69
70
|
|
|
70
71
|
--button_border_color: #767676;
|
|
71
72
|
--button_border_color_hover: #4f4f4f;
|
|
72
73
|
--button_border_color_focus: var(--button_border_color);
|
|
73
74
|
--button_border_color_active: #8d8d8d;
|
|
74
75
|
--button_border_color_disabled: #d0d0d0;
|
|
76
|
+
--button_border_color_read_only: var(--button_border_color_disabled);
|
|
75
77
|
|
|
76
78
|
--button_border_style: solid;
|
|
77
79
|
|
|
@@ -84,6 +86,7 @@ $_half_floor: $_ - $_half_ceil !default;
|
|
|
84
86
|
--button_color_focus: var(--button_color);
|
|
85
87
|
--button_color_active: var(--button_color);
|
|
86
88
|
--button_color_disabled: #b3b3b3;
|
|
89
|
+
--button_color_read_only: var(--button_color_disabled);
|
|
87
90
|
|
|
88
91
|
--button_height: calc(2 * var(--_));
|
|
89
92
|
|
|
@@ -99,12 +102,14 @@ $_half_floor: $_ - $_half_ceil !default;
|
|
|
99
102
|
--input_background_color_focus: var(--input_background_color);
|
|
100
103
|
--input_background_color_active: var(--input_background_color);
|
|
101
104
|
--input_background_color_disabled: #eee;
|
|
105
|
+
--input_background_color_read_only: var(--input_background_color_disabled);
|
|
102
106
|
|
|
103
107
|
--input_border_color: #767676;
|
|
104
108
|
--input_border_color_hover: #4f4f4f;
|
|
105
109
|
--input_border_color_focus: var(--input_border_color);
|
|
106
110
|
--input_border_color_active: #8d8d8d;
|
|
107
111
|
--input_border_color_disabled: #d0d0d0;
|
|
112
|
+
--input_border_color_read_only: var(--input_border_color_disabled);
|
|
108
113
|
|
|
109
114
|
--input_border_style: inset;
|
|
110
115
|
|
|
@@ -117,6 +122,7 @@ $_half_floor: $_ - $_half_ceil !default;
|
|
|
117
122
|
--input_color_focus: var(--input_color);
|
|
118
123
|
--input_color_active: var(--input_color);
|
|
119
124
|
--input_color_disabled: #b3b3b3;
|
|
125
|
+
--input_color_read_only: var(--input_color_disabled);
|
|
120
126
|
|
|
121
127
|
--input_height: calc(var(--_) * 2);
|
|
122
128
|
|
data/src/content/_buttons.scss
CHANGED
|
@@ -33,5 +33,11 @@
|
|
|
33
33
|
color: var(--button_color_disabled);
|
|
34
34
|
pointer-events: none;
|
|
35
35
|
}
|
|
36
|
+
|
|
37
|
+
&:read-only {
|
|
38
|
+
background-color: var(--button_background_color_read_only);
|
|
39
|
+
border-color: var(--button_border_color_read_only);
|
|
40
|
+
color: var(--button_color_read_only);
|
|
41
|
+
}
|
|
36
42
|
}
|
|
37
43
|
|
data/src/content/_forms.scss
CHANGED
|
@@ -58,6 +58,12 @@ select {
|
|
|
58
58
|
color: var(--input_color_disabled);
|
|
59
59
|
pointer-events: none;
|
|
60
60
|
}
|
|
61
|
+
|
|
62
|
+
&:read-only {
|
|
63
|
+
background-color: var(--input_background_color_read_only);
|
|
64
|
+
border-color: var(--input_border_color_read_only);
|
|
65
|
+
color: var(--input_color_read_only);
|
|
66
|
+
}
|
|
61
67
|
}
|
|
62
68
|
|
|
63
69
|
#{$all-text-inputs} {
|
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: baseline-scss
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.3.
|
|
4
|
+
version: 0.3.2
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- David Susco
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2023-
|
|
11
|
+
date: 2023-03-27 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: rake
|