diff --git a/package.json b/package.json index 66652d5..a7b697a 100644 --- a/package.json +++ b/package.json @@ -6,8 +6,8 @@ "dev": "perseus serve -w", "preview": "perseus export -w", "check": "perseus check", - "sass": "sass --no-source-map src/sass:static/styles", - "sass:watch": "sass --no-source-map --watch src/sass:static/styles", + "sass": "sass static/sass:static/styles", + "sass:watch": "sass --watch static/sass:static/styles", "build": "perseus export --release && perseus export-error-page -c 404 -o dist/exported/404.html" }, "devDependencies": { diff --git a/src/sass/base.scss b/src/sass/base.scss deleted file mode 100644 index de32c8e..0000000 --- a/src/sass/base.scss +++ /dev/null @@ -1,17 +0,0 @@ -* { - margin: 0; - - &, - &::before, - &::after { - box-sizing: border-box; - } -} - -.test { - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; - height: 95vh; -} diff --git a/static/sass/base.scss b/static/sass/base.scss new file mode 100644 index 0000000..1aa5be7 --- /dev/null +++ b/static/sass/base.scss @@ -0,0 +1,52 @@ +* { + margin: 0; + + &, + &::before, + &::after { + box-sizing: border-box; + } +} + +html, +body { + overflow-x: hidden; +} + +body { + font-family: "Poppins", sans-serif; + line-height: 1.5; + -webkit-font-smoothing: antialiased; +} + +button, +input, +textarea, +select { + font: inherit; +} + +p, +h1, +h2, +h3, +h4, +h5, +h6 { + overflow-wrap: break-word; +} + +img, +video, +canvas, +svg { + max-width: 100%; +} + +.test { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + height: 95vh; +}