@master/css-preset 0.0.0-site.1793659883.g69c9aebcf628
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/README.md +56 -0
- package/package.json +59 -0
- package/src/base.css +203 -0
- package/src/colors.css +419 -0
- package/src/container.css +29 -0
- package/src/default-manifest.json +1 -0
- package/src/default-manifest.json.d.ts +4 -0
- package/src/default-native.css +180 -0
- package/src/index.css +5 -0
- package/src/media.css +31 -0
- package/src/theme.css +336 -0
- package/src/utilities.css +2103 -0
package/README.md
ADDED
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
# @master/css-preset
|
|
2
|
+
|
|
3
|
+
The default Master CSS preset source and compiled manifest.
|
|
4
|
+
|
|
5
|
+
## Installation
|
|
6
|
+
|
|
7
|
+
```bash
|
|
8
|
+
npm install @master/css-preset
|
|
9
|
+
```
|
|
10
|
+
|
|
11
|
+
Most applications should import preset styles through `@master/css`. Use this package directly when tooling needs the preset package boundary.
|
|
12
|
+
|
|
13
|
+
## CSS entries
|
|
14
|
+
|
|
15
|
+
```css
|
|
16
|
+
@import '@master/css-preset';
|
|
17
|
+
@import '@master/css-preset/base.css';
|
|
18
|
+
@import '@master/css-preset/theme.css';
|
|
19
|
+
@import '@master/css-preset/media.css';
|
|
20
|
+
@import '@master/css-preset/utilities.css';
|
|
21
|
+
```
|
|
22
|
+
|
|
23
|
+
`utilities.css` defines 118 token families, 100 direct-value functions, 292 fixed utilities and 7 recipes. A custom theme needs this entry or its own utilities to enable named classes.
|
|
24
|
+
|
|
25
|
+
`font-sans`, `font-sm`, and `font-bold` share the `font-` prefix while reading the independent `--font-family-*`, `--font-size-*`, and `--font-weight-*` namespaces. Duration and easing similarly use `transition-*` and `animation-*`; delays use `transition-delay-*` and `animation-delay-*`. A key present in multiple namespaces under the same prefix is ambiguous and requires an explicit native declaration, such as `(font-size:var(--font-size-brand))`.
|
|
26
|
+
|
|
27
|
+
The default index entry contains:
|
|
28
|
+
|
|
29
|
+
```css
|
|
30
|
+
@import "./base.css";
|
|
31
|
+
@import "./theme.css";
|
|
32
|
+
@import "./media.css";
|
|
33
|
+
@import "./utilities.css";
|
|
34
|
+
```
|
|
35
|
+
|
|
36
|
+
`base.css` declares the stable cascade layer order:
|
|
37
|
+
|
|
38
|
+
```css
|
|
39
|
+
@layer theme, base, defaults, components, utilities;
|
|
40
|
+
```
|
|
41
|
+
|
|
42
|
+
## Manifest
|
|
43
|
+
|
|
44
|
+
The compiled default manifest is available as JSON:
|
|
45
|
+
|
|
46
|
+
```ts
|
|
47
|
+
import defaultManifest from '@master/css-preset/default-manifest.json'
|
|
48
|
+
```
|
|
49
|
+
|
|
50
|
+
The generated manifest is derived from the preset CSS source. Do not edit generated manifest output by hand.
|
|
51
|
+
|
|
52
|
+
## Related packages
|
|
53
|
+
|
|
54
|
+
- `@master/css` re-exports the preset CSS entries for application use.
|
|
55
|
+
- `@master/css` registers token families from loaded utilities.
|
|
56
|
+
- `@master/css-compiler` compiles preset CSS source into manifest data.
|
package/package.json
ADDED
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@master/css-preset",
|
|
3
|
+
"type": "module",
|
|
4
|
+
"engines": {
|
|
5
|
+
"node": "^24"
|
|
6
|
+
},
|
|
7
|
+
"license": "MIT",
|
|
8
|
+
"description": "The default Master CSS preset source and compiled manifest.",
|
|
9
|
+
"author": "Aoyue Design LLC.",
|
|
10
|
+
"homepage": "https://css.master.co",
|
|
11
|
+
"bugs": {
|
|
12
|
+
"url": "https://github.com/master-co/css/issues"
|
|
13
|
+
},
|
|
14
|
+
"repository": {
|
|
15
|
+
"type": "git",
|
|
16
|
+
"url": "https://github.com/master-co/css.git",
|
|
17
|
+
"directory": "packages/preset"
|
|
18
|
+
},
|
|
19
|
+
"keywords": [
|
|
20
|
+
"preset",
|
|
21
|
+
"css",
|
|
22
|
+
"mastercss"
|
|
23
|
+
],
|
|
24
|
+
"sideEffects": [
|
|
25
|
+
"./src/*.css"
|
|
26
|
+
],
|
|
27
|
+
"style": "./src/index.css",
|
|
28
|
+
"exports": {
|
|
29
|
+
".": {
|
|
30
|
+
"style": "./src/index.css",
|
|
31
|
+
"default": "./src/index.css"
|
|
32
|
+
},
|
|
33
|
+
"./default-manifest.json": {
|
|
34
|
+
"types": "./src/default-manifest.json.d.ts",
|
|
35
|
+
"import": "./src/default-manifest.json",
|
|
36
|
+
"default": "./src/default-manifest.json"
|
|
37
|
+
},
|
|
38
|
+
"./index.css": "./src/index.css",
|
|
39
|
+
"./base.css": "./src/base.css",
|
|
40
|
+
"./theme.css": "./src/theme.css",
|
|
41
|
+
"./media.css": "./src/media.css",
|
|
42
|
+
"./container.css": "./src/container.css",
|
|
43
|
+
"./utilities.css": "./src/utilities.css"
|
|
44
|
+
},
|
|
45
|
+
"files": [
|
|
46
|
+
"src/*.css",
|
|
47
|
+
"src/default-manifest.json",
|
|
48
|
+
"src/default-manifest.json.d.ts"
|
|
49
|
+
],
|
|
50
|
+
"publishConfig": {
|
|
51
|
+
"access": "public",
|
|
52
|
+
"provenance": true
|
|
53
|
+
},
|
|
54
|
+
"dependencies": {
|
|
55
|
+
"@master/css-schema": "0.0.0-site.1793659883.g69c9aebcf628"
|
|
56
|
+
},
|
|
57
|
+
"version": "0.0.0-site.1793659883.g69c9aebcf628",
|
|
58
|
+
"gitHead": "69c9aebcf628eb529001b9fa1b3536306f1b139e"
|
|
59
|
+
}
|
package/src/base.css
ADDED
|
@@ -0,0 +1,203 @@
|
|
|
1
|
+
@layer theme, base, defaults, components, utilities;
|
|
2
|
+
|
|
3
|
+
@layer base {
|
|
4
|
+
/* Normalize body text metrics; font rasterization follows the platform. */
|
|
5
|
+
body {
|
|
6
|
+
line-height: 1.2;
|
|
7
|
+
text-size-adjust: 100%;
|
|
8
|
+
-webkit-text-size-adjust: 100%;
|
|
9
|
+
-webkit-font-smoothing: antialiased;
|
|
10
|
+
-moz-text-size-adjust: 100%;
|
|
11
|
+
-ms-text-size-adjust: 100%;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
/* Remove touch delay from common interactive elements. */
|
|
15
|
+
a, button {
|
|
16
|
+
touch-action: manipulation;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
/* Use border-box sizing for all elements and pseudo-elements. */
|
|
20
|
+
*, ::before, ::after {
|
|
21
|
+
box-sizing: border-box;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
/* Normalize tab width for readable preformatted text. */
|
|
25
|
+
body {
|
|
26
|
+
-moz-tab-size: 2;
|
|
27
|
+
tab-size: 2;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
/* Make embedded media responsive and block-level by default. */
|
|
31
|
+
img, svg, video, canvas, audio, iframe, embed, object {
|
|
32
|
+
max-width: 100%;
|
|
33
|
+
display: block;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
/* consistent */
|
|
37
|
+
|
|
38
|
+
/* Ensure abbreviated text with titles has a consistent underline style. */
|
|
39
|
+
abbr[title] {
|
|
40
|
+
text-decoration: underline dotted;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
/* Keep bold text semantically stronger than surrounding text. */
|
|
44
|
+
b, strong {
|
|
45
|
+
font-weight: bolder;
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
/* Normalize monospace-related element sizing. */
|
|
49
|
+
pre,
|
|
50
|
+
code,
|
|
51
|
+
kbd,
|
|
52
|
+
samp {
|
|
53
|
+
font-size: 1em;
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
/* Remove Firefox inner focus padding and border from controls. */
|
|
57
|
+
::-moz-focus-inner {
|
|
58
|
+
border-style: none;
|
|
59
|
+
padding: 0;
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
/* Remove Firefox invalid field shadows. */
|
|
63
|
+
:-moz-ui-invalid {
|
|
64
|
+
box-shadow: none;
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
/* Align progress elements consistently with surrounding text. */
|
|
68
|
+
progress {
|
|
69
|
+
vertical-align: baseline;
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
/* Normalize search input appearance and outline offset. */
|
|
73
|
+
[type="search"] {
|
|
74
|
+
appearance: textfield;
|
|
75
|
+
outline-offset: -2px;
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
/* Keep WebKit number input spin buttons at their native height. */
|
|
79
|
+
::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
|
|
80
|
+
height: auto;
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
/* Remove WebKit search input decoration. */
|
|
84
|
+
::-webkit-search-decoration {
|
|
85
|
+
-webkit-appearance: none;
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
/* Normalize WebKit file upload button appearance and font. */
|
|
89
|
+
::-webkit-file-upload-button {
|
|
90
|
+
-webkit-appearance: button;
|
|
91
|
+
font: inherit;
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
/* Normalize horizontal rule size and color inheritance. */
|
|
95
|
+
hr {
|
|
96
|
+
height: 0;
|
|
97
|
+
color: inherit;
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
/* Normalize small text sizing. */
|
|
101
|
+
small {
|
|
102
|
+
font-size: 80%;
|
|
103
|
+
}
|
|
104
|
+
|
|
105
|
+
/* Normalize superscript and subscript sizing and positioning context. */
|
|
106
|
+
sub, sup {
|
|
107
|
+
font-size: 75%;
|
|
108
|
+
line-height: 0;
|
|
109
|
+
position: relative;
|
|
110
|
+
vertical-align: baseline;
|
|
111
|
+
}
|
|
112
|
+
|
|
113
|
+
/* Position subscripts consistently below the baseline. */
|
|
114
|
+
sub {
|
|
115
|
+
bottom: -0.25em;
|
|
116
|
+
}
|
|
117
|
+
|
|
118
|
+
/* Position superscripts consistently above the baseline. */
|
|
119
|
+
sup {
|
|
120
|
+
top: -0.5em;
|
|
121
|
+
}
|
|
122
|
+
|
|
123
|
+
/* Normalize table indentation and border color inheritance. */
|
|
124
|
+
table {
|
|
125
|
+
text-indent: 0;
|
|
126
|
+
border-color: inherit;
|
|
127
|
+
}
|
|
128
|
+
|
|
129
|
+
/* Apply the default sans font stack to documents and shadow hosts. */
|
|
130
|
+
body, :host {
|
|
131
|
+
font-family: var(--font-family-sans);
|
|
132
|
+
font-feature-settings: var(--font-feature-sans, normal);
|
|
133
|
+
}
|
|
134
|
+
|
|
135
|
+
/* Apply the default monospace font stack to code-related elements. */
|
|
136
|
+
code, kbd, samp, pre {
|
|
137
|
+
font-family: var(--font-family-mono);
|
|
138
|
+
font-feature-settings: var(--font-feature-mono, normal);
|
|
139
|
+
}
|
|
140
|
+
|
|
141
|
+
/* remove */
|
|
142
|
+
|
|
143
|
+
/* Remove default link color and underline styles. */
|
|
144
|
+
a {
|
|
145
|
+
color: inherit;
|
|
146
|
+
text-decoration: none;
|
|
147
|
+
}
|
|
148
|
+
|
|
149
|
+
/* Reset form control typography, spacing, color, and background. */
|
|
150
|
+
button, input, optgroup, select, textarea {
|
|
151
|
+
font: inherit;
|
|
152
|
+
font-feature-settings: inherit;
|
|
153
|
+
font-variation-settings: inherit;
|
|
154
|
+
font-size: 100%;
|
|
155
|
+
margin: 0;
|
|
156
|
+
padding: 0;
|
|
157
|
+
color: inherit;
|
|
158
|
+
background-color: transparent;
|
|
159
|
+
}
|
|
160
|
+
|
|
161
|
+
/* Remove default borders while keeping solid border style as the baseline. */
|
|
162
|
+
*, ::before, ::after {
|
|
163
|
+
border-width: 0;
|
|
164
|
+
border-style: solid;
|
|
165
|
+
}
|
|
166
|
+
|
|
167
|
+
/* Remove default margins from common block and text elements. */
|
|
168
|
+
body, blockquote, dl, dd, hr, figure, p, pre, h1, h2, h3, h4, h5, h6 {
|
|
169
|
+
margin: 0;
|
|
170
|
+
}
|
|
171
|
+
|
|
172
|
+
/* Remove default padding from table cells and form grouping elements. */
|
|
173
|
+
td, legend, fieldset {
|
|
174
|
+
padding: 0;
|
|
175
|
+
}
|
|
176
|
+
|
|
177
|
+
/* Remove default list spacing. */
|
|
178
|
+
ul, ol {
|
|
179
|
+
margin: 0;
|
|
180
|
+
padding: 0;
|
|
181
|
+
}
|
|
182
|
+
|
|
183
|
+
/* Remove mobile tap highlight color. */
|
|
184
|
+
body {
|
|
185
|
+
-webkit-tap-highlight-color: transparent;
|
|
186
|
+
}
|
|
187
|
+
|
|
188
|
+
/* Remove unordered list markers. */
|
|
189
|
+
ul {
|
|
190
|
+
list-style: none;
|
|
191
|
+
}
|
|
192
|
+
|
|
193
|
+
/* Reset heading typography to inherit from surrounding text. */
|
|
194
|
+
h1, h2, h3, h4, h5, h6 {
|
|
195
|
+
font-size: inherit;
|
|
196
|
+
font-weight: inherit;
|
|
197
|
+
}
|
|
198
|
+
|
|
199
|
+
/* Hide elements marked with the hidden attribute. */
|
|
200
|
+
[hidden] {
|
|
201
|
+
display: none;
|
|
202
|
+
}
|
|
203
|
+
}
|