From 6256335ef802e2823ac0118c01c7fe31e38e7287 Mon Sep 17 00:00:00 2001 From: blendoit Date: Wed, 22 Jan 2020 18:17:38 -0800 Subject: Second commit. --- app/static/styles/home.css | 50 ++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 50 insertions(+) create mode 100644 app/static/styles/home.css (limited to 'app/static/styles/home.css') diff --git a/app/static/styles/home.css b/app/static/styles/home.css new file mode 100644 index 0000000..262b40c --- /dev/null +++ b/app/static/styles/home.css @@ -0,0 +1,50 @@ +.main { + height: 100%; + position: absolute; + left: 3%; + right: 3%; + background: linear-gradient(to top, var(--secondary-color), var(--primary-color)) fixed; +} + +.tab-yes { + height: 100%; + width: 10%; + float: left; + position: fixed; + z-index: -1; + background: var(--yes); +} +.tab-no { + height: 100%; + width: 10%; + float: right; + position: fixed; + z-index: -1; + right: 0; + background: var(--no); +} + +.tab-yes:hover ~ .main { + left: 5%; + transition: 0.2s; +} + +.tab-no:hover ~ .main { + right: 5%; + transition: 0.2s; +} + +.post { + background: white; + border-radius: 14px; + padding: 1rem; + margin: 1rem; + width: 20%; +} + +.post:hover { + background: linear-gradient(to left, var(--no) 50%, var(--yes) 50%); + cursor: pointer; + transition: 0.8s; + color: white; +} -- cgit v1.2.3