reformatting, fixed column width
This commit is contained in:
parent
7b62d9128c
commit
0908c4ac49
|
@ -1,14 +1,35 @@
|
||||||
@-moz-document domain("mastodon.social"), domain("icosahedron.website") {
|
@-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) {
|
@media (min-width: 1024px) {
|
||||||
.tabs-bar {display: flex; width: 74%; margin-left: 13%; z-index: 1;}
|
.tabs-bar {
|
||||||
.columns-area {width: 74%; margin: auto auto;}
|
width: 74%;
|
||||||
.column {display: none;}
|
margin-left: 13%;
|
||||||
.column:last-child {display: flex; min-width: 80%; margin-top: 0;}
|
}
|
||||||
|
.columns-area {
|
||||||
|
width: 74%;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
@media (max-width: 1023px) {
|
@media (max-width: 1023px) {
|
||||||
.tabs-bar {display: flex; width: 96%; margin-left: 2%; z-index: 1;}
|
.tabs-bar {
|
||||||
.columns-area {width: 96%; margin: auto auto;}
|
width: 96%;
|
||||||
.column {display: none;}
|
margin-left: 2%;
|
||||||
.column:last-child {display: flex; min-width: 80%; margin-top: 0;}
|
}
|
||||||
|
.columns-area {
|
||||||
|
width: 96%;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue