From 76072c109abc73ed8ff509e5cd6ada773589fba1 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Cain=C3=A3=20Milech?= Date: Tue, 8 Nov 2022 09:35:21 -0300 Subject: [PATCH] feat: cria pasta e arquivos css --- index.html | 24 +++++++++++++++++++++--- styles/global.css | 17 +++++++++++++++++ styles/main.css | 2 ++ styles/variables.css | 10 ++++++++++ 4 files changed, 50 insertions(+), 3 deletions(-) create mode 100644 styles/global.css create mode 100644 styles/main.css create mode 100644 styles/variables.css diff --git a/index.html b/index.html index dbbce30..34d3037 100644 --- a/index.html +++ b/index.html @@ -11,13 +11,31 @@ Shopping List + +
-
-

-
+
+

Shopping List

+ +
+
+
+ + +
+ +
+ + + +
+
+ + +
diff --git a/styles/global.css b/styles/global.css new file mode 100644 index 0000000..b51e445 --- /dev/null +++ b/styles/global.css @@ -0,0 +1,17 @@ +*{ + padding: 0; + margin: 0; + box-sizing: border-box; +} + +body, +input, +button{ + font-family: 'Roboto', sans-serif; + font-size: 16px; + color: var(--gray-500); +} + +button{ + cursor: pointer; +} \ No newline at end of file diff --git a/styles/main.css b/styles/main.css new file mode 100644 index 0000000..12ca89d --- /dev/null +++ b/styles/main.css @@ -0,0 +1,2 @@ +@import "global.css"; +@import "variables.css"; \ No newline at end of file diff --git a/styles/variables.css b/styles/variables.css new file mode 100644 index 0000000..22278c8 --- /dev/null +++ b/styles/variables.css @@ -0,0 +1,10 @@ +:root { + --white: #fff; + + --gray-100: #e5e5e5; + --gray-300: #bdbdbd; + --gray-500: #333333; + + --orange-300: #f6ad55; + --orange-500: #ed8936; +} \ No newline at end of file