From ee91f3d7f8547c355c35f38c91736010c54696f8 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Vojt=C4=9Bch=20K=C3=A1n=C4=9B?= Date: Tue, 27 Apr 2021 10:21:53 +0200 Subject: [PATCH] Indent CSS with tabs --- ui/static/game.css | 100 +++++++++++++++++++++--------------------- ui/static/home.css | 20 ++++----- ui/static/results.css | 32 +++++++------- ui/static/style.css | 60 ++++++++++++------------- 4 files changed, 106 insertions(+), 106 deletions(-) diff --git a/ui/static/game.css b/ui/static/game.css index bf77a3a..d9c4f0b 100644 --- a/ui/static/game.css +++ b/ui/static/game.css @@ -1,104 +1,104 @@ #names { - display: flex; - justify-content: center; - flex-wrap: wrap; - padding: 0 10vw; - font-size: 1.5rem; + display: flex; + justify-content: center; + flex-wrap: wrap; + padding: 0 10vw; + font-size: 1.5rem; } .my-name { - font-weight: bold; + font-weight: bold; } .name.organiser::before { - content: "👑"; - margin-right: .4rem; + content: "👑"; + margin-right: .4rem; } .name.organiser { - color: gold; + color: gold; } .name { - animation-name: appear; - animation-duration: .5s; - display: inline-block; - margin: 0 1rem; + animation-name: appear; + animation-duration: .5s; + display: inline-block; + margin: 0 1rem; } #question { - flex-basis: 50%; - display: flex; - justify-content: flex-start; - padding-top: 10vh; - flex-direction: column; - align-items: center; + flex-basis: 50%; + display: flex; + justify-content: flex-start; + padding-top: 10vh; + flex-direction: column; + align-items: center; } #question * { - animation-name: appear; - animation-duration: .5s; + animation-name: appear; + animation-duration: .5s; } #question > h1 { - font-size: 3rem; - text-align: center; - margin-bottom: .2rem; + font-size: 3rem; + text-align: center; + margin-bottom: .2rem; } #question .answers { - display: flex; - flex-wrap: wrap; - justify-content: center; + display: flex; + flex-wrap: wrap; + justify-content: center; } #question .answer { - font-size: 2rem; + font-size: 2rem; } #timer { - height: 2px; - background-color: blue; - margin-bottom: 5rem; - transition: width .2s; - width: 0; + height: 2px; + background-color: blue; + margin-bottom: 5rem; + transition: width .2s; + width: 0; } .answer.selected { - font-weight: bold; - text-shadow: 2px 1px 5px #0003; + font-weight: bold; + text-shadow: 2px 1px 5px #0003; } /*body.organiser #question > .answers { - display: none; + display: none; }*/ #controls { - display: none; + display: none; } body.organiser #controls { - display: flex; - padding-right: 20vw; - align-self: flex-end; + display: flex; + padding-right: 20vw; + align-self: flex-end; } #session-code { - display: none; + display: none; } body.organiser #session-code { - display: inline; + display: inline; } @keyframes appear { - from { - transform: scale(2, 2); - opacity: 0; - } + from { + transform: scale(2, 2); + opacity: 0; + } - to { - transform: scale(1, 1); - opacity: 1; - } + to { + transform: scale(1, 1); + opacity: 1; + } } diff --git a/ui/static/home.css b/ui/static/home.css index 673a077..ac0187e 100644 --- a/ui/static/home.css +++ b/ui/static/home.css @@ -1,18 +1,18 @@ main { - display: flex; - flex-wrap: wrap; - align-content: center; - justify-content: center; - min-height: 100vh; + display: flex; + flex-wrap: wrap; + align-content: center; + justify-content: center; + min-height: 100vh; } section { - border: 2px solid black; - margin: 2rem; - padding: 1rem; + border: 2px solid black; + margin: 2rem; + padding: 1rem; } #join, #play, #new { - display: flex; - flex-direction: column; + display: flex; + flex-direction: column; } diff --git a/ui/static/results.css b/ui/static/results.css index 23e469d..a80722d 100644 --- a/ui/static/results.css +++ b/ui/static/results.css @@ -1,30 +1,30 @@ td { - padding-left: 1rem; + padding-left: 1rem; } .place { - border-radius: 50%; - border: 1px solid black; - width: 3rem; - height: 3rem; - text-align: center; - padding: 0; + border-radius: 50%; + border: 1px solid black; + width: 3rem; + height: 3rem; + text-align: center; + padding: 0; } .place.first { - background-color: gold; - box-shadow: 0 0 10px 5px gold; - border: none; + background-color: gold; + box-shadow: 0 0 10px 5px gold; + border: none; } .place.second { - background-color: silver; - box-shadow: 0 0 6px 3px silver; - border: none; + background-color: silver; + box-shadow: 0 0 6px 3px silver; + border: none; } .place.third { - background-color: chocolate; - box-shadow: 0 0 3px 1px chocolate; - border: none; + background-color: chocolate; + box-shadow: 0 0 3px 1px chocolate; + border: none; } diff --git a/ui/static/style.css b/ui/static/style.css index 7bdfb01..118ff43 100644 --- a/ui/static/style.css +++ b/ui/static/style.css @@ -1,53 +1,53 @@ html { - height: 100%; + height: 100%; } body { - min-height: 100%; - margin: 0; + min-height: 100%; + margin: 0; } body { - display: grid; - grid-template-rows: 10vh auto; - grid-template-columns: 25vw 50vw 25vw; - grid-template-areas: - "empty1 header empty2" - "main main main"; + display: grid; + grid-template-rows: 10vh auto; + grid-template-columns: 25vw 50vw 25vw; + grid-template-areas: + "empty1 header empty2" + "main main main"; } @media (orientation: portrait) { - body { - grid-template-rows: 10vh 10vh auto; - grid-template-columns: auto; - grid-template-areas: - "logo" - "header" - "main"; - } + body { + grid-template-rows: 10vh 10vh auto; + grid-template-columns: auto; + grid-template-areas: + "logo" + "header" + "main"; + } } #logo { - grid-area: 1 / 1 / 1 / 1; - padding: 0.5rem; + grid-area: 1 / 1 / 1 / 1; + padding: 0.5rem; } #logo img { - max-width: 100%; - max-height: 100%; + max-width: 100%; + max-height: 100%; } #title { - grid-area: header; - display: flex; - justify-content: center; - text-align: center; + grid-area: header; + display: flex; + justify-content: center; + text-align: center; } main { - grid-area: main; - display: flex; - justify-content: center; - align-items: center; - flex-direction: column; + grid-area: main; + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; }