Add menu prioritization & alignment.

This commit is contained in:
Dermot Duffy
2022-04-29 20:13:05 -07:00
parent ccd47d9a9d
commit a44d444d53
9 changed files with 383 additions and 376 deletions
+8 -7
View File
@@ -14,24 +14,25 @@
justify-content: space-between;
}
/**************************
* Aligned divs: near & far
**************************/
/***********************************
* Aligned divs: matching & opposing
***********************************/
div.near,
div.far {
div.matching,
div.opposing {
display: flex;
flex-wrap: wrap;
flex-direction: row;
align-items: flex-start;
// Allow the divs to be resized.
min-width: 0px;
min-height: 0px;
}
div.near {
div.matching {
justify-content: flex-start;
}
div.far {
div.opposing {
justify-content: flex-end;
}