@coreui/coreui 4.2.6 → 5.0.0-alpha.0

package/scss/_header.scss

@@ -1,195 +0,0 @@
-.header {
-  // scss-docs-start header-css-vars
-  --#{$prefix}header-min-height: #{$header-min-height};
-  --#{$prefix}header-padding-x: #{$header-padding-x};
-  --#{$prefix}header-padding-y: #{$header-padding-y};
-  --#{$prefix}header-bg: #{$header-bg};
-  --#{$prefix}header-color: #{$header-color};
-  --#{$prefix}header-border-color: #{$header-border-color};
-  --#{$prefix}header-border: #{$header-border-width} solid var(--#{$prefix}header-border-color);
-  --#{$prefix}header-hover-color: #{$header-hover-color};
-  --#{$prefix}header-disabled-color: #{$header-disabled-color};
-  --#{$prefix}header-active-color: #{$header-active-color};
-  --#{$prefix}header-brand-padding-y: #{$header-brand-padding-y};
-  --#{$prefix}header-brand-color: #{$header-brand-color};
-  --#{$prefix}header-brand-hover-color: #{$header-brand-hover-color};
-  --#{$prefix}header-toggler-padding-x: #{$header-toggler-padding-x};
-  --#{$prefix}header-toggler-padding-y: #{$header-toggler-padding-y};
-  --#{$prefix}header-toggler-bg: #{$header-toggler-bg};
-  --#{$prefix}header-toggler-color: #{$header-toggler-color};
-  --#{$prefix}header-toggler-border-radius: #{$header-toggler-border-radius};
-  --#{$prefix}header-toggler-hover-color: #{$header-toggler-hover-color};
-  --#{$prefix}header-toggler-icon-bg: #{escape-svg($header-toggler-icon-bg)};
-  --#{$prefix}header-toggler-hover-icon-bg: #{escape-svg($header-toggler-hover-icon-bg)};
-  --#{$prefix}header-nav-link-padding-x: #{$header-nav-link-padding-x};
-  --#{$prefix}header-nav-link-padding-y: #{$header-nav-link-padding-y};
-  --#{$prefix}header-divider-border-color: #{$header-divider-border-color};
-  --#{$prefix}header-divider-border: #{$header-divider-border-width} solid var(--#{$prefix}header-divider-border-color);
-  --#{$prefix}subheader-min-height: #{$subheader-min-height};
-  // scss-docs-end header-css-vars
-
-  position: relative;
-  display: flex;
-  flex-wrap: wrap; // allow us to do the line break for collapsing content
-  align-items: center;
-  justify-content: space-between; // space out brand from logo
-  min-height: var(--#{$prefix}header-min-height);
-  padding: var(--#{$prefix}header-padding-y) var(--#{$prefix}header-padding-x);
-  background: var(--#{$prefix}header-bg);
-  border-bottom: var(--#{$prefix}header-border);
-
-  // Because flex properties aren't inherited, we need to redeclare these first
-  // few properties so that content nested within behave properly.
-  // The `flex-wrap` property is inherited to simplify the expanded navbars
-  %container-flex-properties {
-    display: flex;
-    flex-wrap: inherit;
-    align-items: center;
-    justify-content: space-between;
-  }
-
-  > .container,
-  > .container-fluid {
-    @extend %container-flex-properties;
-  }
-
-  @each $breakpoint, $container-max-width in $container-max-widths {
-    > .container#{breakpoint-infix($breakpoint, $container-max-widths)} {
-      @extend %container-flex-properties;
-    }
-  }
-
-  .container:first-child,
-  .container-fluid:first-child {
-    min-height: calc(var(--#{$prefix}header-min-height) - (2 * var(--#{$prefix}header-padding-y))); // stylelint-disable-line function-disallowed-list
-  }
-
-  .container:nth-child(n+2),
-  .container-fluid:nth-child(n+2) {
-    min-height: calc(var(--#{$prefix}subheader-min-height) - (2 * var(--#{$prefix}header-padding-y))); // stylelint-disable-line function-disallowed-list
-  }
-
-  &.header-sticky {
-    position: sticky;
-    top: 0;
-    z-index: $zindex-fixed - 1;
-  }
-}
-
-.header-divider {
-  flex-basis: calc(100% + (2 * var(--#{$prefix}header-padding-x))); // stylelint-disable-line function-disallowed-list
-  height: 0;
-  margin: var(--#{$prefix}header-padding-y) calc(var(--#{$prefix}header-padding-x) * -1); // stylelint-disable-line function-disallowed-list
-  border-top: var(--#{$prefix}header-divider-border);
-}
-
-// Header brand
-//
-// Used for brand, project, or site names.
-
-.header-brand {
-  padding-top: var(--#{$prefix}header-brand-padding-y);
-  padding-bottom: var(--#{$prefix}header-brand-padding-y);
-  @include ltr-rtl("margin-right", $header-brand-margin-end);
-  @include font-size($header-brand-font-size);
-  color: var(--#{$prefix}header-brand-color);
-  text-decoration: if($link-decoration == none, null, none);
-  white-space: nowrap;
-
-  &:hover,
-  &:focus {
-    color: var(--#{$prefix}header-brand-hover-color);
-    text-decoration: if($link-hover-decoration == underline, none, null);
-  }
-}
-
-// Header nav
-//
-// Custom navbar navigation (doesn't require `.nav`, but does make use of `.nav-link`).
-
-.header-nav {
-  display: flex;
-  flex-direction: row; // cannot use `inherit` to get the `.header`s value
-  @include ltr-rtl("padding-left", 0);
-  margin-bottom: 0;
-  list-style: none;
-
-  .nav-link {
-    padding: var(--#{$prefix}header-nav-link-padding-y) var(--#{$prefix}header-nav-link-padding-x);
-    color: var(--#{$prefix}header-color);
-
-    &:hover,
-    &:focus {
-      color: var(--#{$prefix}header-hover-color);
-    }
-
-    &.disabled {
-      color: var(--#{$prefix}header-disabled-color);
-    }
-  }
-
-  .show > .nav-link,
-  .nav-link.active {
-    color: var(--#{$prefix}header-active-color);
-  }
-
-  .dropdown-menu {
-    position: absolute;
-  }
-}
-
-
-// Header text
-//
-//
-
-.header-text {
-  padding-top: var(--#{$prefix}header-nav-link-padding-y);
-  padding-bottom: var(--#{$prefix}header-nav-link-padding-y);
-  color: var(--#{$prefix}header-color);
-
-  a {
-    color: var(--#{$prefix}header-active-color);
-
-    &:hover,
-    &:focus {
-      color: var(--#{$prefix}header-active-color);
-    }
-  }
-}
-
-.header-toggler {
-  padding: var(--#{$prefix}header-toggler-padding-y) var(--#{$prefix}header-toggler-padding-x);
-  @include font-size($header-toggler-font-size);
-  color: var(--#{$prefix}header-toggler-color);
-  background-color: var(--#{$prefix}header-toggler-bg);
-  border: 0; // remove default button style
-  @include border-radius(var(--#{$prefix}header-toggler-border-radius));
-
-  &:hover {
-    color: var(--#{$prefix}header-toggler-hover-color);
-    text-decoration: none;
-  }
-
-  &:focus {
-    outline: 0;
-  }
-
-  // Opinionated: add "hand" cursor to non-disabled .navbar-toggler elements
-  &:not(:disabled) {
-    cursor: pointer;
-  }
-}
-
-.header-toggler-icon {
-  display: block;
-  height: $header-toggler-font-size * 1.25;
-  background-image: var(--#{$prefix}header-toggler-icon-bg);
-  background-repeat: no-repeat;
-  background-position: center center;
-  background-size: 100% 100%;
-
-  &:hover {
-    background-image: var(--#{$prefix}header-toggler-hover-icon-bg);
-  }
-}

package/scss/_subheader.scss

@@ -1,72 +0,0 @@
-.subheader {
-  position: relative;
-  display: flex;
-  flex-wrap: wrap; // allow us to do the line break for collapsing content
-  align-items: center;
-  justify-content: space-between; // space out brand from logo
-  min-height: $subheader-min-height;
-  padding: $subheader-padding-y $subheader-padding-x;
-  background: var(--#{$prefix}subheader-bg, $subheader-bg);
-  border-bottom: var(--#{$prefix}subheader-border-width, $subheader-border-width) solid var(--#{$prefix}subheader-border-color, $subheader-border-color);
-}
-
-.subheader-sticky {
-  position: sticky;
-  top: 0;
-  z-index: $zindex-fixed - 1;
-}
-
-// Subheader nav
-//
-// Custom navbar navigation (doesn't require `.nav`, but does make use of `.nav-link`).
-
-.subheader-nav {
-  display: flex;
-  flex-direction: row; // cannot use `inherit` to get the `.header`s value
-  @include ltr-rtl("padding-left", 0);
-  margin-bottom: 0;
-  list-style: none;
-
-  .nav-link {
-    padding-right: $subheader-nav-link-padding-x;
-    padding-left: $subheader-nav-link-padding-x;
-    color: var(--#{$prefix}subheader-color, $subheader-color);
-
-    &:hover,
-    &:focus {
-      color: var(--#{$prefix}subheader-hover-color, $subheader-hover-color);
-    }
-
-    &.disabled {
-      color: var(--#{$prefix}subheader-disabled-color, $subheader-disabled-color);
-    }
-  }
-
-  .show > .nav-link,
-  .nav-link.active {
-    color: var(--#{$prefix}subheader-active-color, $subheader-active-color);
-  }
-
-  .dropdown-menu {
-    position: absolute;
-  }
-}
-
-// Subheader text
-//
-//
-
-.subheader-text {
-  padding-top: $nav-link-padding-y;
-  padding-bottom: $nav-link-padding-y;
-  color: var(--#{$prefix}subheader-color, $subheader-color);
-
-  a {
-    color: var(--#{$prefix}subheader-active-color, $subheader-active-color);
-
-    &:hover,
-    &:focus {
-      color: var(--#{$prefix}subheader-active-color, $subheader-active-color);
-    }
-  }
-}

package/scss/coreui-grid.rtl.scss

@@ -1,12 +0,0 @@
-/*!
- * CoreUI - HTML, CSS, and JavaScript UI Components Library
- * @version v4.2.6
- * @link https://coreui.io/
- * Copyright (c) 2022 creativeLabs Łukasz Holeczek
- * License MIT  (https://coreui.io/license/)
-*/
-
-$enable-ltr: false !default;
-$enable-rtl: true !default;
-
-@import "coreui-grid";

package/scss/coreui-reboot.rtl.scss

@@ -1,12 +0,0 @@
-/*!
- * CoreUI - HTML, CSS, and JavaScript UI Components Library
- * @version v4.2.6
- * @link https://coreui.io/
- * Copyright (c) 2022 creativeLabs Łukasz Holeczek
- * License MIT  (https://coreui.io/license/)
-*/
-
-$enable-ltr: false !default;
-$enable-rtl: true !default;
-
-@import "coreui-reboot";

package/scss/coreui-utilities.rtl.scss

@@ -1,12 +0,0 @@
-/*!
- * CoreUI - HTML, CSS, and JavaScript UI Components Library
- * @version v4.2.6
- * @link https://coreui.io/
- * Copyright (c) 2022 creativeLabs Łukasz Holeczek
- * License MIT  (https://coreui.io/license/)
-*/
-
-$enable-ltr: false !default;
-$enable-rtl: true !default;
-
-@import "coreui-utilities";

package/scss/coreui.rtl.scss

@@ -1,12 +0,0 @@
-/*!
- * CoreUI - HTML, CSS, and JavaScript UI Components Library
- * @version v4.2.6
- * @link https://coreui.io/
- * Copyright (c) 2022 creativeLabs Łukasz Holeczek
- * License MIT  (https://coreui.io/license/)
-*/
-
-$enable-ltr: false !default;
-$enable-rtl: true !default;
-
-@import "coreui";

package/scss/mixins/_css-vars.scss

@@ -1,87 +0,0 @@
-@mixin css-vars() {
-  .accordion {
-    @if variable-exists("accordion-button-bg") {
-      --#{$prefix}accordion-button-bg: #{$accordion-button-bg};
-    }
-    @if variable-exists("accordion-button-color") {
-      --#{$prefix}accordion-button-color: #{$accordion-button-color};
-    }
-    @if variable-exists("accordion-border-color") {
-      --#{$prefix}accordion-border-color: #{$accordion-border-color};
-    }
-    @if variable-exists("accordion-button-active-color") {
-      --#{$prefix}accordion-button-active-color: #{$accordion-button-active-color};
-    }
-    @if variable-exists("accordion-button-active-bg") {
-      --#{$prefix}accordion-button-active-bg: #{$accordion-button-active-bg};
-    }
-    @if variable-exists("accordion-button-focus-border-color") {
-      --#{$prefix}accordion-button-focus-border-color: #{$accordion-button-focus-border-color};
-    }
-  }
-
-  .badge {
-    @if variable-exists("badge-color") {
-      --#{$prefix}badge-color: #{$badge-color};
-    }
-  }
-
-
-  // // Accordion
-  // --#{$prefix}accordion-border-color: #{$accordion-border-color};
-  // --#{$prefix}accordion-button-active-color: #{$accordion-button-active-color};
-  // --#{$prefix}accordion-button-active-bg: #{$accordion-button-active-bg};
-  // --#{$prefix}accordion-button-focus-border-color: #{$accordion-button-focus-border-color};
-
-  // // Badge
-  // --#{$prefix}badge-color: #{$badge-color};
-
-  // // Breadcrumb
-  // --#{$prefix}breadcrumb-bg: #{$breadcrumb-bg};
-  // --#{$prefix}breadcrumb-active-color: #{$breadcrumb-active-color};
-  // --#{$prefix}breadcrumb-divider-color: #{$breadcrumb-divider-color};
-
-  // // Card
-  // --#{$prefix}card-bg: #{$card-bg};
-  // --#{$prefix}card-border-color: #{$card-border-color};
-  // --#{$prefix}card-color: #{$card-color};
-  // --#{$prefix}card-cap-color: #{$card-cap-color};
-  // --#{$prefix}card-cap-bg: #{$card-cap-bg};
-
-  // // Close
-  // --#{$prefix}btn-close-color: #{$btn-close-color};
-  // --#{$prefix}btn-close-bg: #{escape-svg($btn-close-bg)};
-
-  // // Dropdown
-  // --#{$prefix}dropdown-color: #{$dropdown-color};
-  // --#{$prefix}dropdown-bg: #{$dropdown-bg};
-  // --#{$prefix}dropdown-border-color: #{$dropdown-border-color};
-  // --#{$prefix}dropdown-divider-bg: #{$dropdown-divider-bg};
-  // --#{$prefix}dropdown-link-color: #{$dropdown-link-color};
-  // --#{$prefix}dropdown-link-hover-color: #{$dropdown-link-hover-color};
-  // --#{$prefix}dropdown-link-active-color: #{$dropdown-link-active-color};
-  // --#{$prefix}dropdown-link-disabled-color: #{$dropdown-link-disabled-color};
-  // --#{$prefix}dropdown-header-color: #{$dropdown-header-color};
-
-  // // Images
-  // --#{$prefix}thumbnail-bg: #{$thumbnail-bg};
-  // --#{$prefix}thumbnail-border-color: #{$thumbnail-border-color};
-
-  // // Images / Figure
-  // --#{$prefix}figure-caption-color: $figure-caption-color;
-
-  // // List Group
-  // --#{$prefix}list-group-action-color: #{$list-group-action-color};
-  // --#{$prefix}list-group-action-hover-color: #{$list-group-action-hover-color};
-  // --#{$prefix}list-group-hover-bg: #{$list-group-hover-bg};
-  // --#{$prefix}list-group-action-active-color: #{$list-group-action-active-color};
-  // --#{$prefix}list-group-action-active-bg: #{$list-group-action-active-bg};
-  // --#{$prefix}list-group-color: #{$list-group-color};
-  // --#{$prefix}list-group-bg: #{$list-group-bg};
-  // --#{$prefix}list-group-border-color: #{$list-group-border-color};
-  // --#{$prefix}list-group-disabled-color: #{$list-group-disabled-color};
-  // --#{$prefix}list-group-disabled-bg: #{$list-group-disabled-bg};
-  // --#{$prefix}list-group-active-color: #{$list-group-active-color};
-  // --#{$prefix}list-group-active-bg: #{$list-group-active-bg};
-  // --#{$prefix}list-group-active-border-color: #{$list-group-active-border-color};
-}

package/scss/mixins/_ltr-rtl.scss

@@ -1,87 +0,0 @@
-@mixin ltr {
-  @if $enable-ltr {
-    html:not([dir="rtl"]) & {
-      @content;
-    }
-  }
-}
-
-@mixin rtl {
-  @if $enable-rtl {
-    *[dir="rtl"] & {
-      @content;
-    }
-  }
-}
-
-@function reflect($element) {
-  $string: #{$element};
-  @if str-index($string, "left") {
-    @return str-replace($string, "left", "right");
-  }
-  @if str-index($string, "right") {
-    @return str-replace($string, "right", "left");
-  }
-
-  @return unquote($string);
-}
-
-@mixin ltr-rtl($property, $value, $property-rtl: null, $value-rtl: null, $important: null) {
-  $property-reflected: reflect($property);
-  $value-reflected: reflect($value);
-
-  @if $enable-ltr and $enable-rtl {
-    @include ltr() {
-      #{$property}: $value $important;
-    }
-    @include rtl() {
-      @if $value-rtl {
-        #{$property-reflected}: $value-rtl $important;
-      }
-      @else {
-        #{$property-reflected}: $value-reflected $important;
-      }
-    }
-  }
-  @else {
-    @if $enable-rtl {
-      @if $value-rtl {
-        #{$property-reflected}: $value-rtl $important;
-      }
-      @else {
-        #{$property-reflected}: $value-reflected $important;
-      }
-    }
-    @else {
-      #{$property}: $value $important;
-    }
-  }
-}
-
-@mixin ltr-rtl-value-only($property, $value, $value-rtl: null, $important: null) {
-  $value-reflected: reflect($value);
-
-  @if $enable-ltr and $enable-rtl {
-    @include ltr() {
-      #{$property}: $value $important;
-    }
-    @include rtl() {
-      @if $value-rtl {
-        #{$property}: $value-rtl $important;
-      } @else {
-        #{$property}: $value-reflected $important;
-      }
-    }
-  }
-  @else {
-    @if $enable-rtl {
-      @if $value-rtl {
-        #{$property}: $value-rtl $important;
-      } @else {
-        #{$property}: $value-reflected $important;
-      }
-    } @else {
-      #{$property}: $value $important;
-    }
-  }
-}