From cae394a79d3e0407bb9cca0601c3bc0dfd65c902 Mon Sep 17 00:00:00 2001 From: Robert McGovern Date: Sun, 2 Jan 2022 23:30:42 +0000 Subject: [PATCH] base css, submitting so I can do something else briefly --- .../order-summary-component/css/style.css | 48 +++++++++++++++++++ 1 file changed, 48 insertions(+) create mode 100644 FrontendMentor/newbie/order-summary-component/css/style.css diff --git a/FrontendMentor/newbie/order-summary-component/css/style.css b/FrontendMentor/newbie/order-summary-component/css/style.css new file mode 100644 index 0000000..f928f34 --- /dev/null +++ b/FrontendMentor/newbie/order-summary-component/css/style.css @@ -0,0 +1,48 @@ +@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Display:wght@500;700;900&display=swap'); + +:root { + box-sizing: border-box; + margin: 0; + + /* colors */ + + --clr-pale-blue: hsl(225, 100%, 94%); + --clr-bright-blue: hsl(245, 75%, 52%); + + --clr-very-pale-blue: hsl(225, 100%, 98%); + --clr-desaturated-blue: hsl(224, 23%, 55%); + --clr-dark-blue: hsl(223, 47%, 23%); + + /* fonts */ + --fs-p: 1rem; + --fw-500: 500; + --fw-700: 700; + --fw-900: 900; +} + +/* General Formating */ + +body { + font-family: 'Red Hat Display', sans-serif; +} + +.card { +} +.hero-image { +} +.price-plan { +} +.icon { +} +.plan-type-area { +} +.plan-type { +} +.plan-price { +} +.change-button { +} +.payment-button { +} +.cancel-button { +} \ No newline at end of file