reformatting, fixed column width
parent
7b62d9128c
commit
0908c4ac49
@ -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%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
Loading…
Reference in New Issue