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",
"version": "0.0.1",
"dependencies": {
"normalize.css": "^8.0.1"
},
"devDependencies": {
"@sveltejs/kit": "next",
"@typescript-eslint/eslint-plugin": "^4.19.0",
@ -2565,6 +2568,11 @@
"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": {
"version": "4.1.2",
"resolved": "https://registry.npmjs.org/npmlog/-/npmlog-4.1.2.tgz",
@ -6149,6 +6157,11 @@
"integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
"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": {
"version": "4.1.2",
"resolved": "https://registry.npmjs.org/npmlog/-/npmlog-4.1.2.tgz",

View file

@ -26,5 +26,8 @@
"tslib": "^2.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">
import Header from '../components/Header.svelte';
import 'normalize.css';
// import { theme } from './stores';
// import { onMount } from 'svelte';
@ -49,7 +50,7 @@
--textAccent: var(--purpleBlue);
--lineColor: var(--grey);
--cardBg: var(--secondary);
--headerBackground: var(--darkGrey);
--headerBackground: var(--lightShade);
--footerBackground: var(--darkGrey);
--linkHover: var(--purpleBlue);
--lightHairLine: var(--lightGrey);
@ -116,6 +117,23 @@
--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) {
margin: 0 auto;
}