Contents

// *************************************
//
//   Panel
//   ->
//
// *************************************

// -------------------------------------
//   Base
// -------------------------------------

.panel {
  background-color: #f1f1f1;
}

// -------------------------------------
//   Scaffolding
// -------------------------------------

// ----- Header ----- //

.panel-header {
  background-color: $casper;
  color: #fff;
  font-weight: bold;
  padding: .5rem 1rem;
  position: relative;

  &:before {
    @include triangle(20px, $casper, down);
    bottom: -8px;
    content: '';
    left: 100px;
    pointer-events: none;
    position: absolute;
    visibility: visible;
  }

  > * {
    margin: 0;
    padding: 0;
  }
}

// ----- Content ----- //

.panel-content {
  padding: 1.5rem 1rem;
}

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
psique-1.0.1	app/assets/stylesheets/psique/components/_panel.scss
psique-1.0.0	app/assets/stylesheets/psique/components/_panel.scss