You are here

Home » API reference » Zircon Profile 8

panel.css in Zircon Profile 8

Same filename in this branch
  1. 8 themes/zircon/css/components/panel.css
  2. 8 core/themes/seven/css/components/panel.css
  3. 8 core/themes/bartik/css/components/panel.css
Same filename and directory in other branches
  1. 8.0 themes/zircon/css/components/panel.css

Panel styling. Panels are used to visually group items together.

File

themes/zircon/css/components/panel.css
View source 
  1. /**

  2.  * @file

  3.  * Panel styling. Panels are used to visually group items together.

  4.  */

  5. 

  6. .panel {

  7.   background: #fbfbfb;

  8.   border: 1px solid #ccc;

  9.   margin: 10px 0;

  10.   padding: 0 5px 5px;

  11. }

  12. .panel__title {

  13.   margin: 16px 7px;

  14. }

  15. .panel__content {

  16.   padding: 0 4px 2px 8px; /* LTR */

  17. }

  18. [dir="rtl"] .panel__content {

  19.   padding-right: 8px;

  20.   padding-left: 4px;

  21. }