Adding normalize css.

This commit is contained in:
Bradley Shellnut 2021-09-10 22:23:51 -07:00
parent 148ba21c3c
commit ee417a7fa5
3 changed files with 36 additions and 2 deletions

13
package-lock.json generated
View file

@ -7,6 +7,9 @@
"": { "": {
"name": "shellnut-dev", "name": "shellnut-dev",
"version": "0.0.1", "version": "0.0.1",
"dependencies": {
"normalize.css": "^8.0.1"
},
"devDependencies": { "devDependencies": {
"@sveltejs/kit": "next", "@sveltejs/kit": "next",
"@typescript-eslint/eslint-plugin": "^4.19.0", "@typescript-eslint/eslint-plugin": "^4.19.0",
@ -2565,6 +2568,11 @@
"node": ">=0.10.0" "node": ">=0.10.0"
} }
}, },
"node_modules/normalize.css": {
"version": "8.0.1",
"resolved": "https://registry.npmjs.org/normalize.css/-/normalize.css-8.0.1.tgz",
"integrity": "sha512-qizSNPO93t1YUuUhP22btGOo3chcvDFqFaj2TRybP0DMxkHOCTYwp3n34fel4a31ORXy4m1Xq0Gyqpb5m33qIg=="
},
"node_modules/npmlog": { "node_modules/npmlog": {
"version": "4.1.2", "version": "4.1.2",
"resolved": "https://registry.npmjs.org/npmlog/-/npmlog-4.1.2.tgz", "resolved": "https://registry.npmjs.org/npmlog/-/npmlog-4.1.2.tgz",
@ -6149,6 +6157,11 @@
"integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==", "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
"dev": true "dev": true
}, },
"normalize.css": {
"version": "8.0.1",
"resolved": "https://registry.npmjs.org/normalize.css/-/normalize.css-8.0.1.tgz",
"integrity": "sha512-qizSNPO93t1YUuUhP22btGOo3chcvDFqFaj2TRybP0DMxkHOCTYwp3n34fel4a31ORXy4m1Xq0Gyqpb5m33qIg=="
},
"npmlog": { "npmlog": {
"version": "4.1.2", "version": "4.1.2",
"resolved": "https://registry.npmjs.org/npmlog/-/npmlog-4.1.2.tgz", "resolved": "https://registry.npmjs.org/npmlog/-/npmlog-4.1.2.tgz",

View file

@ -26,5 +26,8 @@
"tslib": "^2.0.0", "tslib": "^2.0.0",
"typescript": "^4.0.0" "typescript": "^4.0.0"
}, },
"type": "module" "type": "module",
"dependencies": {
"normalize.css": "^8.0.1"
}
} }

View file

@ -1,5 +1,6 @@
<script lang="ts"> <script lang="ts">
import Header from '../components/Header.svelte'; import Header from '../components/Header.svelte';
import 'normalize.css';
// import { theme } from './stores'; // import { theme } from './stores';
// import { onMount } from 'svelte'; // import { onMount } from 'svelte';
@ -49,7 +50,7 @@
--textAccent: var(--purpleBlue); --textAccent: var(--purpleBlue);
--lineColor: var(--grey); --lineColor: var(--grey);
--cardBg: var(--secondary); --cardBg: var(--secondary);
--headerBackground: var(--darkGrey); --headerBackground: var(--lightShade);
--footerBackground: var(--darkGrey); --footerBackground: var(--darkGrey);
--linkHover: var(--purpleBlue); --linkHover: var(--purpleBlue);
--lightHairLine: var(--lightGrey); --lightHairLine: var(--lightGrey);
@ -116,6 +117,23 @@
--colorScheme: 'light'; --colorScheme: 'light';
} }
:global(html) {
box-sizing: border-box;
font-size: 10px;
}
:global(*) {
box-sizing: inherit;
}
:global(*:before) {
box-sizing: inherit;
}
:global(*:after) {
box-sizing: inherit;
}
:global(figure) { :global(figure) {
margin: 0 auto; margin: 0 auto;
} }