diff --git a/static/css/main.css b/static/css/main.css index c082fd9..fbc31f5 100644 --- a/static/css/main.css +++ b/static/css/main.css @@ -69,7 +69,8 @@ main button, main a.button { cursor: pointer; } -main input[type="submit"] +main input[type="submit"], +a.button.margin { margin-top: 1em; } main input:focus, @@ -122,6 +123,59 @@ h1.poll font-size: 2.5rem; } +.option +{ + display: flex; + align-items: center; + margin: auto; + width: 25rem; + box-sizing: border-box; + + background: #141414; +} +.option > input +{ + position: absolute; + float: left; + width: 0; + opacity: 0; + cursor: pointer; +} +.option > .check +{ + flex: none; + display: flex; + align-items: center; + justify-content: center; + margin-left: 1em; + padding: 0; + width: 1.25em; + height: 1.25em; + background: #202020; +} +.option > .check::before +{ + content: ""; + transition: transform 0.1s linear, border-radius 0.4s ease-out; + display: block; + background: #0088E5; + width: 0.75em; + height: 0.75em; + border-radius: 50%; + transform: scale(0); +} +.option input:checked ~ .check::before +{ border-radius: 0; transform: scale(1); } +.option > label +{ + flex: 1; + display: block; + padding: 1em; + font-family: "PT Serif", serif; + font-size: 1.2em; + cursor: pointer; +} + footer { display: block; diff --git a/views/poll.php b/views/poll.php index 8e719fb..7fa4cb5 100644 --- a/views/poll.php +++ b/views/poll.php @@ -1,6 +1,14 @@

title ?>

-
-		
-	
+
+ options as $option): ?> +
+ + + +
+ + +
+ Jump to results
\ No newline at end of file