vojta001/tinyquiz
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Indent CSS with tabs

Browse Source
This commit is contained in:
Vojtěch Káně
2021-04-27 10:21:53 +02:00
parent 9d2ff6a2ba
commit ee91f3d7f8
4 changed files with 106 additions and 106 deletions
Download Patch File Download Diff File Expand all files Collapse all files

60
ui/static/style.css
View File

@@ -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;
}