From 2ba848d18eaaa4a052814d19a4921e6c7337462c Mon Sep 17 00:00:00 2001 From: MateusLopes Date: Wed, 11 Jan 2023 13:46:24 -0300 Subject: [PATCH] feat: add estilos globais --- src/global.scss | 60 +++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 60 insertions(+) create mode 100644 src/global.scss diff --git a/src/global.scss b/src/global.scss new file mode 100644 index 0000000..40bded7 --- /dev/null +++ b/src/global.scss @@ -0,0 +1,60 @@ +// Font +@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap"); + +$font-family-Roboto: "Roboto", sans-serif; + +// Colors +$color-black: #000; +$color-black-200: #100d0e; + +$color-gray-200: #303030; +$color-gray-300: #5e5e5e; +$color-gray-350: #7d7d7d; +$color-gray-400: #919191; +$color-gray-450: #b9b7b7; +$color-gray-500: #c6c6c6; +$color-gray-600: #c4c4c4; +$color-gray-650: #e5e5e5; +$color-gray-700: #f2f2f2; +$color-gray-800: #f9f9f9; + +$blur-gray: rgba(69, 69, 69, 0.7); + +$color-white: #fff; + +$color-red: #ff0000; + +$color-blue: #5200ff; + +$color-green: #008000; + +* { + padding: 0; + margin: 0; + box-sizing: border-box; +} + +a { + text-decoration: none; +} + +li { + list-style-type: none; +} + +.btn { + cursor: pointer; + background: none; + border: none; + height: fit-content; + width: fit-content; +} + +// Pages +@import "./pages/app.scss"; + +// Components +@import "./components/header/header.scss"; +@import "./components/main/main.scss"; +@import "./components/form/contactForm.scss"; +@import "./components/footer/footer.scss";