@gitbutler/design-core 1.2.2 → 1.2.4
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/core.css +4 -6
- package/package.json +1 -1
- package/styles/reset.css +16 -11
- package/styles/base.css +0 -36
package/core.css
CHANGED
|
@@ -12,12 +12,10 @@
|
|
|
12
12
|
* - All design tokens (tokens/tokens.css)
|
|
13
13
|
*/
|
|
14
14
|
|
|
15
|
-
/* reset */
|
|
16
|
-
@import "./styles/reset.css";
|
|
17
|
-
/* Import design tokens */
|
|
18
|
-
@import "./tokens/tokens.css";
|
|
19
15
|
/* Import font definitions */
|
|
20
16
|
@import "./fonts/fonts.css";
|
|
21
|
-
/*
|
|
22
|
-
@import "./styles/
|
|
17
|
+
/* base */
|
|
18
|
+
@import "./styles/reset.css";
|
|
23
19
|
@import "./styles/text.css";
|
|
20
|
+
/* Import design tokens */
|
|
21
|
+
@import "./tokens/tokens.css";
|
package/package.json
CHANGED
package/styles/reset.css
CHANGED
|
@@ -11,16 +11,17 @@
|
|
|
11
11
|
|
|
12
12
|
html {
|
|
13
13
|
overscroll-behavior: none;
|
|
14
|
+
font-size: 16px;
|
|
15
|
+
line-height: 1.5;
|
|
16
|
+
-webkit-font-smoothing: antialiased;
|
|
17
|
+
-moz-osx-font-smoothing: grayscale;
|
|
18
|
+
text-rendering: optimizeLegibility;
|
|
14
19
|
}
|
|
15
20
|
|
|
16
21
|
body {
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
line-height: inherit;
|
|
21
|
-
font-family:
|
|
22
|
-
-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
|
|
23
|
-
Arial, "Noto Sans", sans-serif;
|
|
22
|
+
overflow-x: hidden;
|
|
23
|
+
color: var(--clr-text-1);
|
|
24
|
+
font-family: var(--font-default);
|
|
24
25
|
}
|
|
25
26
|
|
|
26
27
|
/* elements */
|
|
@@ -60,9 +61,7 @@
|
|
|
60
61
|
pre,
|
|
61
62
|
samp {
|
|
62
63
|
font-size: 1em;
|
|
63
|
-
font-family:
|
|
64
|
-
Söhne Mono,
|
|
65
|
-
monospace;
|
|
64
|
+
font-family: var(--font-mono);
|
|
66
65
|
font-variation-settings: normal;
|
|
67
66
|
font-feature-settings: normal;
|
|
68
67
|
}
|
|
@@ -100,6 +99,7 @@
|
|
|
100
99
|
textarea {
|
|
101
100
|
margin: 0;
|
|
102
101
|
padding: 0;
|
|
102
|
+
border: 0;
|
|
103
103
|
color: inherit;
|
|
104
104
|
font-weight: inherit;
|
|
105
105
|
font-size: 100%;
|
|
@@ -108,6 +108,7 @@
|
|
|
108
108
|
font-variation-settings: inherit;
|
|
109
109
|
font-feature-settings: inherit;
|
|
110
110
|
letter-spacing: inherit;
|
|
111
|
+
background: transparent;
|
|
111
112
|
}
|
|
112
113
|
|
|
113
114
|
button,
|
|
@@ -122,6 +123,8 @@
|
|
|
122
123
|
-webkit-appearance: button;
|
|
123
124
|
background-image: none;
|
|
124
125
|
background-color: transparent;
|
|
126
|
+
outline: none;
|
|
127
|
+
touch-action: manipulation;
|
|
125
128
|
}
|
|
126
129
|
|
|
127
130
|
:-moz-focusring {
|
|
@@ -217,8 +220,10 @@
|
|
|
217
220
|
cursor: pointer;
|
|
218
221
|
}
|
|
219
222
|
|
|
223
|
+
[role="button"]:disabled,
|
|
224
|
+
button:disabled,
|
|
220
225
|
:disabled {
|
|
221
|
-
cursor:
|
|
226
|
+
cursor: not-allowed;
|
|
222
227
|
}
|
|
223
228
|
|
|
224
229
|
audio,
|
package/styles/base.css
DELETED
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* GitButler Base Styles
|
|
3
|
-
*
|
|
4
|
-
* This file contains foundational CSS styles including resets, basic typography,
|
|
5
|
-
* and common element styling that serves as a base for GitButler applications.
|
|
6
|
-
*
|
|
7
|
-
* USAGE:
|
|
8
|
-
* Import this file: @import '@gitbutler/design-core/base';
|
|
9
|
-
* Or in JS: import '@gitbutler/design-core/base';
|
|
10
|
-
*/
|
|
11
|
-
|
|
12
|
-
/* CSS Reset and Normalization */
|
|
13
|
-
*,
|
|
14
|
-
*::before,
|
|
15
|
-
*::after {
|
|
16
|
-
box-sizing: border-box;
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
* {
|
|
20
|
-
margin: 0;
|
|
21
|
-
padding: 0;
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
html {
|
|
25
|
-
font-size: 16px;
|
|
26
|
-
line-height: 1.5;
|
|
27
|
-
-webkit-font-smoothing: antialiased;
|
|
28
|
-
-moz-osx-font-smoothing: grayscale;
|
|
29
|
-
text-rendering: optimizeLegibility;
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
body {
|
|
33
|
-
overflow-x: hidden;
|
|
34
|
-
color: var(--clr-text-1);
|
|
35
|
-
font-family: var(--font-default);
|
|
36
|
-
}
|