style: uniform width

This commit is contained in:
Ayo 2022-09-18 10:47:06 +02:00
parent dd44c69cba
commit e91012cfeb
3 changed files with 2 additions and 2 deletions

View file

@ -23,6 +23,7 @@ import Footer from '../components/Footer.astro';
</html> </html>
<style> <style>
:root { :root {
--content-width: 700px;
--font-size-base: clamp(1rem, 0.34vw + 0.91rem, 1.19rem); --font-size-base: clamp(1rem, 0.34vw + 0.91rem, 1.19rem);
--font-size-lg: clamp(1.2rem, 0.7vw + 1.2rem, 1.5rem); --font-size-lg: clamp(1.2rem, 0.7vw + 1.2rem, 1.5rem);
--font-size-xl: clamp(2.44rem, 2.38vw + 1.85rem, 3.75rem); --font-size-xl: clamp(2.44rem, 2.38vw + 1.85rem, 3.75rem);

View file

@ -49,7 +49,6 @@ import Footer from "../components/Footer.astro";
<style> <style>
:root { :root {
--astro-gradient: linear-gradient(0deg, #4f39fa, #da62c4); --astro-gradient: linear-gradient(0deg, #4f39fa, #da62c4);
--content-width: 800px;
} }
h1 { h1 {

View file

@ -41,7 +41,7 @@ import Footer from '../components/Footer.astro';
main { main {
margin: auto; margin: auto;
padding: 1em; padding: 1em;
max-width: 60ch; max-width: var(--content-width);
} }
.text-gradient { .text-gradient {