Contents

//
// PANELS
//

//
// Structure
//
// <div class="rf-panel">
//   <div class="rf-panel__heading">
//     <h3>Header</h3>
//   </div>
//   <div class="rf-panel__body">
//     <p>Body</p>
//   </div>
// </div>
//

.rf-panel {
  margin-bottom: 0;
  background-color: white;
  border: $border-default;
  border-radius: 4px;
}

.rf-panel__body {
  padding: $list-padding;

  :last-child {
    margin-bottom: 0;
    padding-bottom: 0;
  }
}

.rf-panel__heading {
  border-bottom: $border-default;
  padding: $list-padding;
  padding-top: $list-padding/2;
  padding-bottom: $list-padding/2;

  > * h3 {
    margin-bottom: 0;
    padding-bottom: 0;
  }
}

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
ethosstyles-0.1.17	app/assets/stylesheets/components/_panels.scss
ethosstyles-0.1.16	app/assets/stylesheets/components/_panels.scss