From c5ce27283304df8d7b388c96f04464f93a870e7f Mon Sep 17 00:00:00 2001 From: Andreas Zweili Date: Mon, 18 Jan 2021 22:27:27 +0100 Subject: [PATCH] lesson 32: add example files --- basics-10-styling-starting-setup/app.js | 0 basics-10-styling-starting-setup/index.html | 25 ++++++++++++++ basics-10-styling-starting-setup/styles.css | 36 +++++++++++++++++++++ 3 files changed, 61 insertions(+) create mode 100644 basics-10-styling-starting-setup/app.js create mode 100644 basics-10-styling-starting-setup/index.html create mode 100644 basics-10-styling-starting-setup/styles.css diff --git a/basics-10-styling-starting-setup/app.js b/basics-10-styling-starting-setup/app.js new file mode 100644 index 0000000..e69de29 diff --git a/basics-10-styling-starting-setup/index.html b/basics-10-styling-starting-setup/index.html new file mode 100644 index 0000000..30c5dca --- /dev/null +++ b/basics-10-styling-starting-setup/index.html @@ -0,0 +1,25 @@ + + + + + + Vue Basics + + + + + + +
+

Vue Dynamic Styling

+
+
+
+
+
+
+ + diff --git a/basics-10-styling-starting-setup/styles.css b/basics-10-styling-starting-setup/styles.css new file mode 100644 index 0000000..5cf6738 --- /dev/null +++ b/basics-10-styling-starting-setup/styles.css @@ -0,0 +1,36 @@ +* { + box-sizing: border-box; +} + +html { + font-family: 'Jost', sans-serif; +} + +body { + margin: 0; +} + +header { + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.26); + margin: 3rem; + border-radius: 10px; + padding: 1rem; + background-color: #4fc08d; + color: white; + text-align: center; +} + +#styling { + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.26); + margin: 3rem; + border-radius: 10px; + padding: 1rem; + text-align: center; +} + +.demo { + width: calc(100% - 32px); + height: 100px; + margin: 16px; + border: 2px dashed #ccc; +} \ No newline at end of file