// 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