Panels
- Body Min Height: 200 px
- Width: varies
- Title: Roboto regular / 20 px / #333
- Body: Roboto regular / 14 px / #666
- Left/Right Padding: 20px
- Bottom/Top Padding: 20px
Guidelines
DO
- Use Panels on every page to create the differentiation from the gray background.
- All content should appear in panels
DON’T
- Nest Panels inside of each other
One Response
Panels and other static component use the following drop shadow:
box-shadow: 0 px(2) px(3) 0 rgba($black, .1);
However, it is optional, so use it when needed to create visual differentiation. In Fluid Bootstrap, it can be applied by adding the .shadow utility class.