Bigbang
The .bigbang CSS class is a container for Orbit apps, serving as a foundation for your project. By default, it occupies all available space and centers its content. However, you can use CSS utilities to adjust the alignment as needed. This class is recommended as the starting point for every Orbit project.
For more control, wrap .bigbang in a parent element with defined width and height.
Bigbang width
Section titled “Bigbang width”By default, .bigbang extends to 100% of available space. To restrict its extension, wrap it in a parent element with a defined width and height.
Bigbang as direct child of <body>.
Section titled “Bigbang as direct child of <body>.”Examples include the current Orbit stylesheet and runtime. Get both files for your project.
Bigbang within a wrapper element.
Section titled “Bigbang within a wrapper element.”Examples include the current Orbit stylesheet and runtime. Get both files for your project.
Bigbang inner aligment.
Section titled “Bigbang inner aligment.”.bigbang place its children element at center. This behavior can be altered using alignment utility classes such as .at-center (default), .at-center-left, .at-center-right, .at-top, .at-top-left, .at-top-right, .at-bottom, .at-bottom-left, and .at-bottom-right.
Examples include the current Orbit stylesheet and runtime. Get both files for your project.