@opencode/ui 0.0.0-dev-20783 → 0.0.0-dev-20786
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 +1 -1
- package/src/styles/base.css +14 -0
- package/src/styles/tailwind/index.css +3 -0
package/package.json
CHANGED
package/src/styles/base.css
CHANGED
|
@@ -23,6 +23,7 @@
|
|
|
23
23
|
5. Use the user's configured `sans` font-feature-settings by default.
|
|
24
24
|
6. Use the user's configured `sans` font-variation-settings by default.
|
|
25
25
|
7. Disable tap highlights on iOS.
|
|
26
|
+
8. Avoid one-word last lines in all wrapped text. Chromium keeps the line count, so heights do not change.
|
|
26
27
|
*/
|
|
27
28
|
|
|
28
29
|
html,
|
|
@@ -34,6 +35,7 @@ html,
|
|
|
34
35
|
font-feature-settings: var(--font-family-sans--font-feature-settings, normal); /* 5 */
|
|
35
36
|
font-variation-settings: var(--font-family-sans--font-variation-settings, normal); /* 6 */
|
|
36
37
|
-webkit-tap-highlight-color: transparent; /* 7 */
|
|
38
|
+
text-wrap-style: pretty; /* 8 */
|
|
37
39
|
}
|
|
38
40
|
|
|
39
41
|
/*
|
|
@@ -111,6 +113,7 @@ strong {
|
|
|
111
113
|
2. Use the user's configured `mono` font-feature-settings by default.
|
|
112
114
|
3. Use the user's configured `mono` font-variation-settings by default.
|
|
113
115
|
4. Correct the odd `em` font sizing in all browsers.
|
|
116
|
+
5. Keep code wrapping greedy so wrapped lines break where an editor would.
|
|
114
117
|
*/
|
|
115
118
|
|
|
116
119
|
code,
|
|
@@ -121,6 +124,17 @@ pre {
|
|
|
121
124
|
font-feature-settings: var(--font-family-mono--font-feature-settings, normal); /* 2 */
|
|
122
125
|
font-variation-settings: var(--font-family-mono--font-variation-settings, normal); /* 3 */
|
|
123
126
|
font-size: 1em; /* 4 */
|
|
127
|
+
text-wrap-style: auto; /* 5 */
|
|
128
|
+
}
|
|
129
|
+
|
|
130
|
+
/*
|
|
131
|
+
Keep earlier lines still while the user types.
|
|
132
|
+
*/
|
|
133
|
+
|
|
134
|
+
input,
|
|
135
|
+
textarea,
|
|
136
|
+
[contenteditable] {
|
|
137
|
+
text-wrap-style: stable;
|
|
124
138
|
}
|
|
125
139
|
|
|
126
140
|
/*
|
|
@@ -49,6 +49,9 @@
|
|
|
49
49
|
--container-5xl: 64rem;
|
|
50
50
|
--container-6xl: 72rem;
|
|
51
51
|
--container-7xl: 80rem;
|
|
52
|
+
/* Shared by the session timeline, composer dock, and drop target so their edges stay aligned.
|
|
53
|
+
The composer dock's 12px gutter leaves the design's 720px composer. */
|
|
54
|
+
--container-session: 744px;
|
|
52
55
|
|
|
53
56
|
--font-sans: var(--font-family-sans);
|
|
54
57
|
--font-sans--font-feature-settings: var(--font-family-sans--font-feature-settings);
|