development/examples/example3/build/assets/sass/bootstrap/utilities/_borders.scss

-// stylelint-disable property-blacklist, declaration-no-important
-
-//
-// Border
-//
-
-.border         { border: $border-width solid $border-color !important; }
-.border-top     { border-top: $border-width solid $border-color !important; }
-.border-right   { border-right: $border-width solid $border-color !important; }
-.border-bottom  { border-bottom: $border-width solid $border-color !important; }
-.border-left    { border-left: $border-width solid $border-color !important; }
-
-.border-0        { border: 0 !important; }
-.border-top-0    { border-top: 0 !important; }
-.border-right-0  { border-right: 0 !important; }
-.border-bottom-0 { border-bottom: 0 !important; }
-.border-left-0   { border-left: 0 !important; }
-
-@each $color, $value in $theme-colors {
-  .border-#{$color} {
-    border-color: $value !important;
-  }
-}
-
-.border-white {
-  border-color: $white !important;
-}
-
-//
-// Border-radius
-//
-
-.rounded-sm {
-  border-radius: $border-radius-sm !important;
-}
-
-.rounded {
-  border-radius: $border-radius !important;
-}
-
-.rounded-top {
-  border-top-left-radius: $border-radius !important;
-  border-top-right-radius: $border-radius !important;
-}
-
-.rounded-right {
-  border-top-right-radius: $border-radius !important;
-  border-bottom-right-radius: $border-radius !important;
-}
-
-.rounded-bottom {
-  border-bottom-right-radius: $border-radius !important;
-  border-bottom-left-radius: $border-radius !important;
-}
-
-.rounded-left {
-  border-top-left-radius: $border-radius !important;
-  border-bottom-left-radius: $border-radius !important;
-}
-
-.rounded-lg {
-  border-radius: $border-radius-lg !important;
-}
-
-.rounded-circle {
-  border-radius: 50% !important;
-}
-
-.rounded-pill {
-  border-radius: $rounded-pill !important;
-}
-
-.rounded-0 {
-  border-radius: 0 !important;
-}

development/examples/example3/build/assets/sass/bootstrap/utilities/_clearfix.scss

-.clearfix {
-  @include clearfix();
-}

development/examples/example3/build/assets/sass/bootstrap/utilities/_display.scss

-// stylelint-disable declaration-no-important
-
-//
-// Utilities for common `display` values
-//
-
-@each $breakpoint in map-keys($grid-breakpoints) {
-  @include media-breakpoint-up($breakpoint) {
-    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
-
-    @each $value in $displays {
-      .d#{$infix}-#{$value} { display: $value !important; }
-    }
-  }
-}
-
-
-//
-// Utilities for toggling `display` in print
-//
-
-@media print {
-  @each $value in $displays {
-    .d-print-#{$value} { display: $value !important; }
-  }
-}

development/examples/example3/build/assets/sass/bootstrap/utilities/_embed.scss

-// Credit: Nicolas Gallagher and SUIT CSS.
-
-.embed-responsive {
-  position: relative;
-  display: block;
-  width: 100%;
-  padding: 0;
-  overflow: hidden;
-
-  &::before {
-    display: block;
-    content: "";
-  }
-
-  .embed-responsive-item,
-  iframe,
-  embed,
-  object,
-  video {
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    border: 0;
-  }
-}
-
-@each $embed-responsive-aspect-ratio in $embed-responsive-aspect-ratios {
-  $embed-responsive-aspect-ratio-x: nth($embed-responsive-aspect-ratio, 1);
-  $embed-responsive-aspect-ratio-y: nth($embed-responsive-aspect-ratio, 2);
-
-  .embed-responsive-#{$embed-responsive-aspect-ratio-x}by#{$embed-responsive-aspect-ratio-y} {
-    &::before {
-      padding-top: percentage($embed-responsive-aspect-ratio-y / $embed-responsive-aspect-ratio-x);
-    }
-  }
-}

development/examples/example3/build/assets/sass/bootstrap/utilities/_flex.scss

-// stylelint-disable declaration-no-important
-
-// Flex variation
-//
-// Custom styles for additional flex alignment options.
-
-@each $breakpoint in map-keys($grid-breakpoints) {
-  @include media-breakpoint-up($breakpoint) {
-    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
-
-    .flex#{$infix}-row            { flex-direction: row !important; }
-    .flex#{$infix}-column         { flex-direction: column !important; }
-    .flex#{$infix}-row-reverse    { flex-direction: row-reverse !important; }
-    .flex#{$infix}-column-reverse { flex-direction: column-reverse !important; }
-
-    .flex#{$infix}-wrap         { flex-wrap: wrap !important; }
-    .flex#{$infix}-nowrap       { flex-wrap: nowrap !important; }
-    .flex#{$infix}-wrap-reverse { flex-wrap: wrap-reverse !important; }
-    .flex#{$infix}-fill         { flex: 1 1 auto !important; }
-    .flex#{$infix}-grow-0       { flex-grow: 0 !important; }
-    .flex#{$infix}-grow-1       { flex-grow: 1 !important; }
-    .flex#{$infix}-shrink-0     { flex-shrink: 0 !important; }
-    .flex#{$infix}-shrink-1     { flex-shrink: 1 !important; }
-
-    .justify-content#{$infix}-start   { justify-content: flex-start !important; }
-    .justify-content#{$infix}-end     { justify-content: flex-end !important; }
-    .justify-content#{$infix}-center  { justify-content: center !important; }
-    .justify-content#{$infix}-between { justify-content: space-between !important; }
-    .justify-content#{$infix}-around  { justify-content: space-around !important; }
-
-    .align-items#{$infix}-start    { align-items: flex-start !important; }
-    .align-items#{$infix}-end      { align-items: flex-end !important; }
-    .align-items#{$infix}-center   { align-items: center !important; }
-    .align-items#{$infix}-baseline { align-items: baseline !important; }
-    .align-items#{$infix}-stretch  { align-items: stretch !important; }
-
-    .align-content#{$infix}-start   { align-content: flex-start !important; }
-    .align-content#{$infix}-end     { align-content: flex-end !important; }
-    .align-content#{$infix}-center  { align-content: center !important; }
-    .align-content#{$infix}-between { align-content: space-between !important; }
-    .align-content#{$infix}-around  { align-content: space-around !important; }
-    .align-content#{$infix}-stretch { align-content: stretch !important; }
-
-    .align-self#{$infix}-auto     { align-self: auto !important; }
-    .align-self#{$infix}-start    { align-self: flex-start !important; }
-    .align-self#{$infix}-end      { align-self: flex-end !important; }
-    .align-self#{$infix}-center   { align-self: center !important; }
-    .align-self#{$infix}-baseline { align-self: baseline !important; }
-    .align-self#{$infix}-stretch  { align-self: stretch !important; }
-  }
-}

development/examples/example3/build/assets/sass/bootstrap/utilities/_float.scss

-// stylelint-disable declaration-no-important
-
-@each $breakpoint in map-keys($grid-breakpoints) {
-  @include media-breakpoint-up($breakpoint) {
-    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
-
-    .float#{$infix}-left  { float: left !important; }
-    .float#{$infix}-right { float: right !important; }
-    .float#{$infix}-none  { float: none !important; }
-  }
-}

development/examples/example3/build/assets/sass/bootstrap/utilities/_interactions.scss

-// stylelint-disable declaration-no-important
-
-@each $value in $user-selects {
-  .user-select-#{$value} { user-select: $value !important; }
-}

development/examples/example3/build/assets/sass/bootstrap/utilities/_overflow.scss

-// stylelint-disable declaration-no-important
-
-@each $value in $overflows {
-  .overflow-#{$value} { overflow: $value !important; }
-}

development/examples/example3/build/assets/sass/bootstrap/utilities/_position.scss

-// stylelint-disable declaration-no-important
-
-// Common values
-@each $position in $positions {
-  .position-#{$position} { position: $position !important; }
-}
-
-// Shorthand
-
-.fixed-top {
-  position: fixed;
-  top: 0;
-  right: 0;
-  left: 0;
-  z-index: $zindex-fixed;
-}
-
-.fixed-bottom {
-  position: fixed;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  z-index: $zindex-fixed;
-}
-
-.sticky-top {
-  @supports (position: sticky) {
-    position: sticky;
-    top: 0;
-    z-index: $zindex-sticky;
-  }
-}

development/examples/example3/build/assets/sass/bootstrap/utilities/_screenreaders.scss

-//
-// Screenreaders
-//
-
-.sr-only {
-  @include sr-only();
-}
-
-.sr-only-focusable {
-  @include sr-only-focusable();
-}

development/examples/example3/build/assets/sass/bootstrap/utilities/_shadows.scss

-// stylelint-disable declaration-no-important
-
-.shadow-sm { box-shadow: $box-shadow-sm !important; }
-.shadow { box-shadow: $box-shadow !important; }
-.shadow-lg { box-shadow: $box-shadow-lg !important; }
-.shadow-none { box-shadow: none !important; }

development/examples/example3/build/assets/sass/bootstrap/utilities/_sizing.scss

-// stylelint-disable declaration-no-important
-
-// Width and height
-
-@each $prop, $abbrev in (width: w, height: h) {
-  @each $size, $length in $sizes {
-    .#{$abbrev}-#{$size} { #{$prop}: $length !important; }
-  }
-}
-
-.mw-100 { max-width: 100% !important; }
-.mh-100 { max-height: 100% !important; }
-
-// Viewport additional helpers
-
-.min-vw-100 { min-width: 100vw !important; }
-.min-vh-100 { min-height: 100vh !important; }
-
-.vw-100 { width: 100vw !important; }
-.vh-100 { height: 100vh !important; }

development/examples/example3/build/assets/sass/bootstrap/utilities/_spacing.scss

-// stylelint-disable declaration-no-important
-
-// Margin and Padding
-
-@each $breakpoint in map-keys($grid-breakpoints) {
-  @include media-breakpoint-up($breakpoint) {
-    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
-
-    @each $prop, $abbrev in (margin: m, padding: p) {
-      @each $size, $length in $spacers {
-        .#{$abbrev}#{$infix}-#{$size} { #{$prop}: $length !important; }
-        .#{$abbrev}t#{$infix}-#{$size},
-        .#{$abbrev}y#{$infix}-#{$size} {
-          #{$prop}-top: $length !important;
-        }
-        .#{$abbrev}r#{$infix}-#{$size},
-        .#{$abbrev}x#{$infix}-#{$size} {
-          #{$prop}-right: $length !important;
-        }
-        .#{$abbrev}b#{$infix}-#{$size},
-        .#{$abbrev}y#{$infix}-#{$size} {
-          #{$prop}-bottom: $length !important;
-        }
-        .#{$abbrev}l#{$infix}-#{$size},
-        .#{$abbrev}x#{$infix}-#{$size} {
-          #{$prop}-left: $length !important;
-        }
-      }
-    }
-
-    // Negative margins (e.g., where `.mb-n1` is negative version of `.mb-1`)
-    @each $size, $length in $spacers {
-      @if $size != 0 {
-        .m#{$infix}-n#{$size} { margin: -$length !important; }
-        .mt#{$infix}-n#{$size},
-        .my#{$infix}-n#{$size} {
-          margin-top: -$length !important;
-        }
-        .mr#{$infix}-n#{$size},
-        .mx#{$infix}-n#{$size} {
-          margin-right: -$length !important;
-        }
-        .mb#{$infix}-n#{$size},
-        .my#{$infix}-n#{$size} {
-          margin-bottom: -$length !important;
-        }
-        .ml#{$infix}-n#{$size},
-        .mx#{$infix}-n#{$size} {
-          margin-left: -$length !important;
-        }
-      }
-    }
-
-    // Some special margin utils
-    .m#{$infix}-auto { margin: auto !important; }
-    .mt#{$infix}-auto,
-    .my#{$infix}-auto {
-      margin-top: auto !important;
-    }
-    .mr#{$infix}-auto,
-    .mx#{$infix}-auto {
-      margin-right: auto !important;
-    }
-    .mb#{$infix}-auto,
-    .my#{$infix}-auto {
-      margin-bottom: auto !important;
-    }
-    .ml#{$infix}-auto,
-    .mx#{$infix}-auto {
-      margin-left: auto !important;
-    }
-  }
-}

development/examples/example3/build/assets/sass/bootstrap/utilities/_stretched-link.scss

-//
-// Stretched link
-//
-
-.stretched-link {
-  &::after {
-    position: absolute;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    z-index: 1;
-    // Just in case `pointer-events: none` is set on a parent
-    pointer-events: auto;
-    content: "";
-    // IE10 bugfix, see https://stackoverflow.com/questions/16947967/ie10-hover-pseudo-class-doesnt-work-without-background-color
-    background-color: rgba(0, 0, 0, 0);
-  }
-}

development/examples/example3/build/assets/sass/bootstrap/utilities/_text.scss

-// stylelint-disable declaration-no-important
-
-//
-// Text
-//
-
-.text-monospace { font-family: $font-family-monospace !important; }
-
-// Alignment
-
-.text-justify  { text-align: justify !important; }
-.text-wrap     { white-space: normal !important; }
-.text-nowrap   { white-space: nowrap !important; }
-.text-truncate { @include text-truncate(); }
-
-// Responsive alignment
-
-@each $breakpoint in map-keys($grid-breakpoints) {
-  @include media-breakpoint-up($breakpoint) {
-    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
-
-    .text#{$infix}-left   { text-align: left !important; }
-    .text#{$infix}-right  { text-align: right !important; }
-    .text#{$infix}-center { text-align: center !important; }
-  }
-}
-
-// Transformation
-
-.text-lowercase  { text-transform: lowercase !important; }
-.text-uppercase  { text-transform: uppercase !important; }
-.text-capitalize { text-transform: capitalize !important; }
-
-// Weight and italics
-
-.font-weight-light   { font-weight: $font-weight-light !important; }
-.font-weight-lighter { font-weight: $font-weight-lighter !important; }
-.font-weight-normal  { font-weight: $font-weight-normal !important; }
-.font-weight-bold    { font-weight: $font-weight-bold !important; }
-.font-weight-bolder  { font-weight: $font-weight-bolder !important; }
-.font-italic         { font-style: italic !important; }
-
-// Contextual colors
-
-.text-white { color: $white !important; }
-
-@each $color, $value in $theme-colors {
-  @include text-emphasis-variant(".text-#{$color}", $value, true);
-}
-
-.text-body { color: $body-color !important; }
-.text-muted { color: $text-muted !important; }
-
-.text-black-50 { color: rgba($black, .5) !important; }
-.text-white-50 { color: rgba($white, .5) !important; }
-
-// Misc
-
-.text-hide {
-  @include text-hide($ignore-warning: true);
-}
-
-.text-decoration-none { text-decoration: none !important; }
-
-.text-break {
-  word-break: break-word !important; // IE & < Edge 18
-  overflow-wrap: break-word !important;
-}
-
-// Reset
-
-.text-reset { color: inherit !important; }

development/examples/example3/build/assets/sass/bootstrap/utilities/_visibility.scss

-// stylelint-disable declaration-no-important
-
-//
-// Visibility utilities
-//
-
-.visible {
-  visibility: visible !important;
-}
-
-.invisible {
-  visibility: hidden !important;
-}

development/examples/example3/build/assets/sass/bootstrap/vendor/_rfs.scss

-// stylelint-disable property-blacklist, scss/dollar-variable-default
-
-// SCSS RFS mixin
-//
-// Automated font-resizing
-//
-// See https://github.com/twbs/rfs
-
-// Configuration
-
-// Base font size
-$rfs-base-font-size: 1.25rem !default;
-$rfs-font-size-unit: rem !default;
-
-// Breakpoint at where font-size starts decreasing if screen width is smaller
-$rfs-breakpoint: 1200px !default;
-$rfs-breakpoint-unit: px !default;
-
-// Resize font-size based on screen height and width
-$rfs-two-dimensional: false !default;
-
-// Factor of decrease
-$rfs-factor: 10 !default;
-
-@if type-of($rfs-factor) != "number" or $rfs-factor <= 1 {
-  @error "`#{$rfs-factor}` is not a valid  $rfs-factor, it must be greater than 1.";
-}
-
-// Generate enable or disable classes. Possibilities: false, "enable" or "disable"
-$rfs-class: false !default;
-
-// 1 rem = $rfs-rem-value px
-$rfs-rem-value: 16 !default;
-
-// Safari iframe resize bug: https://github.com/twbs/rfs/issues/14
-$rfs-safari-iframe-resize-bug-fix: false !default;
-
-// Disable RFS by setting $enable-responsive-font-sizes to false
-$enable-responsive-font-sizes: true !default;
-
-// Cache $rfs-base-font-size unit
-$rfs-base-font-size-unit: unit($rfs-base-font-size);
-
-// Remove px-unit from $rfs-base-font-size for calculations
-@if $rfs-base-font-size-unit == "px" {
-  $rfs-base-font-size: $rfs-base-font-size / ($rfs-base-font-size * 0 + 1);
-}
-@else if $rfs-base-font-size-unit == "rem" {
-  $rfs-base-font-size: $rfs-base-font-size / ($rfs-base-font-size * 0 + 1 / $rfs-rem-value);
-}
-
-// Cache $rfs-breakpoint unit to prevent multiple calls
-$rfs-breakpoint-unit-cache: unit($rfs-breakpoint);
-
-// Remove unit from $rfs-breakpoint for calculations
-@if $rfs-breakpoint-unit-cache == "px" {
-  $rfs-breakpoint: $rfs-breakpoint / ($rfs-breakpoint * 0 + 1);
-}
-@else if $rfs-breakpoint-unit-cache == "rem" or $rfs-breakpoint-unit-cache == "em" {
-  $rfs-breakpoint: $rfs-breakpoint / ($rfs-breakpoint * 0 + 1 / $rfs-rem-value);
-}
-
-// Responsive font-size mixin
-@mixin rfs($fs, $important: false) {
-  // Cache $fs unit
-  $fs-unit: if(type-of($fs) == "number", unit($fs), false);
-
-  // Add !important suffix if needed
-  $rfs-suffix: if($important, " !important", "");
-
-  // If $fs isn't a number (like inherit) or $fs has a unit (not px or rem, like 1.5em) or $ is 0, just print the value
-  @if not $fs-unit or $fs-unit != "" and $fs-unit != "px" and $fs-unit != "rem" or $fs == 0 {
-    font-size: #{$fs}#{$rfs-suffix};
-  }
-  @else {
-    // Variables for storing static and fluid rescaling
-    $rfs-static: null;
-    $rfs-fluid: null;
-
-    // Remove px-unit from $fs for calculations
-    @if $fs-unit == "px" {
-      $fs: $fs / ($fs * 0 + 1);
-    }
-    @else if $fs-unit == "rem" {
-      $fs: $fs / ($fs * 0 + 1 / $rfs-rem-value);
-    }
-
-    // Set default font-size
-    @if $rfs-font-size-unit == rem {
-      $rfs-static: #{$fs / $rfs-rem-value}rem#{$rfs-suffix};
-    }
-    @else if $rfs-font-size-unit == px {
-      $rfs-static: #{$fs}px#{$rfs-suffix};
-    }
-    @else {
-      @error "`#{$rfs-font-size-unit}` is not a valid unit for $rfs-font-size-unit. Use `px` or `rem`.";
-    }
-
-    // Only add media query if font-size is bigger as the minimum font-size
-    // If $rfs-factor == 1, no rescaling will take place
-    @if $fs > $rfs-base-font-size and $enable-responsive-font-sizes {
-      $min-width: null;
-      $variable-unit: null;
-
-      // Calculate minimum font-size for given font-size
-      $fs-min: $rfs-base-font-size + ($fs - $rfs-base-font-size) / $rfs-factor;
-
-      // Calculate difference between given font-size and minimum font-size for given font-size
-      $fs-diff: $fs - $fs-min;
-
-      // Base font-size formatting
-      // No need to check if the unit is valid, because we did that before
-      $min-width: if($rfs-font-size-unit == rem, #{$fs-min / $rfs-rem-value}rem, #{$fs-min}px);
-
-      // If two-dimensional, use smallest of screen width and height
-      $variable-unit: if($rfs-two-dimensional, vmin, vw);
-
-      // Calculate the variable width between 0 and $rfs-breakpoint
-      $variable-width: #{$fs-diff * 100 / $rfs-breakpoint}#{$variable-unit};
-
-      // Set the calculated font-size.
-      $rfs-fluid: calc(#{$min-width} + #{$variable-width}) #{$rfs-suffix};
-    }
-
-    // Rendering
-    @if $rfs-fluid == null {
-      // Only render static font-size if no fluid font-size is available
-      font-size: $rfs-static;
-    }
-    @else {
-      $mq-value: null;
-
-      // RFS breakpoint formatting
-      @if $rfs-breakpoint-unit == em or $rfs-breakpoint-unit == rem {
-        $mq-value: #{$rfs-breakpoint / $rfs-rem-value}#{$rfs-breakpoint-unit};
-      }
-      @else if $rfs-breakpoint-unit == px {
-        $mq-value: #{$rfs-breakpoint}px;
-      }
-      @else {
-        @error "`#{$rfs-breakpoint-unit}` is not a valid unit for $rfs-breakpoint-unit. Use `px`, `em` or `rem`.";
-      }
-
-      @if $rfs-class == "disable" {
-        // Adding an extra class increases specificity,
-        // which prevents the media query to override the font size
-        &,
-        .disable-responsive-font-size &,
-        &.disable-responsive-font-size {
-          font-size: $rfs-static;
-        }
-      }
-      @else {
-        font-size: $rfs-static;
-      }
-
-      @if $rfs-two-dimensional {
-        @media (max-width: #{$mq-value}), (max-height: #{$mq-value}) {
-          @if $rfs-class == "enable" {
-            .enable-responsive-font-size &,
-            &.enable-responsive-font-size {
-              font-size: $rfs-fluid;
-            }
-          }
-          @else {
-            font-size: $rfs-fluid;
-          }
-
-          @if $rfs-safari-iframe-resize-bug-fix {
-            // stylelint-disable-next-line length-zero-no-unit
-            min-width: 0vw;
-          }
-        }
-      }
-      @else {
-        @media (max-width: #{$mq-value}) {
-          @if $rfs-class == "enable" {
-            .enable-responsive-font-size &,
-            &.enable-responsive-font-size {
-              font-size: $rfs-fluid;
-            }
-          }
-          @else {
-            font-size: $rfs-fluid;
-          }
-
-          @if $rfs-safari-iframe-resize-bug-fix {
-            // stylelint-disable-next-line length-zero-no-unit
-            min-width: 0vw;
-          }
-        }
-      }
-    }
-  }
-}
-
-// The font-size & responsive-font-size mixin uses RFS to rescale font sizes
-@mixin font-size($fs, $important: false) {
-  @include rfs($fs, $important);
-}
-
-@mixin responsive-font-size($fs, $important: false) {
-  @include rfs($fs, $important);
-}

development/examples/example3/build/assets/sass/color-blue.scss

-@import "bootstrap/functions";
-@import "bootstrap/variables";
-
-/*============================
-		COLOR Blue
-==============================*/
-
-$primary-color: 			$blue;
-$primary-color-hover: 		darken($primary-color, 7%);
-
-::selection {
-    background: $primary-color;
-}
-
-a, a:focus {
-  color: $primary-color;
-}
-a:hover, a:active {
-    color: $primary-color-hover;
-}
-
-.primary-menu {
-  ul.navbar-nav > li {
-    &:hover > a:not(.btn), & > a.active:not(.btn) {
-      color: $primary-color;
-    }
-	&.dropdown {
-      .dropdown-menu li {
-        &:hover > a:not(.btn) {
-          color: $primary-color;
-        }
-      }
-    }
-  }
-  &.navbar-line-under-text ul.navbar-nav > li {
-	> a:not(.btn):after {
-		border-color: $primary-color;
-		}
-	}
-}
-
-/*=== Side Navigation ===*/
-.idocs-navigation {
-  .nav .nav .nav-item .nav-link.active:after, &.docs-navigation-dark .nav .nav .nav-item .nav-link.active:after {
-    border-color: $primary-color;
-  }
-}
-
-/* Accordion & Toggle */
-.accordion {
-  .card-header {
-    a:hover.collapsed {
-		color: $primary-color!important;
-	}
-  }
-  &:not(.accordion-alternate) .card-header a {
-    background-color: $primary-color;
-    color: #fff;
-  }
-}
-
-/* Nav */
-.nav:not(.nav-pills) .nav-item .nav-link.active, .nav:not(.nav-pills) .nav-item .nav-link:hover{color: $primary-color;}
-.nav-tabs {
-  .nav-item .nav-link {
-    &.active {
-      &:after {
-        background-color: $primary-color;
-      }
-      color: #0c2f55;
-    }
-	&:not(.active):hover {
-      color: $primary-color;
-    }
-  }
-  &.flex-column {
-    .nav-item {
-      .nav-link.active {
-        color: $primary-color;
-      }
-    }
-  }
-}
-.nav-pills .nav-link:not(.active):hover{color: $primary-color;}
-
-#footer {
-  .nav {
-    .nav-item {
-      .nav-link {
-        &:focus {
-          color: $primary-color;
-        }
-      }
-    }
-    .nav-link:hover {
-      color: $primary-color;
-    }
-  }
-  .footer-copyright {
-    .nav {
-      .nav-link:hover {
-        color: $primary-color;
-      }
-    }
-  }
-}
-
-/* Back to Top */
-#back-to-top {
-  &:hover {
-    background-color: $primary-color;
-  }
-}
-
-/* Extras */
-.bg-primary, .badge-primary {
-	background-color: $primary-color !important;
-}
-.text-primary, .btn-light, .btn-outline-light:hover, .btn-link, .btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active {
-	color: $primary-color !important;
-}
-.btn-link:hover {
-	color: $primary-color-hover !important;
-}
-
-.text-muted{
-	color:#8e9a9d!important;
-}
-.text-light{
-	color:#dee3e4!important;
-}
-
-a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover{
-	background-color: $primary-color-hover!important;
-}
-.border-primary {
-	border-color: $primary-color !important;
-}
-
-.btn-primary{
-  background-color: $primary-color;
-  border-color: $primary-color;
-  &:hover {
-    background-color: $primary-color-hover;
-    border-color: $primary-color-hover;
-  }
-}
-
-.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active{
-  background-color: $primary-color-hover;
-  border-color: $primary-color-hover;
-  
-}
-
-.btn-primary.focus, .btn-primary:focus{
-	background-color: $primary-color-hover;
-    border-color: $primary-color-hover;
-}
-
-.btn-outline-primary, .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active{
-  color: $primary-color;
-  border-color: $primary-color;
-  &:hover {
-    background-color: $primary-color;
-    border-color: $primary-color;
-	color: #fff;
-  }
-}
-
-.progress-bar,
-.nav-pills .nav-link.active, .nav-pills .show > .nav-link, .dropdown-item.active, .dropdown-item:active{
-	background-color: $primary-color;
-}
-.page-item.active .page-link,
-.custom-radio .custom-control-input:checked ~ .custom-control-label:before,
-.custom-control-input:checked ~ .custom-control-label::before,
-.custom-checkbox .custom-control-input:checked ~ .custom-control-label:before,
-.custom-control-input:checked ~ .custom-control-label:before{
-	background-color: $primary-color;
-	border-color: $primary-color;
-}
-.list-group-item.active{
-	background-color: $primary-color;
-	border-color: $primary-color;
-}
-.page-link {
-  color: $primary-color;
-  &:hover {
-    color: $primary-color-hover;
-  }
-}
\ No newline at end of file

development/examples/example3/build/assets/sass/color-brown.scss

-@import "bootstrap/functions";
-@import "bootstrap/variables";
-
-/*============================
-		COLOR Brown
-==============================*/
-
-$primary-color: 			#795548;
-$primary-color-hover: 		darken($primary-color, 7%);
-
-::selection {
-    background: $primary-color;
-}
-
-a, a:focus {
-  color: $primary-color;
-}
-a:hover, a:active {
-    color: $primary-color-hover;
-}
-
-.primary-menu {
-  ul.navbar-nav > li {
-    &:hover > a:not(.btn), & > a.active:not(.btn) {
-      color: $primary-color;
-    }
-	&.dropdown {
-      .dropdown-menu li {
-        &:hover > a:not(.btn) {
-          color: $primary-color;
-        }
-      }
-    }
-  }
-  &.navbar-line-under-text ul.navbar-nav > li {
-	> a:not(.btn):after {
-		border-color: $primary-color;
-		}
-	}
-}
-
-/*=== Side Navigation ===*/
-.idocs-navigation {
-  .nav .nav .nav-item .nav-link.active:after, &.docs-navigation-dark .nav .nav .nav-item .nav-link.active:after {
-    border-color: $primary-color;
-  }
-}
-
-/* Accordion & Toggle */
-.accordion {
-  .card-header {
-    a:hover.collapsed {
-		color: $primary-color!important;
-	}
-  }
-  &:not(.accordion-alternate) .card-header a {
-    background-color: $primary-color;
-    color: #fff;
-  }
-}
-
-/* Nav */
-.nav:not(.nav-pills) .nav-item .nav-link.active, .nav:not(.nav-pills) .nav-item .nav-link:hover{color: $primary-color;}
-.nav-tabs {
-  .nav-item .nav-link {
-    &.active {
-      &:after {
-        background-color: $primary-color;
-      }
-      color: #0c2f55;
-    }
-	&:not(.active):hover {
-      color: $primary-color;
-    }
-  }
-  &.flex-column {
-    .nav-item {
-      .nav-link.active {
-        color: $primary-color;
-      }
-    }
-  }
-}
-.nav-pills .nav-link:not(.active):hover{color: $primary-color;}
-
-#footer {
-  .nav {
-    .nav-item {
-      .nav-link {
-        &:focus {
-          color: $primary-color;
-        }
-      }
-    }
-    .nav-link:hover {
-      color: $primary-color;
-    }
-  }
-  .footer-copyright {
-    .nav {
-      .nav-link:hover {
-        color: $primary-color;
-      }
-    }
-  }
-}
-
-/* Back to Top */
-#back-to-top {
-  &:hover {
-    background-color: $primary-color;
-  }
-}
-
-/* Extras */
-.bg-primary, .badge-primary {
-	background-color: $primary-color !important;
-}
-.text-primary, .btn-light, .btn-outline-light:hover, .btn-link, .btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active {
-	color: $primary-color !important;
-}
-.btn-link:hover {
-	color: $primary-color-hover !important;
-}
-
-.text-muted{
-	color:#8e9a9d!important;
-}
-.text-light{
-	color:#dee3e4!important;
-}
-
-a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover{
-	background-color: $primary-color-hover!important;
-}
-.border-primary {
-	border-color: $primary-color !important;
-}
-
-.btn-primary{
-  background-color: $primary-color;
-  border-color: $primary-color;
-  &:hover {
-    background-color: $primary-color-hover;
-    border-color: $primary-color-hover;
-  }
-}
-
-.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active{
-  background-color: $primary-color-hover;
-  border-color: $primary-color-hover;
-  
-}
-
-.btn-primary.focus, .btn-primary:focus{
-	background-color: $primary-color-hover;
-    border-color: $primary-color-hover;
-}
-
-.btn-outline-primary, .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active{
-  color: $primary-color;
-  border-color: $primary-color;
-  &:hover {
-    background-color: $primary-color;
-    border-color: $primary-color;
-	color: #fff;
-  }
-}
-
-.progress-bar,
-.nav-pills .nav-link.active, .nav-pills .show > .nav-link, .dropdown-item.active, .dropdown-item:active{
-	background-color: $primary-color;
-}
-.page-item.active .page-link,
-.custom-radio .custom-control-input:checked ~ .custom-control-label:before,
-.custom-control-input:checked ~ .custom-control-label::before,
-.custom-checkbox .custom-control-input:checked ~ .custom-control-label:before,
-.custom-control-input:checked ~ .custom-control-label:before{
-	background-color: $primary-color;
-	border-color: $primary-color;
-}
-.list-group-item.active{
-	background-color: $primary-color;
-	border-color: $primary-color;
-}
-.page-link {
-  color: $primary-color;
-  &:hover {
-    color: $primary-color-hover;
-  }
-}
\ No newline at end of file

development/examples/example3/build/assets/sass/color-cyan.scss

-@import "bootstrap/functions";
-@import "bootstrap/variables";
-
-/*============================
-		COLOR Cyan
-==============================*/
-
-$primary-color: 			$cyan;
-$primary-color-hover: 		darken($primary-color, 7%);
-
-::selection {
-    background: $primary-color;
-}
-
-a, a:focus {
-  color: $primary-color;
-}
-a:hover, a:active {
-    color: $primary-color-hover;
-}
-
-.primary-menu {
-  ul.navbar-nav > li {
-    &:hover > a:not(.btn), & > a.active:not(.btn) {
-      color: $primary-color;
-    }
-	&.dropdown {
-      .dropdown-menu li {
-        &:hover > a:not(.btn) {
-          color: $primary-color;
-        }
-      }
-    }
-  }
-  &.navbar-line-under-text ul.navbar-nav > li {
-	> a:not(.btn):after {
-		border-color: $primary-color;
-		}
-	}
-}
-
-/*=== Side Navigation ===*/
-.idocs-navigation {
-  .nav .nav .nav-item .nav-link.active:after, &.docs-navigation-dark .nav .nav .nav-item .nav-link.active:after {
-    border-color: $primary-color;
-  }
-}
-
-/* Accordion & Toggle */
-.accordion {
-  .card-header {
-    a:hover.collapsed {
-		color: $primary-color!important;
-	}
-  }
-  &:not(.accordion-alternate) .card-header a {
-    background-color: $primary-color;
-    color: #fff;
-  }
-}
-
-/* Nav */
-.nav:not(.nav-pills) .nav-item .nav-link.active, .nav:not(.nav-pills) .nav-item .nav-link:hover{color: $primary-color;}
-.nav-tabs {
-  .nav-item .nav-link {
-    &.active {
-      &:after {
-        background-color: $primary-color;
-      }
-      color: #0c2f55;
-    }
-	&:not(.active):hover {
-      color: $primary-color;
-    }
-  }
-  &.flex-column {
-    .nav-item {
-      .nav-link.active {
-        color: $primary-color;
-      }
-    }
-  }
-}
-.nav-pills .nav-link:not(.active):hover{color: $primary-color;}
-
-#footer {
-  .nav {
-    .nav-item {
-      .nav-link {
-        &:focus {
-          color: $primary-color;
-        }
-      }
-    }
-    .nav-link:hover {
-      color: $primary-color;
-    }
-  }
-  .footer-copyright {
-    .nav {
-      .nav-link:hover {
-        color: $primary-color;
-      }
-    }
-  }
-}
-
-/* Back to Top */
-#back-to-top {
-  &:hover {
-    background-color: $primary-color;
-  }
-}
-
-/* Extras */
-.bg-primary, .badge-primary {
-	background-color: $primary-color !important;
-}
-.text-primary, .btn-light, .btn-outline-light:hover, .btn-link, .btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active {
-	color: $primary-color !important;
-}
-.btn-link:hover {
-	color: $primary-color-hover !important;
-}
-
-.text-muted{
-	color:#8e9a9d!important;
-}
-.text-light{
-	color:#dee3e4!important;
-}
-
-a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover{
-	background-color: $primary-color-hover!important;
-}
-.border-primary {
-	border-color: $primary-color !important;
-}
-
-.btn-primary{
-  background-color: $primary-color;
-  border-color: $primary-color;
-  &:hover {
-    background-color: $primary-color-hover;
-    border-color: $primary-color-hover;
-  }
-}
-
-.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active{
-  background-color: $primary-color-hover;
-  border-color: $primary-color-hover;
-  
-}
-
-.btn-primary.focus, .btn-primary:focus{
-	background-color: $primary-color-hover;
-    border-color: $primary-color-hover;
-}
-
-.btn-outline-primary, .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active{
-  color: $primary-color;
-  border-color: $primary-color;
-  &:hover {
-    background-color: $primary-color;
-    border-color: $primary-color;
-	color: #fff;
-  }
-}
-
-.progress-bar,
-.nav-pills .nav-link.active, .nav-pills .show > .nav-link, .dropdown-item.active, .dropdown-item:active{
-	background-color: $primary-color;
-}
-.page-item.active .page-link,
-.custom-radio .custom-control-input:checked ~ .custom-control-label:before,
-.custom-control-input:checked ~ .custom-control-label::before,
-.custom-checkbox .custom-control-input:checked ~ .custom-control-label:before,
-.custom-control-input:checked ~ .custom-control-label:before{
-	background-color: $primary-color;
-	border-color: $primary-color;
-}
-.list-group-item.active{
-	background-color: $primary-color;
-	border-color: $primary-color;
-}
-.page-link {
-  color: $primary-color;
-  &:hover {
-    color: $primary-color-hover;
-  }
-}
\ No newline at end of file