From 3dfa4512bcbde3843b9a864a89df01f72adb23f4 Mon Sep 17 00:00:00 2001 From: Andreas Zweili Date: Mon, 18 Jan 2021 21:54:10 +0100 Subject: [PATCH] format with prettier --- basics-assignment-3-problem/index.html | 32 +++++------ basics-assignment-3-problem/styles.css | 80 +++++++++++++------------- 2 files changed, 56 insertions(+), 56 deletions(-) diff --git a/basics-assignment-3-problem/index.html b/basics-assignment-3-problem/index.html index d841f85..b2ec103 100644 --- a/basics-assignment-3-problem/index.html +++ b/basics-assignment-3-problem/index.html @@ -1,29 +1,29 @@ - + + Vue Basics - + - - + + +
-

Reactivity in Action

+

Reactivity in Action

- - - - - -

Result: RESULT

- + + + + + +

Result: RESULT

+
- + + diff --git a/basics-assignment-3-problem/styles.css b/basics-assignment-3-problem/styles.css index 6bed5b3..043c4ad 100644 --- a/basics-assignment-3-problem/styles.css +++ b/basics-assignment-3-problem/styles.css @@ -1,73 +1,73 @@ * { - box-sizing: border-box; + box-sizing: border-box; } html { - font-family: 'Jost', sans-serif; + font-family: "Jost", sans-serif; } body { - margin: 0; + margin: 0; } header { - box-shadow: 0 2px 8px rgba(0, 0, 0, 0.26); - margin: 3rem; - border-radius: 10px; - padding: 1rem; - background-color: #1b995e; - color: white; - text-align: center; + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.26); + margin: 3rem; + border-radius: 10px; + padding: 1rem; + background-color: #1b995e; + color: white; + text-align: center; } #assignment { - box-shadow: 0 2px 8px rgba(0, 0, 0, 0.26); - margin: 3rem; - border-radius: 10px; - padding: 1rem; - text-align: center; + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.26); + margin: 3rem; + border-radius: 10px; + padding: 1rem; + text-align: center; } #assignment h2 { - font-size: 2rem; - border-bottom: 4px solid #ccc; - color: #1b995e; - margin: 0 0 1rem 0; + font-size: 2rem; + border-bottom: 4px solid #ccc; + color: #1b995e; + margin: 0 0 1rem 0; } #assignment p { - font-size: 1.25rem; - font-weight: bold; - background-color: #8ddba4; - padding: 0.5rem; - color: #1f1f1f; - border-radius: 25px; + font-size: 1.25rem; + font-weight: bold; + background-color: #8ddba4; + padding: 0.5rem; + color: #1f1f1f; + border-radius: 25px; } #assignment input { - font: inherit; - border: 1px solid #ccc; + font: inherit; + border: 1px solid #ccc; } #assignment input:focus { - outline: none; - border-color: #1b995e; - background-color: #d7fdeb; + outline: none; + border-color: #1b995e; + background-color: #d7fdeb; } #assignment button { - font: inherit; - cursor: pointer; - border: 1px solid #ff0077; - background-color: #ff0077; - color: white; - padding: 0.05rem 1rem; - box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.26); + font: inherit; + cursor: pointer; + border: 1px solid #ff0077; + background-color: #ff0077; + color: white; + padding: 0.05rem 1rem; + box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.26); } #assignment button:hover, #assignment button:active { - background-color: #ec3169; - border-color: #ec3169; - box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.26); + background-color: #ec3169; + border-color: #ec3169; + box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.26); }