From 70db5dacf622a41e0ebb674ebdd34d7618c84f16 Mon Sep 17 00:00:00 2001 From: David Maciejewski Date: Mon, 19 Feb 2024 17:00:25 +0100 Subject: [PATCH] Update --- package.json | 10 +++++----- public/index.html | 12 ++++++++++-- src/sass/_presets.scss | 5 +++++ src/sass/styles.scss | 28 +++++++++++++++++++++++----- 4 files changed, 43 insertions(+), 12 deletions(-) create mode 100644 src/sass/_presets.scss diff --git a/package.json b/package.json index c4bad36..11392d0 100644 --- a/package.json +++ b/package.json @@ -7,12 +7,12 @@ "author": "macx ", "license": "MIT", "scripts": { - "dev": "npx yarn watch:css & npx yarn serve", + "dev": "yarn watch:css & yarn serve", "serve": "browser-sync start --server public --files public --open", - "watch:css": "sass --watch src/sass:public/css", - "postcss": "postcss public/css/*.css -u autoprefixer cssnano -r --no-map", - "build": "npx yarn build:css && npx yarn postcss", - "build:css": "sass src/sass:public/css" + "watch:css": "npx sass --watch src/sass:public/css", + "postcss": "npx postcss public/css/*.css -u autoprefixer cssnano -r --no-map", + "build": "yarn build:css && yarn postcss", + "build:css": "npx sass src/sass:public/css" }, "devDependencies": { "autoprefixer": "^10.4.17", diff --git a/public/index.html b/public/index.html index d383c9d..adace29 100644 --- a/public/index.html +++ b/public/index.html @@ -3,10 +3,18 @@ - Document + GT 1191 Starterkit Mini - Hallo Welt! +
+

GT 1191 Starterkit Mini

+ + Dokumentation +
diff --git a/src/sass/_presets.scss b/src/sass/_presets.scss new file mode 100644 index 0000000..eba78a5 --- /dev/null +++ b/src/sass/_presets.scss @@ -0,0 +1,5 @@ +body { + background: ghostwhite; + color: black; + font-family: system-ui; +} diff --git a/src/sass/styles.scss b/src/sass/styles.scss index 0109f6b..1ad4e79 100644 --- a/src/sass/styles.scss +++ b/src/sass/styles.scss @@ -1,7 +1,25 @@ +@use 'presets'; + +/* +┌──────────────────────────────────┐ + NUR ZUR DEMO. BITTE LÖSCHEN! +└──────────────────────────────────┘ +*/ + body { - background: firebrick; - color: ghostwhite; - font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', - 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', - sans-serif; + display: grid; + place-items: center; + min-height: 100dvh; + text-align: center; +} + +.button { + all: unset; + display: inline-block; + background-color: black; + color: white; + line-height: 1; + padding-block: 0.5rem; + padding-inline: 1.5rem; + cursor: pointer; }