Skip to content

Commit c812cc7

Browse files
jmau111jmau111
committed
fix README.md typos
1 parent 587f163 commit c812cc7

File tree

2 files changed

+72
-29
lines changed

2 files changed

+72
-29
lines changed

‎README.md

Lines changed: 16 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -33,7 +33,7 @@ Then customize the favicon in `./images/`.
3333
As the idea with TypeScript is to type, there's a command for that:
3434

3535
```
36-
yarn typecheck
36+
yarn type-check
3737
```
3838

3939
## 🎃 Change styles
@@ -47,14 +47,14 @@ Don't remove `import "nes.css/css/nes.min.css";` I add in the main Layout `./sr
4747
Open `./gatsby-config.ts` and modify:
4848

4949
```js
50-
pathPrefix: `/gatsby-nes`,
51-
siteMetadata: {
52-
title: `Gatsby nes`,
53-
author: `Julien Maury`,
54-
about: `A Gatsby Theme using typescript and Nostalgic NES css`,
55-
description: `A nostalgic Gatsby theme`,
56-
siteUrl: `https://demos.julien-maury.dev`,
57-
},
50+
pathPrefix: `/gatsby-nes`,
51+
siteMetadata: {
52+
title: `Gatsby nes`,
53+
author: `Julien Maury`,
54+
about: `A Gatsby Theme using typescript and Nostalgic NES css`,
55+
description: `A nostalgic Gatsby theme`,
56+
siteUrl: `https://demos.julien-maury.dev`,
57+
},
5858
```
5959

6060
I use `pathPrefix` because I host the demo in a subfolder, but **you don't have to use this parameter if your production URL is a root URL**.
@@ -64,18 +64,18 @@ I use `pathPrefix` because I host the demo in a subfolder, but **you don't have
6464
If you need google, add the plugin:
6565

6666
```
67-
npm install gatsby-plugin-google-analytics
67+
yarn add gatsby-plugin-google-analytics
6868
```
6969

7070
Then, add the entry in `./gatsby-config.js`:
7171

7272
```js
73-
{
74-
resolve: `gatsby-plugin-google-analytics`,
75-
options: {
76-
trackingId: `XXXX`,// replace with yours
77-
},
78-
},
73+
{
74+
resolve: `gatsby-plugin-google-analytics`,
75+
options: {
76+
trackingId: `XXXX`,// replace with yours
77+
},
78+
},
7979
```
8080

8181
Also consider alternatives such as [Gatsby Matomo](https://www.gatsbyjs.com/plugins/gatsby-plugin-matomo/) instead.

‎src/styles/reset.css

Lines changed: 56 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -1,26 +1,31 @@
1-
/*** The new CSS Reset - version 1.2.0 (last updated 23.7.2021) ***/
1+
/***
2+
The new CSS reset - version 1.7.3 (last updated 7.8.2022)
3+
GitHub page: https://github.com/elad2412/the-new-css-reset
4+
***/
25

3-
/* Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property */
4-
*:where(:not(iframe, canvas, img, svg, video):not(svg *)) {
6+
/*
7+
Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property
8+
- The "symbol *" part is to solve Firefox SVG sprite bug
9+
*/
10+
*:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) {
511
all: unset;
612
display: revert;
713
}
814

9-
/* stylelint-disable */
1015
/* Preferred box-sizing value */
1116
*,
1217
*::before,
1318
*::after {
1419
box-sizing: border-box;
1520
}
16-
/* stylelint-enable */
1721

18-
/*
19-
Remove list styles (bullets/numbers)
20-
in case you use it with normalize.css
21-
*/
22-
ol,
23-
ul {
22+
/* Reapply the pointer cursor for anchor tags */
23+
a, button {
24+
cursor: revert;
25+
}
26+
27+
/* Remove list styles (bullets/numbers) */
28+
ol, ul, menu {
2429
list-style: none;
2530
}
2631

@@ -29,12 +34,50 @@ img {
2934
max-width: 100%;
3035
}
3136

32-
/* Removes spacing between cells in tables */
37+
/* removes spacing between cells in tables */
3338
table {
3439
border-collapse: collapse;
3540
}
3641

37-
/* Revert the 'white-space' property for textarea elements on Safari */
42+
/* Safari - solving issue when using user-select:none on the <body> text input doesn't working */
43+
input, textarea {
44+
-webkit-user-select: auto;
45+
}
46+
47+
/* revert the 'white-space' property for textarea elements on Safari */
3848
textarea {
3949
white-space: revert;
4050
}
51+
52+
/* minimum style to allow to style meter element */
53+
meter {
54+
-webkit-appearance: revert;
55+
appearance: revert;
56+
}
57+
58+
/* reset default text opacity of input placeholder */
59+
::placeholder {
60+
color: unset;
61+
}
62+
63+
/* fix the feature of 'hidden' attribute.
64+
display:revert; revert to element instead of attribute */
65+
:where([hidden]) {
66+
display: none;
67+
}
68+
69+
/* revert for bug in Chromium browsers
70+
- fix for the content editable attribute will work properly.
71+
- webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/
72+
:where([contenteditable]:not([contenteditable="false"])) {
73+
-moz-user-modify: read-write;
74+
-webkit-user-modify: read-write;
75+
overflow-wrap: break-word;
76+
-webkit-line-break: after-white-space;
77+
-webkit-user-select: auto;
78+
}
79+
80+
/* apply back the draggable feature - exist only in Chromium and Safari */
81+
:where([draggable="true"]) {
82+
-webkit-user-drag: element;
83+
}

0 commit comments

Comments
 (0)