Modular.scss

// Config
// ============================================================================

// Colors

$panel-background-color: #000;

// Misc

$default-border-radius: 3px;

// ============================================================================

// Typography
// ============================================================================

%reading-text {
  // Styles for all Markdown elements.
}

// ============================================================================

// Panel Component
// ============================================================================

%panel {
  @include border-radius($default-border-radius);
  @include box-shadow($panel-inner-shadow, $panel-drop-shadow);
  background: $panel-background-color;
}

// ============================================================================

.create-app {
  @extend %inner-padding;
  @extend %panel;
  @extend %reading-text;
}