fly-css-framework/src/styles/states/_panel.scss

gistfile1.css

// Components :: Panels

// Panels
//
// Panels are one the more versatile component within the Fly framework. They are used to provide visual sectioning for content. Panels provid a subtle border, and content placed within a ``.fly-panel-body`` is provided with padding.
//
// Styleguide 3.25

// Basic Panel
//
// Markup:
// <div class="fly-panel">
//   <div class="fly-panel-body">
//     <p>
//       Hey there, Mr. Grumpy Gills. When life gets you down do you wanna know what you've gotta do? <strong>Just keep swimming!</strong>
//     </p>
//   </div>
// </div>
//
// Styleguide 3.25.1

.fly-panel {
  @include fly-clearfix;
  @include margin-normalize;
  background-color: $white;
  border: 1px solid;
  border-color: $color-border-card;
  border-radius: 0;
  margin-bottom: $grid-gutter;
  min-height: $gutter;
  padding: 0;
}