1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-12-25 23:10:57 +01:00
phorge-phorge/webroot/rsrc/css/phui/phui-left-right.css
Chad Little b987b4dd64 Rudamentary PHUILeftRightView
Summary: First pass at providing a skeleton framework for laying out basic items in a left/right view. Will likely add some mobile-responsive options.

Test Plan: UIExamples

Reviewers: epriestley

Reviewed By: epriestley

Subscribers: Korvin

Differential Revision: https://secure.phabricator.com/D18200
2017-07-10 18:19:57 -07:00

32 lines
482 B
CSS

/**
* @provides phui-left-right-css
*/
.phui-left-right-view {
display: table;
width: 100%;
}
.phui-lr-container {
display: table-row;
}
.phui-left-view {
display: table-cell;
text-align: left;
}
.phui-right-view {
display: table-cell;
text-align: right;
}
.phui-lr-view-top .phui-left-view,
.phui-lr-view-top .phui-right-view {
vertical-align: top;
}
.phui-lr-view-bottom .phui-left-view,
.phui-lr-view-bottom .phui-right-view {
vertical-align: bottom;
}