From 87ce9d1c162ac9606a9b4d817a5f3b486889a46f Mon Sep 17 00:00:00 2001 From: Kyle Gunger Date: Thu, 27 Feb 2020 18:06:56 -0500 Subject: Initialize Client repo with predone work --- styles/home/base.css | 53 +++++++++++++++++++++++++++++++++++++++++++++++++ styles/home/desktop.css | 6 ++++++ styles/home/mobile.css | 6 ++++++ 3 files changed, 65 insertions(+) create mode 100644 styles/home/base.css create mode 100644 styles/home/desktop.css create mode 100644 styles/home/mobile.css (limited to 'styles/home') diff --git a/styles/home/base.css b/styles/home/base.css new file mode 100644 index 0000000..2ef3693 --- /dev/null +++ b/styles/home/base.css @@ -0,0 +1,53 @@ +* { + font-family: 'Montserrat', sans-serif; +} + +html, body { + margin: 0; + padding: 0; + + min-width: 100vw; + min-height: 100vh; + + display: block; +} + +body { + display: flex; + + align-items: center; + justify-content: center; +} + +div.content { + padding: 20px; + + background-color: #ddd; + border-radius: 10px; + max-width: 500px; + + display: flex; + text-align: center; + flex-direction: column; + + align-items: center; +} + +a { + font-size: 24px; + display: block; + color: white; + + border-radius: 5px; + padding: 5px; + + background-color: dodgerblue; + + transition-duration: 0.2s; + + text-decoration: none; + + margin-top: 10px; + + max-width: 100px; +} \ No newline at end of file diff --git a/styles/home/desktop.css b/styles/home/desktop.css new file mode 100644 index 0000000..0edda76 --- /dev/null +++ b/styles/home/desktop.css @@ -0,0 +1,6 @@ +@media (min-width: 600px) { + div.content > div { + display: flex; + flex-direction: row; + } +} \ No newline at end of file diff --git a/styles/home/mobile.css b/styles/home/mobile.css new file mode 100644 index 0000000..4e469de --- /dev/null +++ b/styles/home/mobile.css @@ -0,0 +1,6 @@ +@media (max-width: 599px) { + div.content > div { + display: flex; + flex-direction: column; + } +} \ No newline at end of file -- cgit v1.2.3