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