Hugging Face's logo

Spaces:
elismasilva
/
gradio_propertysheet
Running

App Files Community
elismasilva commited on
Commit
110096c
·
verified ·
1 Parent(s): d8750af

append to test

Browse files
Files changed (1) hide show
  1. css.css +235 -157
css.css CHANGED
@@ -1,157 +1,235 @@
1
- html {
2
- font-family: Inter;
3
- font-size: 16px;
4
- font-weight: 400;
5
- line-height: 1.5;
6
- -webkit-text-size-adjust: 100%;
7
- background: #fff;
8
- color: #323232;
9
- -webkit-font-smoothing: antialiased;
10
- -moz-osx-font-smoothing: grayscale;
11
- text-rendering: optimizeLegibility;
12
- }
13
-
14
- :root {
15
- --space: 1;
16
- --vspace: calc(var(--space) * 1rem);
17
- --vspace-0: calc(3 * var(--space) * 1rem);
18
- --vspace-1: calc(2 * var(--space) * 1rem);
19
- --vspace-2: calc(1.5 * var(--space) * 1rem);
20
- --vspace-3: calc(0.5 * var(--space) * 1rem);
21
- }
22
-
23
- .app {
24
- max-width: 748px !important;
25
- }
26
-
27
- .prose p {
28
- margin: var(--vspace) 0;
29
- line-height: var(--vspace * 2);
30
- font-size: 1rem;
31
- }
32
-
33
- code {
34
- font-family: "Inconsolata", sans-serif;
35
- font-size: 16px;
36
- }
37
-
38
- h1,
39
- h1 code {
40
- font-weight: 400;
41
- line-height: calc(2.5 / var(--space) * var(--vspace));
42
- }
43
-
44
- h1 code {
45
- background: none;
46
- border: none;
47
- letter-spacing: 0.05em;
48
- padding-bottom: 5px;
49
- position: relative;
50
- padding: 0;
51
- }
52
-
53
- h2 {
54
- margin: var(--vspace-1) 0 var(--vspace-2) 0;
55
- line-height: 1em;
56
- }
57
-
58
- h3,
59
- h3 code {
60
- margin: var(--vspace-1) 0 var(--vspace-2) 0;
61
- line-height: 1em;
62
- }
63
-
64
- h4,
65
- h5,
66
- h6 {
67
- margin: var(--vspace-3) 0 var(--vspace-3) 0;
68
- line-height: var(--vspace);
69
- }
70
-
71
- .bigtitle,
72
- h1,
73
- h1 code {
74
- font-size: calc(8px * 4.5);
75
- word-break: break-word;
76
- }
77
-
78
- .title,
79
- h2,
80
- h2 code {
81
- font-size: calc(8px * 3.375);
82
- font-weight: lighter;
83
- word-break: break-word;
84
- border: none;
85
- background: none;
86
- }
87
-
88
- .subheading1,
89
- h3,
90
- h3 code {
91
- font-size: calc(8px * 1.8);
92
- font-weight: 600;
93
- border: none;
94
- background: none;
95
- letter-spacing: 0.1em;
96
- text-transform: uppercase;
97
- }
98
-
99
- h2 code {
100
- padding: 0;
101
- position: relative;
102
- letter-spacing: 0.05em;
103
- }
104
-
105
- blockquote {
106
- font-size: calc(8px * 1.1667);
107
- font-style: italic;
108
- line-height: calc(1.1667 * var(--vspace));
109
- margin: var(--vspace-2) var(--vspace-2);
110
- }
111
-
112
- .subheading2,
113
- h4 {
114
- font-size: calc(8px * 1.4292);
115
- text-transform: uppercase;
116
- font-weight: 600;
117
- }
118
-
119
- .subheading3,
120
- h5 {
121
- font-size: calc(8px * 1.2917);
122
- line-height: calc(1.2917 * var(--vspace));
123
-
124
- font-weight: lighter;
125
- text-transform: uppercase;
126
- letter-spacing: 0.15em;
127
- }
128
-
129
- h6 {
130
- font-size: calc(8px * 1.1667);
131
- font-size: 1.1667em;
132
- font-weight: normal;
133
- font-style: italic;
134
- font-family: "le-monde-livre-classic-byol", serif !important;
135
- letter-spacing: 0px !important;
136
- }
137
-
138
- #start .md > *:first-child {
139
- margin-top: 0;
140
- }
141
-
142
- h2 + h3 {
143
- margin-top: 0;
144
- }
145
-
146
- .md hr {
147
- border: none;
148
- border-top: 1px solid var(--block-border-color);
149
- margin: var(--vspace-2) 0 var(--vspace-2) 0;
150
- }
151
- .prose ul {
152
- margin: var(--vspace-2) 0 var(--vspace-1) 0;
153
- }
154
-
155
- .gap {
156
- gap: 0;
157
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ html {
2
+ font-family: Inter;
3
+ font-size: 16px;
4
+ font-weight: 400;
5
+ line-height: 1.5;
6
+ -webkit-text-size-adjust: 100%;
7
+ background: #fff;
8
+ color: #323232;
9
+ -webkit-font-smoothing: antialiased;
10
+ -moz-osx-font-smoothing: grayscale;
11
+ text-rendering: optimizeLegibility;
12
+ }
13
+
14
+ :root {
15
+ --space: 1;
16
+ --vspace: calc(var(--space) * 1rem);
17
+ --vspace-0: calc(3 * var(--space) * 1rem);
18
+ --vspace-1: calc(2 * var(--space) * 1rem);
19
+ --vspace-2: calc(1.5 * var(--space) * 1rem);
20
+ --vspace-3: calc(0.5 * var(--space) * 1rem);
21
+ }
22
+
23
+ .app {
24
+ max-width: 748px !important;
25
+ }
26
+
27
+ .prose p {
28
+ margin: var(--vspace) 0;
29
+ line-height: var(--vspace * 2);
30
+ font-size: 1rem;
31
+ }
32
+
33
+ code {
34
+ font-family: "Inconsolata", sans-serif;
35
+ font-size: 16px;
36
+ }
37
+
38
+ h1,
39
+ h1 code {
40
+ font-weight: 400;
41
+ line-height: calc(2.5 / var(--space) * var(--vspace));
42
+ }
43
+
44
+ h1 code {
45
+ background: none;
46
+ border: none;
47
+ letter-spacing: 0.05em;
48
+ padding-bottom: 5px;
49
+ position: relative;
50
+ padding: 0;
51
+ }
52
+
53
+ h2 {
54
+ margin: var(--vspace-1) 0 var(--vspace-2) 0;
55
+ line-height: 1em;
56
+ }
57
+
58
+ h3,
59
+ h3 code {
60
+ margin: var(--vspace-1) 0 var(--vspace-2) 0;
61
+ line-height: 1em;
62
+ }
63
+
64
+ h4,
65
+ h5,
66
+ h6 {
67
+ margin: var(--vspace-3) 0 var(--vspace-3) 0;
68
+ line-height: var(--vspace);
69
+ }
70
+
71
+ .bigtitle,
72
+ h1,
73
+ h1 code {
74
+ font-size: calc(8px * 4.5);
75
+ word-break: break-word;
76
+ }
77
+
78
+ .title,
79
+ h2,
80
+ h2 code {
81
+ font-size: calc(8px * 3.375);
82
+ font-weight: lighter;
83
+ word-break: break-word;
84
+ border: none;
85
+ background: none;
86
+ }
87
+
88
+ .subheading1,
89
+ h3,
90
+ h3 code {
91
+ font-size: calc(8px * 1.8);
92
+ font-weight: 600;
93
+ border: none;
94
+ background: none;
95
+ letter-spacing: 0.1em;
96
+ text-transform: uppercase;
97
+ }
98
+
99
+ h2 code {
100
+ padding: 0;
101
+ position: relative;
102
+ letter-spacing: 0.05em;
103
+ }
104
+
105
+ blockquote {
106
+ font-size: calc(8px * 1.1667);
107
+ font-style: italic;
108
+ line-height: calc(1.1667 * var(--vspace));
109
+ margin: var(--vspace-2) var(--vspace-2);
110
+ }
111
+
112
+ .subheading2,
113
+ h4 {
114
+ font-size: calc(8px * 1.4292);
115
+ text-transform: uppercase;
116
+ font-weight: 600;
117
+ }
118
+
119
+ .subheading3,
120
+ h5 {
121
+ font-size: calc(8px * 1.2917);
122
+ line-height: calc(1.2917 * var(--vspace));
123
+
124
+ font-weight: lighter;
125
+ text-transform: uppercase;
126
+ letter-spacing: 0.15em;
127
+ }
128
+
129
+ h6 {
130
+ font-size: calc(8px * 1.1667);
131
+ font-size: 1.1667em;
132
+ font-weight: normal;
133
+ font-style: italic;
134
+ font-family: "le-monde-livre-classic-byol", serif !important;
135
+ letter-spacing: 0px !important;
136
+ }
137
+
138
+ #start .md > *:first-child {
139
+ margin-top: 0;
140
+ }
141
+
142
+ h2 + h3 {
143
+ margin-top: 0;
144
+ }
145
+
146
+ .md hr {
147
+ border: none;
148
+ border-top: 1px solid var(--block-border-color);
149
+ margin: var(--vspace-2) 0 var(--vspace-2) 0;
150
+ }
151
+ .prose ul {
152
+ margin: var(--vspace-2) 0 var(--vspace-1) 0;
153
+ }
154
+
155
+ .gap {
156
+ gap: 0;
157
+ }
158
+
159
+ .flyout-context-area {
160
+ position: relative;
161
+ overflow: visible;
162
+ }
163
+
164
+ .flyout-sheet {
165
+ position: absolute;
166
+ width: 350px;
167
+ z-index: 1000;
168
+ box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
169
+ border: 1px solid #E5E7EB;
170
+ border-radius: var(--radius-lg);
171
+ background: var(--panel-background-fill, white);
172
+ padding: var(--spacing-lg) !important;
173
+ }
174
+
175
+ .fake-input-container {
176
+ border: var(--input-border-width) solid var(--border-color-primary);
177
+ border-radius: var(--input-radius);
178
+ background: var(--input-background-fill);
179
+ padding: 0 !important;
180
+ align-items: stretch !important;
181
+ box-shadow: var(--input-shadow);
182
+ transition: box-shadow 0.2s, border-color 0.2s;
183
+ gap: 0 !important;
184
+ }
185
+
186
+ .fake-input-container:focus-within {
187
+ box-shadow: var(--input-shadow-focus);
188
+ border-color: var(--input-border-color-focus);
189
+ }
190
+
191
+ .no-border-dropdown .form {
192
+ border: none !important;
193
+ box-shadow: none !important;
194
+ background: transparent !important;
195
+ }
196
+
197
+ .integrated-ear-btn {
198
+ align-self: center;
199
+ background: none !important;
200
+ border: none !important;
201
+ box-shadow: none !important;
202
+ color: var(--body-text-color-subdued) !important;
203
+ font-size: 1.1em;
204
+ min-width: 28px !important;
205
+ width: 28px !important;
206
+ height: 100% !important;
207
+ padding: 20px var(--spacing-sm) 0 0 !important;
208
+ transition: color 0.2s ease-in-out;
209
+ flex-grow: 0 !important;
210
+ }
211
+
212
+ .integrated-ear-btn:hover {
213
+ color: var(--body-text-color) !important;
214
+ }
215
+
216
+ .flyout-close-btn {
217
+ position: absolute;
218
+ top: 8px;
219
+ right: 8px;
220
+ min-width: 24px !important;
221
+ width: 24px !important;
222
+ height: 24px !important;
223
+ padding: 0 !important;
224
+ font-size: 1.2em !important;
225
+ line-height: 1;
226
+ background: transparent !important;
227
+ border: none !important;
228
+ box-shadow: none !important;
229
+ color: var(--body-text-color-subdued) !important;
230
+ z-index: 1000;
231
+ }
232
+
233
+ .flyout-close-btn button:hover {
234
+ color: var(--body-text-color) !important;
235
+ }