From 401123094cb779ae63c2124883bd06f2cbd805db Mon Sep 17 00:00:00 2001 From: Andreas Zweili Date: Mon, 25 Jan 2021 12:06:48 +0100 Subject: [PATCH] format with prettier --- cmp-intro-01-starting-setup/app.js | 1 + cmp-intro-01-starting-setup/index.html | 54 +++++++++---------- cmp-intro-01-starting-setup/styles.css | 72 +++++++++++++------------- 3 files changed, 64 insertions(+), 63 deletions(-) diff --git a/cmp-intro-01-starting-setup/app.js b/cmp-intro-01-starting-setup/app.js index e69de29..3918c74 100644 --- a/cmp-intro-01-starting-setup/app.js +++ b/cmp-intro-01-starting-setup/app.js @@ -0,0 +1 @@ +"use strict"; diff --git a/cmp-intro-01-starting-setup/index.html b/cmp-intro-01-starting-setup/index.html index e00c538..bec4874 100644 --- a/cmp-intro-01-starting-setup/index.html +++ b/cmp-intro-01-starting-setup/index.html @@ -1,40 +1,40 @@ - + + Vue Basics - + - - + + +
-

FriendList

+

FriendList

- +
- + + diff --git a/cmp-intro-01-starting-setup/styles.css b/cmp-intro-01-starting-setup/styles.css index 700054f..70adde0 100644 --- a/cmp-intro-01-starting-setup/styles.css +++ b/cmp-intro-01-starting-setup/styles.css @@ -1,63 +1,63 @@ * { - 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 auto; - border-radius: 10px; - padding: 1rem; - background-color: #58004d; - color: white; - text-align: center; - width: 90%; - max-width: 40rem; + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.26); + margin: 3rem auto; + border-radius: 10px; + padding: 1rem; + background-color: #58004d; + color: white; + text-align: center; + width: 90%; + max-width: 40rem; } #app ul { - margin: 0; - padding: 0; - list-style: none; + margin: 0; + padding: 0; + list-style: none; } #app li { - box-shadow: 0 2px 8px rgba(0, 0, 0, 0.26); - margin: 1rem auto; - border-radius: 10px; - padding: 1rem; - text-align: center; - width: 90%; - max-width: 40rem; + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.26); + margin: 1rem auto; + border-radius: 10px; + padding: 1rem; + text-align: center; + width: 90%; + max-width: 40rem; } #app h2 { - font-size: 2rem; - border-bottom: 4px solid #ccc; - color: #58004d; - margin: 0 0 1rem 0; + font-size: 2rem; + border-bottom: 4px solid #ccc; + color: #58004d; + margin: 0 0 1rem 0; } #app 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); } #app button:hover, #app 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); }