@brumelite/razcss 0.0.0-stage → 1.0.0
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/LICENSE +21 -0
- package/README.md +75 -2
- package/dist/reset.css +63 -0
- package/package.json +27 -3
package/LICENSE
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2026 RazCSS contributors
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
|
13
|
+
copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
+
SOFTWARE.
|
package/README.md
CHANGED
|
@@ -1,3 +1,76 @@
|
|
|
1
|
-
#
|
|
1
|
+
# RazCSS
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
**Un reset CSS moderne, léger et volontairement minimaliste.** Sans dépendance à l’exécution et sans styles graphiques imposés.
|
|
4
|
+
|
|
5
|
+
> Un projet développé et maintenu sous le label **BrumeLite**.
|
|
6
|
+
|
|
7
|
+
RazCSS fournit une base CSS cohérente pour démarrer un projet web, tout en conservant les comportements natifs utiles des navigateurs.
|
|
8
|
+
|
|
9
|
+
## Installation
|
|
10
|
+
|
|
11
|
+
> Les commandes et les URL ci-dessous seront utilisables une fois `@brumelite/razcss` publié sur npm.
|
|
12
|
+
|
|
13
|
+
### Avec npm
|
|
14
|
+
|
|
15
|
+
```bash
|
|
16
|
+
npm install @brumelite/razcss
|
|
17
|
+
```
|
|
18
|
+
|
|
19
|
+
Dans un projet utilisant un bundler compatible avec l’import de CSS :
|
|
20
|
+
|
|
21
|
+
```javascript
|
|
22
|
+
import '@brumelite/razcss/dist/reset.css';
|
|
23
|
+
```
|
|
24
|
+
|
|
25
|
+
### Avec un CDN
|
|
26
|
+
|
|
27
|
+
Ajoutez cette feuille de style dans la section `<head>` de votre page, **avant vos propres styles** :
|
|
28
|
+
|
|
29
|
+
```html
|
|
30
|
+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@brumelite/razcss@1.0.0/dist/reset.css">
|
|
31
|
+
```
|
|
32
|
+
|
|
33
|
+
Pour utiliser la version minifiée fournie automatiquement par jsDelivr (sans fichier `reset.min.css` dans le package npm) :
|
|
34
|
+
|
|
35
|
+
```html
|
|
36
|
+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@brumelite/razcss@1.0.0/dist/reset.min.css">
|
|
37
|
+
```
|
|
38
|
+
|
|
39
|
+
### Téléchargement direct
|
|
40
|
+
|
|
41
|
+
Récupérez le fichier [`dist/reset.css`](dist/reset.css) depuis le repository et chargez-le avant votre propre feuille de style.
|
|
42
|
+
|
|
43
|
+
## Que fait RazCSS ?
|
|
44
|
+
|
|
45
|
+
- Applique `box-sizing: border-box` aux éléments et pseudo-éléments.
|
|
46
|
+
- Supprime certaines marges par défaut (`body`, titres, paragraphes, etc.).
|
|
47
|
+
- Supprime les puces et espacements des listes qui utilisent explicitement `role="list"`.
|
|
48
|
+
- Rend les médias plus faciles à adapter à leur conteneur.
|
|
49
|
+
- Permet aux contrôles de formulaire d’hériter de la police environnante.
|
|
50
|
+
- Facilite le retour à la ligne des textes longs.
|
|
51
|
+
|
|
52
|
+
RazCSS **ne supprime pas** les indicateurs de focus, ne définit pas de thème graphique et ne réinitialise pas systématiquement l’apparence native des boutons, des liens ou des listes classiques.
|
|
53
|
+
|
|
54
|
+
## Développement et vérification
|
|
55
|
+
|
|
56
|
+
Le développement nécessite **Node.js 20 ou une version ultérieure**. L’utilisation du fichier CSS lui-même ne nécessite pas Node.js.
|
|
57
|
+
|
|
58
|
+
```bash
|
|
59
|
+
# Générer le fichier de distribution
|
|
60
|
+
npm run build
|
|
61
|
+
|
|
62
|
+
# Exécuter les tests
|
|
63
|
+
npm test
|
|
64
|
+
|
|
65
|
+
# Générer puis tester
|
|
66
|
+
npm run check
|
|
67
|
+
|
|
68
|
+
# Vérifier le contenu du package sans le publier
|
|
69
|
+
npm pack --dry-run
|
|
70
|
+
```
|
|
71
|
+
|
|
72
|
+
Le build génère `dist/reset.css` depuis `src/reset.css`. Le fichier distribué est actuellement une copie du source, sans minification locale.
|
|
73
|
+
|
|
74
|
+
## Licence
|
|
75
|
+
|
|
76
|
+
Distribué sous licence **MIT**. Voir le fichier [LICENSE](LICENSE).
|
package/dist/reset.css
ADDED
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
/* RazCSS v1.0.0 | MIT License | A small, opinionated-but-neutral CSS reset. */
|
|
2
|
+
|
|
3
|
+
/* Predictable box sizing, including generated content. */
|
|
4
|
+
*,
|
|
5
|
+
*::before,
|
|
6
|
+
*::after {
|
|
7
|
+
box-sizing: border-box;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
/* Remove common default outer spacing. */
|
|
11
|
+
html,
|
|
12
|
+
body,
|
|
13
|
+
h1,
|
|
14
|
+
h2,
|
|
15
|
+
h3,
|
|
16
|
+
h4,
|
|
17
|
+
h5,
|
|
18
|
+
h6,
|
|
19
|
+
p,
|
|
20
|
+
blockquote,
|
|
21
|
+
figure {
|
|
22
|
+
margin: 0;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
/* Preserve deliberate list styles unless the author opts out. */
|
|
26
|
+
ul[role="list"],
|
|
27
|
+
ol[role="list"] {
|
|
28
|
+
list-style: none;
|
|
29
|
+
margin: 0;
|
|
30
|
+
padding: 0;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
/* Avoid accidental sideways scrolling from oversized media. */
|
|
34
|
+
img,
|
|
35
|
+
picture,
|
|
36
|
+
video,
|
|
37
|
+
canvas,
|
|
38
|
+
svg {
|
|
39
|
+
display: block;
|
|
40
|
+
max-width: 100%;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
/* Form controls use the surrounding typeface without removing native affordances. */
|
|
44
|
+
button,
|
|
45
|
+
input,
|
|
46
|
+
select,
|
|
47
|
+
textarea {
|
|
48
|
+
font: inherit;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
/* Long strings should wrap instead of breaking layout. */
|
|
52
|
+
p,
|
|
53
|
+
h1,
|
|
54
|
+
h2,
|
|
55
|
+
h3,
|
|
56
|
+
h4,
|
|
57
|
+
h5,
|
|
58
|
+
h6 {
|
|
59
|
+
overflow-wrap: break-word;
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
/* Make anchors with no explicit href visually unmodified by default. */
|
|
63
|
+
/* Intentionally preserve browser focus outlines, form appearance, and motion preferences. */
|
package/package.json
CHANGED
|
@@ -1,6 +1,30 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@brumelite/razcss",
|
|
3
|
-
"version": "
|
|
4
|
-
"
|
|
5
|
-
"
|
|
3
|
+
"version": "1.0.0",
|
|
4
|
+
"description": "A small, modern CSS reset with sensible defaults and no runtime dependencies.",
|
|
5
|
+
"license": "MIT",
|
|
6
|
+
"repository": {
|
|
7
|
+
"type": "git",
|
|
8
|
+
"url": "git+https://github.com/brumelite/razcss.git"
|
|
9
|
+
},
|
|
10
|
+
"bugs": "https://github.com/brumelite/razcss/issues",
|
|
11
|
+
"keywords": ["css", "reset", "modern-css", "stylesheet"],
|
|
12
|
+
"files": ["dist/reset.css", "LICENSE", "README.md"],
|
|
13
|
+
"style": "dist/reset.css",
|
|
14
|
+
"exports": {
|
|
15
|
+
".": "./dist/reset.css",
|
|
16
|
+
"./dist/reset.css": "./dist/reset.css"
|
|
17
|
+
},
|
|
18
|
+
"publishConfig": {
|
|
19
|
+
"access": "public"
|
|
20
|
+
},
|
|
21
|
+
"scripts": {
|
|
22
|
+
"build": "node scripts/build.mjs",
|
|
23
|
+
"test": "node --test tests/*.test.mjs",
|
|
24
|
+
"check": "npm run build && npm test",
|
|
25
|
+
"prepack": "npm run check"
|
|
26
|
+
},
|
|
27
|
+
"engines": {
|
|
28
|
+
"node": ">=20"
|
|
29
|
+
}
|
|
6
30
|
}
|