mirror of
https://github.com/withastro/astro.git
synced 2024-12-16 21:46:22 -05:00
style(www): small style tweaks
This commit is contained in:
parent
f28cebcf61
commit
ea33d7b2ab
3 changed files with 20 additions and 3 deletions
|
@ -3,5 +3,18 @@ import Planets from './Planets.astro';
|
||||||
import Stars from './Stars.astro';
|
import Stars from './Stars.astro';
|
||||||
---
|
---
|
||||||
|
|
||||||
<Planets />
|
<div class="space">
|
||||||
<Stars />
|
<Planets />
|
||||||
|
<Stars />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<style lang="scss">
|
||||||
|
.space {
|
||||||
|
position: fixed;
|
||||||
|
inset: 0;
|
||||||
|
width: 100vw;
|
||||||
|
min-height: 100vh;
|
||||||
|
height: 100%;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
|
@ -5,7 +5,9 @@
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
.title {
|
.title {
|
||||||
font-family: var(--font-sans);
|
font-family: var(--font-sans);
|
||||||
|
font-weight: 400;
|
||||||
font-size: 2.5rem;
|
font-size: 2.5rem;
|
||||||
|
line-height: 1.1;
|
||||||
|
|
||||||
@media (min-width: 50em) {
|
@media (min-width: 50em) {
|
||||||
font-size: 1.525rem;
|
font-size: 1.525rem;
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
:root {
|
: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",
|
--font-mono: "IBM Plex Mono", Consolas, "Andale Mono WT", "Andale Mono",
|
||||||
"Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono",
|
"Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono",
|
||||||
"Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco,
|
"Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco,
|
||||||
|
@ -14,6 +14,8 @@
|
||||||
html {
|
html {
|
||||||
display: grid;
|
display: grid;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
max-width: 100vw;
|
||||||
|
overflow-x: hidden;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
background-color: #000014;
|
background-color: #000014;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue