reformatting, fixed column width

This commit is contained in:
Alexander Yakovlev 2018-11-18 15:37:15 +07:00
parent 7b62d9128c
commit 0908c4ac49
1 changed files with 29 additions and 8 deletions

View File

@ -1,14 +1,35 @@
@-moz-document domain("mastodon.social"), domain("icosahedron.website") {
.tabs-bar {
display: flex;
z-index: 1;
}
.columns-area {
margin: auto auto;
}
.column {
display: none;
}
.column:last-child {
display: flex;
flex-grow: 1;
margin-top: 0;
}
@media (min-width: 1024px) {
.tabs-bar {display: flex; width: 74%; margin-left: 13%; z-index: 1;}
.columns-area {width: 74%; margin: auto auto;}
.column {display: none;}
.column:last-child {display: flex; min-width: 80%; margin-top: 0;}
.tabs-bar {
width: 74%;
margin-left: 13%;
}
.columns-area {
width: 74%;
}
}
@media (max-width: 1023px) {
.tabs-bar {display: flex; width: 96%; margin-left: 2%; z-index: 1;}
.columns-area {width: 96%; margin: auto auto;}
.column {display: none;}
.column:last-child {display: flex; min-width: 80%; margin-top: 0;}
.tabs-bar {
width: 96%;
margin-left: 2%;
}
.columns-area {
width: 96%;
}
}
}