style(www): small style tweaks

withastro · Apr 15, 2021 · ea33d7b · ea33d7b
1 parent f28cebc
commit ea33d7b
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 3 deletions.
diff --git 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
@@ -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
@@ -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;
 }