Commit c639d11f authored by Téo Vasseur's avatar Téo Vasseur

rename main-panels to AB, .panel class, use A/B/C in media queries

parent 5fa4ebdf
......@@ -23,7 +23,7 @@ div {
margin: 6px;
}
#main-panels {
#AB {
/*display: flex;*/
/*position: absolute;
top: 0px;
......@@ -31,7 +31,7 @@ div {
height: calc(100% - 125px);
}
#main-panels>* {
.panel {
display: grid;
}
......@@ -87,33 +87,33 @@ div {
/*##############################################*/
@media (max-width: 1000px) {
#left,
#main-panels .vertical.separator {
#A,
#AB .vertical.separator {
display: none;
}
#right {
#B {
width: 100%;
}
}
@media (max-width: 800px) {
#foot-panel {
#C {
display: none;
}
}
@media (max-height: 800px) {
#p3 {
#B {
display: none;
}
}
@media (max-height: 600px) {
#foot-panel,
#p1 {
#C,
#A {
display: none;
}
#main-panels {
#AB {
height: 100%;
}
}
\ No newline at end of file
......@@ -27,18 +27,17 @@
<div id="panels">
<div id="main-panels" class="horizontal">
<div id="A" class="vertical"></div>
<div id="AB" class="horizontal">
<div id="A" class="vertical panel"></div>
<div class="vertical separator"></div>
<div id="B" class="vertical"></div>
<div id="B" class="vertical panel"></div>
</div>
<div class="horizontal separator"></div>
<div id="C" class="horizontal"></div>
<div id="C" class="horizontal panel"></div>
</div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment