From 021b29ad43488c9453e602bcccbb15e29e6ac644 Mon Sep 17 00:00:00 2001 From: "Planoetscher Daniel (Student Com20)" <daniel.planoetscher@stud-inf.unibz.it> Date: Mon, 5 Apr 2021 15:44:32 +0200 Subject: [PATCH] stylesheet with basic settings --- src/css/style.css | 27 +++++++++++++++++++++++++++ src/index.html | 1 + 2 files changed, 28 insertions(+) create mode 100644 src/css/style.css diff --git a/src/css/style.css b/src/css/style.css new file mode 100644 index 0000000..2804c20 --- /dev/null +++ b/src/css/style.css @@ -0,0 +1,27 @@ +@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap'); +@import url('https://fonts.googleapis.com/icon?family=Material+Icons'); +:root { + --primary: #AC42FF; + --secondary: #F15154; + --linear-gradient: linear-gradient(to bottom, var(--secondary), var(--primary)); + --radial-gradient: radial-gradient(100% 115% at 0% 0%, var(--primary) 0%, var(--secondary) 100%); + --weight-light: 300; + --weight-regular: 400; + --weight-medium: 500; + --weight-semi-bold: 600; + --weight-bold: 700; +} + +html { + scroll-behavior: smooth; +} + +body { + font-family: 'Poppins', sans-serif; +} + +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} diff --git a/src/index.html b/src/index.html index 4dc943b..125a6c2 100644 --- a/src/index.html +++ b/src/index.html @@ -11,6 +11,7 @@ <meta property="og:image" content="img/header.jpg"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <link rel="stylesheet" href="css/style.css"> <title>ryoko | plan your projects like a journey</title> </head> -- GitLab