.enyo-fittable-rows-layout { position: relative; } .enyo-fittable-rows-layout > * { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; /* float when not stretched */ float: left; clear: both; } /* non-floating when stretched */ .enyo-fittable-rows-layout.enyo-stretch > * { float: none; clear: none; } /* setting to enforce margin collapsing */ /* NOTE: rows cannot have margin left/right */ .enyo-fittable-rows-layout.enyo-stretch.enyo-margin-expand > * { float: left; clear: both; width: 100%; /* note: harsh resets */ margin-left: 0 !important; margin-right: 0 !important; } .enyo-fittable-columns-layout { position: relative; text-align: left; white-space: nowrap; } .enyo-fittable-columns-layout.enyo-center { text-align: center; } .enyo-fittable-columns-layout > * { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; vertical-align: top; display: inline-block; white-space: normal; } .enyo-fittable-columns-layout.enyo-tool-decorator > * { vertical-align: middle; } /* repair clobbered white-space setting for pre, code */ .enyo-fittable-columns-layout > pre, .enyo-fittable-columns-layout > code { white-space: pre; } .enyo-fittable-columns-layout > .enyo-fittable-columns-layout, .enyo-fittable-columns-layout > .onyx-toolbar-inline { white-space: nowrap; } /* NOTE: columns cannot have margin top/bottom */ .enyo-fittable-columns-layout.enyo-stretch > * { height: 100%; /* note: harsh resets */ margin-top: 0 !important; margin-bottom: 0 !important; }