---
---

// VARIABILES
// ----------------------------

// COLORS
// ----------------------------

// Base
$black: white
$white: black

// Body
$body-bg: lighten(black,6%)
$body-color: darken(white,5%)

// Grays inverted
$gray-100: #212529
$gray-200: #343a40
$gray-300: #495057
$gray-400: #868e96
$gray-500: #adb5bd
$gray-600: #ced4da
$gray-700: #dee2e6
$gray-800: #e9ecef
$gray-900: #f8f9fa

// Colors darkened
$blue:    darken(#007bff,15%)
$indigo:  darken(#6610f2,15%)
$purple:  darken(#6f42c1,15%)
$pink:    darken(#e83e8c,15%)
$red:     darken(#dc3545,15%)
$orange:  darken(#fd7e14,15%)
$yellow:  darken(#ffc107,15%)
$green:   darken(#28a745,15%)
$teal:    darken(#20c997,15%)
$cyan:    darken(#17a2b8,15%)

// Links
$link-color: #007bff
$link-hover-color: $gray-400

$code-color: lighten($pink,25%)

// YIQ contrast function
$yiq-text-dark: $gray-100
$yiq-text-light: $black

// MODAL
$modal-backdrop-opacity: 0.2

// CARDS
$card-cap-bg: rgba($black, .1)

// FONTS
// ----------------------------

// Size
$font-size-base: 1.1rem
$code-font-size: 80%

// Font family
$font-family-sans-serif: "Helvetica Neue", Helvetica, Arial, sans-serif
$font-family-serif: Georgia, Times, "Times New Roman", serif
$font-family-base: $font-family-serif
// $font-family-headings-header: $font-family-serif

// Weights
// $font-weight-base: 300
$headings-font-weight: 400

@import "any_theme"
@import "any_theme/syntax_dark"

// HEADER
header
  @extend .pt-4

// MAIN
main
  // Add vertical padding
  @extend .py-5
  // Headings
  // Set a top margin
  @include headings()
    @extend .mt-3
  // Reset to margin for first child heaings in the first row columns
  .row:first-child div[class*="col"]
    @include headings(1, 6, ':first-child')
      @extend .mt-0

// ALERTS
@each $color, $value in $theme-colors
  .alert-#{$color}
    color: color-yiq($value)
    background: darken($value,5%)
    border-color: $value
    hr
      border-top-color: $value
    a,
    code
      opacity: 0.7
      color: color-yiq($value)

// CODE HIGHLIGHT
// Set padding and background
pre.highlight
  @extend .px-2, .py-1
  background: lighten(black,8%)
  // Prevent long code to break bootstrapper grid:
  // Fix user agent stylesheet `white-space: pre`
  white-space: pre-wrap