Chris@3: /**
Chris@3:  * @file
Chris@3:  * Panel styling. Panels are used to visually group items together.
Chris@3:  */
Chris@3: 
Chris@3: .panel {
Chris@3:   background: #fbfbfb;
Chris@3:   border: 1px solid #ccc;
Chris@3:   margin: 10px 0;
Chris@3:   padding: 0 5px 5px;
Chris@3: }
Chris@3: .panel__title {
Chris@3:   margin: 16px 7px;
Chris@3: }
Chris@3: .panel__content {
Chris@3:   padding: 0 4px 2px 8px; /* LTR */
Chris@3: }
Chris@3: [dir="rtl"] .panel__content {
Chris@3:   padding-right: 8px;
Chris@3:   padding-left: 4px;
Chris@3: }