summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorGravatar Nate Moore <nate@skypack.dev> 2021-04-14 22:11:04 -0500
committerGravatar Nate Moore <nate@skypack.dev> 2021-04-14 22:11:04 -0500
commitea33d7b2ab30f6434986bb0d8671e7f681076268 (patch)
treedea5e49e2a489c62b9405ffd3ed0484f7e32957d
parentf28cebcf61ae6206383dabc957366b3ab6edb6e1 (diff)
downloadastro-ea33d7b2ab30f6434986bb0d8671e7f681076268.tar.gz
astro-ea33d7b2ab30f6434986bb0d8671e7f681076268.tar.zst
astro-ea33d7b2ab30f6434986bb0d8671e7f681076268.zip
style(www): small style tweaks
-rw-r--r--www/astro/components/Space.astro17
-rw-r--r--www/astro/components/Tagline.astro2
-rw-r--r--www/public/global.scss4
3 files changed, 20 insertions, 3 deletions
diff --git a/www/astro/components/Space.astro b/www/astro/components/Space.astro
index 0d382dea6..92dda5405 100644
--- a/www/astro/components/Space.astro
+++ b/www/astro/components/Space.astro
@@ -3,5 +3,18 @@ import Planets from './Planets.astro';
import Stars from './Stars.astro';
---
-<Planets />
-<Stars />
+<div class="space">
+ <Planets />
+ <Stars />
+</div>
+
+<style lang="scss">
+ .space {
+ position: fixed;
+ inset: 0;
+ width: 100vw;
+ min-height: 100vh;
+ height: 100%;
+ overflow: hidden;
+ }
+</style>
diff --git a/www/astro/components/Tagline.astro b/www/astro/components/Tagline.astro
index 027c4dc16..232ee76b9 100644
--- a/www/astro/components/Tagline.astro
+++ b/www/astro/components/Tagline.astro
@@ -5,7 +5,9 @@
<style lang="scss">
.title {
font-family: var(--font-sans);
+ font-weight: 400;
font-size: 2.5rem;
+ line-height: 1.1;
@media (min-width: 50em) {
font-size: 1.525rem;
diff --git a/www/public/global.scss b/www/public/global.scss
index ce9cb62ab..4c391f99f 100644
--- a/www/public/global.scss
+++ b/www/public/global.scss
@@ -1,5 +1,5 @@
:root {
- --font-sans: "IBM Plex Sans", system-ui;
+ --font-sans: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
--font-mono: "IBM Plex Mono", Consolas, "Andale Mono WT", "Andale Mono",
"Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono",
"Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco,
@@ -14,6 +14,8 @@
html {
display: grid;
width: 100%;
+ max-width: 100vw;
+ overflow-x: hidden;
height: 100%;
background-color: #000014;
}