`s.
-
-.nav {
- display: flex;
- flex-wrap: wrap;
- padding-left: 0;
- margin-bottom: 0;
- list-style: none;
-}
-
-.nav-link {
- display: block;
- padding: $nav-link-padding-y $nav-link-padding-x;
-
- @include hover-focus {
- text-decoration: none;
- }
-
- // Disabled state lightens text
- &.disabled {
- color: $nav-link-disabled-color;
- }
-}
-
-//
-// Tabs
-//
-
-.nav-tabs {
- border-bottom: $nav-tabs-border-width solid $nav-tabs-border-color;
-
- .nav-item {
- margin-bottom: -$nav-tabs-border-width;
- }
-
- .nav-link {
- border: $nav-tabs-border-width solid transparent;
- @include border-top-radius($nav-tabs-border-radius);
-
- @include hover-focus {
- border-color: $nav-tabs-link-hover-border-color $nav-tabs-link-hover-border-color $nav-tabs-border-color;
- }
-
- &.disabled {
- color: $nav-link-disabled-color;
- background-color: transparent;
- border-color: transparent;
- }
- }
-
- .nav-link.active,
- .nav-item.show .nav-link {
- color: $nav-tabs-link-active-color;
- background-color: $nav-tabs-link-active-bg;
- border-color: $nav-tabs-link-active-border-color $nav-tabs-link-active-border-color $nav-tabs-link-active-bg;
- }
-
- .dropdown-menu {
- // Make dropdown border overlap tab border
- margin-top: -$nav-tabs-border-width;
- // Remove the top rounded corners here since there is a hard edge above the menu
- @include border-top-radius(0);
- }
-}
-
-
-//
-// Pills
-//
-
-.nav-pills {
- .nav-link {
- @include border-radius($nav-pills-border-radius);
-
- &.active,
- .show > & {
- color: $nav-pills-link-active-color;
- background-color: $nav-pills-link-active-bg;
- }
- }
-}
-
-
-//
-// Justified variants
-//
-
-.nav-fill {
- .nav-item {
- flex: 1 1 auto;
- text-align: center;
- }
-}
-
-.nav-justified {
- .nav-item {
- flex-basis: 0;
- flex-grow: 1;
- text-align: center;
- }
-}
-
-
-// Tabbable tabs
-//
-// Hide tabbable panes to start, show them when `.active`
-
-.tab-content {
- > .tab-pane {
- display: none;
- }
- > .active {
- display: block;
- }
-}
diff --git a/Angular4_CLI_Starter/src/scss/bootstrap/_navbar.scss b/Angular4_CLI_Starter/src/scss/bootstrap/_navbar.scss
deleted file mode 100755
index ed49b76b9..000000000
--- a/Angular4_CLI_Starter/src/scss/bootstrap/_navbar.scss
+++ /dev/null
@@ -1,284 +0,0 @@
-// Contents
-//
-// Navbar
-// Navbar brand
-// Navbar nav
-// Navbar text
-// Navbar divider
-// Responsive navbar
-// Navbar position
-// Navbar themes
-
-
-// Navbar
-//
-// Provide a static navbar from which we expand to create full-width, fixed, and
-// other navbar variations.
-
-.navbar {
- 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
- padding: $navbar-padding-y $navbar-padding-x;
-
- // Because flex properties aren't inherited, we need to redeclare these first
- // few properities so that content nested within behave properly.
- > .container,
- > .container-fluid {
- display: flex;
- flex-wrap: wrap;
- align-items: center;
- justify-content: space-between;
- }
-}
-
-
-// Navbar brand
-//
-// Used for brand, project, or site names.
-
-.navbar-brand {
- display: inline-block;
- padding-top: $navbar-brand-padding-y;
- padding-bottom: $navbar-brand-padding-y;
- margin-right: $navbar-padding-x;
- font-size: $navbar-brand-font-size;
- line-height: inherit;
- white-space: nowrap;
-
- @include hover-focus {
- text-decoration: none;
- }
-}
-
-
-// Navbar nav
-//
-// Custom navbar navigation (doesn't require `.nav`, but does make use of `.nav-link`).
-
-.navbar-nav {
- display: flex;
- flex-direction: column; // cannot use `inherit` to get the `.navbar`s value
- padding-left: 0;
- margin-bottom: 0;
- list-style: none;
-
- .nav-link {
- padding-right: 0;
- padding-left: 0;
- }
-
- .dropdown-menu {
- position: static;
- float: none;
- }
-}
-
-
-// Navbar text
-//
-//
-
-.navbar-text {
- display: inline-block;
- padding-top: $nav-link-padding-y;
- padding-bottom: $nav-link-padding-y;
-}
-
-
-// Responsive navbar
-//
-// Custom styles for responsive collapsing and toggling of navbar contents.
-// Powered by the collapse Bootstrap JavaScript plugin.
-
-// When collapsed, prevent the toggleable navbar contents from appearing in
-// the default flexbox row orienation. Requires the use of `flex-wrap: wrap`
-// on the `.navbar` parent.
-.navbar-collapse {
- flex-basis: 100%;
- // For always expanded or extra full navbars, ensure content aligns itself
- // properly vertically. Can be easily overridden with flex utilities.
- align-items: center;
-}
-
-// Button for toggling the navbar when in its collapsed state
-.navbar-toggler {
- padding: $navbar-toggler-padding-y $navbar-toggler-padding-x;
- font-size: $navbar-toggler-font-size;
- line-height: 1;
- background: transparent; // remove default button style
- border: $border-width solid transparent; // remove default button style
- @include border-radius($navbar-toggler-border-radius);
-
- @include hover-focus {
- text-decoration: none;
- }
-}
-
-// Keep as a separate element so folks can easily override it with another icon
-// or image file as needed.
-.navbar-toggler-icon {
- display: inline-block;
- width: 1.5em;
- height: 1.5em;
- vertical-align: middle;
- content: "";
- background: no-repeat center center;
- background-size: 100% 100%;
-}
-
-// Generate series of `.navbar-expand-*` responsive classes for configuring
-// where your navbar collapses.
-.navbar-expand {
- @each $breakpoint in map-keys($grid-breakpoints) {
- $next: breakpoint-next($breakpoint, $grid-breakpoints);
- $infix: breakpoint-infix($next, $grid-breakpoints);
-
- &#{$infix} {
- @include media-breakpoint-down($breakpoint) {
- > .container,
- > .container-fluid {
- padding-right: 0;
- padding-left: 0;
- }
- }
-
- @include media-breakpoint-up($next) {
- flex-direction: row;
- flex-wrap: nowrap;
- justify-content: flex-start;
-
- .navbar-nav {
- flex-direction: row;
-
- .dropdown-menu {
- position: absolute;
- }
-
- .dropdown-menu-right {
- right: 0;
- left: auto; // Reset the default from `.dropdown-menu`
- }
-
- .nav-link {
- padding-right: .5rem;
- padding-left: .5rem;
- }
- }
-
- // For nesting containers, have to redeclare for alignment purposes
- > .container,
- > .container-fluid {
- flex-wrap: nowrap;
- }
-
- // scss-lint:disable ImportantRule
- .navbar-collapse {
- display: flex !important;
- }
- // scss-lint:enable ImportantRule
-
- .navbar-toggler {
- display: none;
- }
- }
- }
- }
-}
-
-
-// Navbar themes
-//
-// Styles for switching between navbars with light or dark background.
-
-// Dark links against a light background
-.navbar-light {
- .navbar-brand {
- color: $navbar-light-active-color;
-
- @include hover-focus {
- color: $navbar-light-active-color;
- }
- }
-
- .navbar-nav {
- .nav-link {
- color: $navbar-light-color;
-
- @include hover-focus {
- color: $navbar-light-hover-color;
- }
-
- &.disabled {
- color: $navbar-light-disabled-color;
- }
- }
-
- .show > .nav-link,
- .active > .nav-link,
- .nav-link.show,
- .nav-link.active {
- color: $navbar-light-active-color;
- }
- }
-
- .navbar-toggler {
- color: $navbar-light-color;
- border-color: $navbar-light-toggler-border-color;
- }
-
- .navbar-toggler-icon {
- background-image: $navbar-light-toggler-icon-bg;
- }
-
- .navbar-text {
- color: $navbar-light-color;
- }
-}
-
-// White links against a dark background
-.navbar-dark {
- .navbar-brand {
- color: $navbar-dark-active-color;
-
- @include hover-focus {
- color: $navbar-dark-active-color;
- }
- }
-
- .navbar-nav {
- .nav-link {
- color: $navbar-dark-color;
-
- @include hover-focus {
- color: $navbar-dark-hover-color;
- }
-
- &.disabled {
- color: $navbar-dark-disabled-color;
- }
- }
-
- .show > .nav-link,
- .active > .nav-link,
- .nav-link.show,
- .nav-link.active {
- color: $navbar-dark-active-color;
- }
- }
-
- .navbar-toggler {
- color: $navbar-dark-color;
- border-color: $navbar-dark-toggler-border-color;
- }
-
- .navbar-toggler-icon {
- background-image: $navbar-dark-toggler-icon-bg;
- }
-
- .navbar-text {
- color: $navbar-dark-color;
- }
-}
diff --git a/Angular4_CLI_Starter/src/scss/bootstrap/_pagination.scss b/Angular4_CLI_Starter/src/scss/bootstrap/_pagination.scss
deleted file mode 100755
index a04929987..000000000
--- a/Angular4_CLI_Starter/src/scss/bootstrap/_pagination.scss
+++ /dev/null
@@ -1,66 +0,0 @@
-.pagination {
- display: flex;
- // 1-2: Disable browser default list styles
- padding-left: 0; // 1
- list-style: none; // 2
- @include border-radius();
-}
-
-.page-item {
- &:first-child {
- .page-link {
- margin-left: 0;
- @include border-left-radius($border-radius);
- }
- }
- &:last-child {
- .page-link {
- @include border-right-radius($border-radius);
- }
- }
-
- &.active .page-link {
- z-index: 2;
- color: $pagination-active-color;
- background-color: $pagination-active-bg;
- border-color: $pagination-active-border-color;
- }
-
- &.disabled .page-link {
- color: $pagination-disabled-color;
- pointer-events: none;
- background-color: $pagination-disabled-bg;
- border-color: $pagination-disabled-border-color;
- }
-}
-
-.page-link {
- position: relative;
- display: block;
- padding: $pagination-padding-y $pagination-padding-x;
- margin-left: -1px;
- line-height: $pagination-line-height;
- color: $pagination-color;
- background-color: $pagination-bg;
- border: $pagination-border-width solid $pagination-border-color;
-
- @include hover-focus {
- color: $pagination-hover-color;
- text-decoration: none;
- background-color: $pagination-hover-bg;
- border-color: $pagination-hover-border-color;
- }
-}
-
-
-//
-// Sizing
-//
-
-.pagination-lg {
- @include pagination-size($pagination-padding-y-lg, $pagination-padding-x-lg, $font-size-lg, $line-height-lg, $border-radius-lg);
-}
-
-.pagination-sm {
- @include pagination-size($pagination-padding-y-sm, $pagination-padding-x-sm, $font-size-sm, $line-height-sm, $border-radius-sm);
-}
diff --git a/Angular4_CLI_Starter/src/scss/bootstrap/_popover.scss b/Angular4_CLI_Starter/src/scss/bootstrap/_popover.scss
deleted file mode 100755
index 950d6ca39..000000000
--- a/Angular4_CLI_Starter/src/scss/bootstrap/_popover.scss
+++ /dev/null
@@ -1,195 +0,0 @@
-.popover {
- position: absolute;
- top: 0;
- left: 0;
- z-index: $zindex-popover;
- display: block;
- max-width: $popover-max-width;
- padding: $popover-inner-padding;
- // Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.
- // So reset our font and text properties to avoid inheriting weird values.
- @include reset-text();
- font-size: $font-size-sm;
- // Allow breaking very long words so they don't overflow the popover's bounds
- word-wrap: break-word;
- background-color: $popover-bg;
- background-clip: padding-box;
- border: $popover-border-width solid $popover-border-color;
- @include border-radius($border-radius-lg);
- @include box-shadow($popover-box-shadow);
-
- // Arrows
- //
- // .arrow is outer, .arrow::after is inner
-
- .arrow {
- position: absolute;
- display: block;
- width: $popover-arrow-width;
- height: $popover-arrow-height;
- }
-
- .arrow::before,
- .arrow::after {
- position: absolute;
- display: block;
- border-color: transparent;
- border-style: solid;
- }
-
- .arrow::before {
- content: "";
- border-width: $popover-arrow-outer-width;
- }
- .arrow::after {
- content: "";
- border-width: $popover-arrow-outer-width;
- }
-
- // Popover directions
-
- &.bs-popover-top {
- margin-bottom: $popover-arrow-width;
-
- .arrow {
- bottom: 0;
- }
-
- .arrow::before,
- .arrow::after {
- border-bottom-width: 0;
- }
-
- .arrow::before {
- bottom: -$popover-arrow-outer-width;
- margin-left: -($popover-arrow-outer-width - 5);
- border-top-color: $popover-arrow-outer-color;
- }
-
- .arrow::after {
- bottom: -($popover-arrow-outer-width - 1);
- margin-left: -($popover-arrow-outer-width - 5);
- border-top-color: $popover-arrow-color;
- }
- }
-
- &.bs-popover-right {
- margin-left: $popover-arrow-width;
-
- .arrow {
- left: 0;
- }
-
- .arrow::before,
- .arrow::after {
- margin-top: -($popover-arrow-outer-width - 3);
- border-left-width: 0;
- }
-
- .arrow::before {
- left: -$popover-arrow-outer-width;
- border-right-color: $popover-arrow-outer-color;
- }
-
- .arrow::after {
- left: -($popover-arrow-outer-width - 1);
- border-right-color: $popover-arrow-color;
- }
- }
-
- &.bs-popover-bottom {
- margin-top: $popover-arrow-width;
-
- .arrow {
- top: 0;
- }
-
- .arrow::before,
- .arrow::after {
- margin-left: -($popover-arrow-width - 3);
- border-top-width: 0;
- }
-
- .arrow::before {
- top: -$popover-arrow-outer-width;
- border-bottom-color: $popover-arrow-outer-color;
- }
-
- .arrow::after {
- top: -($popover-arrow-outer-width - 1);
- border-bottom-color: $popover-arrow-color;
- }
-
- // This will remove the popover-header's border just below the arrow
- .popover-header::before {
- position: absolute;
- top: 0;
- left: 50%;
- display: block;
- width: 20px;
- margin-left: -10px;
- content: "";
- border-bottom: 1px solid $popover-header-bg;
- }
- }
-
- &.bs-popover-left {
- margin-right: $popover-arrow-width;
-
- .arrow {
- right: 0;
- }
-
- .arrow::before,
- .arrow::after {
- margin-top: -($popover-arrow-outer-width - 3);
- border-right-width: 0;
- }
-
- .arrow::before {
- right: -$popover-arrow-outer-width;
- border-left-color: $popover-arrow-outer-color;
- }
-
- .arrow::after {
- right: -($popover-arrow-outer-width - 1);
- border-left-color: $popover-arrow-color;
- }
- }
- &.bs-popover-auto {
- &[x-placement^="top"] {
- @extend .bs-popover-top;
- }
- &[x-placement^="right"] {
- @extend .bs-popover-right;
- }
- &[x-placement^="bottom"] {
- @extend .bs-popover-bottom;
- }
- &[x-placement^="left"] {
- @extend .bs-popover-left;
- }
- }
-}
-
-
-// Offset the popover to account for the popover arrow
-.popover-header {
- padding: $popover-header-padding-y $popover-header-padding-x;
- margin-bottom: 0; // Reset the default from Reboot
- font-size: $font-size-base;
- color: $popover-header-color;
- background-color: $popover-header-bg;
- border-bottom: $popover-border-width solid darken($popover-header-bg, 5%);
- $offset-border-width: calc(#{$border-radius-lg} - #{$popover-border-width});
- @include border-top-radius($offset-border-width);
-
- &:empty {
- display: none;
- }
-}
-
-.popover-body {
- padding: $popover-body-padding-y $popover-body-padding-x;
- color: $popover-body-color;
-}
diff --git a/Angular4_CLI_Starter/src/scss/bootstrap/_print.scss b/Angular4_CLI_Starter/src/scss/bootstrap/_print.scss
deleted file mode 100755
index 7f8d9900a..000000000
--- a/Angular4_CLI_Starter/src/scss/bootstrap/_print.scss
+++ /dev/null
@@ -1,111 +0,0 @@
-// scss-lint:disable QualifyingElement
-
-// Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css
-
-// ==========================================================================
-// Print styles.
-// Inlined to avoid the additional HTTP request:
-// http://www.phpied.com/delay-loading-your-print-css/
-// ==========================================================================
-
-@if $enable-print-styles {
- @media print {
- *,
- *::before,
- *::after {
- // Bootstrap specific; comment out `color` and `background`
- //color: #000 !important; // Black prints faster:
- // http://www.sanbeiji.com/archives/953
- text-shadow: none !important;
- //background: transparent !important;
- box-shadow: none !important;
- }
-
- a,
- a:visited {
- text-decoration: underline;
- }
-
- // Bootstrap specific; comment the following selector out
- //a[href]::after {
- // content: " (" attr(href) ")";
- //}
-
- abbr[title]::after {
- content: " (" attr(title) ")";
- }
-
- // Bootstrap specific; comment the following selector out
- //
- // Don't show links that are fragment identifiers,
- // or use the `javascript:` pseudo protocol
- //
-
- //a[href^="#"]::after,
- //a[href^="javascript:"]::after {
- // content: "";
- //}
-
- pre {
- white-space: pre-wrap !important;
- }
- pre,
- blockquote {
- border: $border-width solid #999; // Bootstrap custom code; using `$border-width` instead of 1px
- page-break-inside: avoid;
- }
-
- //
- // Printing Tables:
- // http://css-discuss.incutio.com/wiki/Printing_Tables
- //
-
- thead {
- display: table-header-group;
- }
-
- tr,
- img {
- page-break-inside: avoid;
- }
-
- p,
- h2,
- h3 {
- orphans: 3;
- widows: 3;
- }
-
- h2,
- h3 {
- page-break-after: avoid;
- }
-
- // Bootstrap specific changes start
-
- // Bootstrap components
- .navbar {
- display: none;
- }
- .badge {
- border: $border-width solid #000;
- }
-
- .table {
- border-collapse: collapse !important;
-
- td,
- th {
- background-color: #fff !important;
- }
- }
- .table-bordered {
- th,
- td {
- border: 1px solid #ddd !important;
- }
- }
-
- // Bootstrap specific changes end
- }
-}
diff --git a/Angular4_CLI_Starter/src/scss/bootstrap/_progress.scss b/Angular4_CLI_Starter/src/scss/bootstrap/_progress.scss
deleted file mode 100755
index f7491a64b..000000000
--- a/Angular4_CLI_Starter/src/scss/bootstrap/_progress.scss
+++ /dev/null
@@ -1,32 +0,0 @@
-@keyframes progress-bar-stripes {
- from { background-position: $progress-height 0; }
- to { background-position: 0 0; }
-}
-
-.progress {
- display: flex;
- overflow: hidden; // force rounded corners by cropping it
- font-size: $progress-font-size;
- line-height: $progress-height;
- text-align: center;
- background-color: $progress-bg;
- @include border-radius($progress-border-radius);
- @include box-shadow($progress-box-shadow);
-}
-
-.progress-bar {
- height: $progress-height;
- line-height: $progress-height;
- color: $progress-bar-color;
- background-color: $progress-bar-bg;
- @include transition($progress-bar-transition);
-}
-
-.progress-bar-striped {
- @include gradient-striped();
- background-size: $progress-height $progress-height;
-}
-
-.progress-bar-animated {
- animation: progress-bar-stripes $progress-bar-animation-timing;
-}
diff --git a/Angular4_CLI_Starter/src/scss/bootstrap/_reboot.scss b/Angular4_CLI_Starter/src/scss/bootstrap/_reboot.scss
deleted file mode 100755
index 33fc2d660..000000000
--- a/Angular4_CLI_Starter/src/scss/bootstrap/_reboot.scss
+++ /dev/null
@@ -1,481 +0,0 @@
-// scss-lint:disable QualifyingElement, DuplicateProperty, VendorPrefix
-
-// Reboot
-//
-// Normalization of HTML elements, manually forked from Normalize.css to remove
-// styles targeting irrelevant browsers while applying new styles.
-//
-// Normalize is licensed MIT. https://github.com/necolas/normalize.css
-
-
-// Document
-//
-// 1. Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`.
-// 2. Change the default font family in all browsers.
-// 3. Correct the line height in all browsers.
-// 4. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS.
-// 5. Setting @viewport causes scrollbars to overlap content in IE11 and Edge, so
-// we force a non-overlapping, non-auto-hiding scrollbar to counteract.
-// 6. Change the default tap highlight to be completely transparent in iOS.
-
-html {
- box-sizing: border-box; // 1
- font-family: sans-serif; // 2
- line-height: 1.15; // 3
- -webkit-text-size-adjust: 100%; // 4
- -ms-text-size-adjust: 100%; // 4
- -ms-overflow-style: scrollbar; // 5
- -webkit-tap-highlight-color: rgba(0,0,0,0); // 6
-}
-
-*,
-*::before,
-*::after {
- box-sizing: inherit; // 1
-}
-
-// IE10+ doesn't honor `` in some cases.
-@at-root {
- @-ms-viewport { width: device-width; }
-}
-
-// Shim for "new" HTML5 structural elements to display correctly (IE10, older browsers)
-article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
- display: block;
-}
-
-// Body
-//
-// 1. Remove the margin in all browsers.
-// 2. As a best practice, apply a default `background-color`.
-
-body {
- margin: 0; // 1
- font-family: $font-family-base;
- font-size: $font-size-base;
- font-weight: $font-weight-base;
- line-height: $line-height-base;
- color: $body-color;
- background-color: $body-bg; // 2
-}
-
-// Suppress the focus outline on elements that cannot be accessed via keyboard.
-// This prevents an unwanted focus outline from appearing around elements that
-// might still respond to pointer events.
-//
-// Credit: https://github.com/suitcss/base
-[tabindex="-1"]:focus {
- outline: none !important;
-}
-
-
-// Content grouping
-//
-// 1. Add the correct box sizing in Firefox.
-// 2. Show the overflow in Edge and IE.
-
-hr {
- box-sizing: content-box; // 1
- height: 0; // 1
- overflow: visible; // 2
-}
-
-
-//
-// Typography
-//
-
-// Remove top margins from headings
-//
-// By default, ``-`` all receive top and bottom margins. We nuke the top
-// margin for easier control within type scales as it avoids margin collapsing.
-h1, h2, h3, h4, h5, h6 {
- margin-top: 0;
- margin-bottom: .5rem;
-}
-
-// Reset margins on paragraphs
-//
-// Similarly, the top margin on `
`s get reset. However, we also reset the
-// bottom margin to use `rem` units instead of `em`.
-p {
- margin-top: 0;
- margin-bottom: 1rem;
-}
-
-// Abbreviations
-//
-// 1. Remove the bottom border in Firefox 39-.
-// 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
-// 3. Add explicit cursor to indicate changed behavior.
-// 4. Duplicate behavior to the data-* attribute for our tooltip plugin
-
-abbr[title],
-abbr[data-original-title] { // 4
- text-decoration: underline; // 2
- text-decoration: underline dotted; // 2
- cursor: help; // 3
- border-bottom: 0; // 1
-}
-
-address {
- margin-bottom: 1rem;
- font-style: normal;
- line-height: inherit;
-}
-
-ol,
-ul,
-dl {
- margin-top: 0;
- margin-bottom: 1rem;
-}
-
-ol ol,
-ul ul,
-ol ul,
-ul ol {
- margin-bottom: 0;
-}
-
-dt {
- font-weight: $dt-font-weight;
-}
-
-dd {
- margin-bottom: .5rem;
- margin-left: 0; // Undo browser default
-}
-
-blockquote {
- margin: 0 0 1rem;
-}
-
-dfn {
- font-style: italic; // Add the correct font style in Android 4.3-
-}
-
-b,
-strong {
- font-weight: bolder; // Add the correct font weight in Chrome, Edge, and Safari
-}
-
-small {
- font-size: 80%; // Add the correct font size in all browsers
-}
-
-//
-// Prevent `sub` and `sup` elements from affecting the line height in
-// all browsers.
-//
-
-sub,
-sup {
- position: relative;
- font-size: 75%;
- line-height: 0;
- vertical-align: baseline;
-}
-
-sub { bottom: -.25em; }
-sup { top: -.5em; }
-
-
-//
-// Links
-//
-
-a {
- color: $link-color;
- text-decoration: $link-decoration;
- background-color: transparent; // Remove the gray background on active links in IE 10.
- -webkit-text-decoration-skip: objects; // Remove gaps in links underline in iOS 8+ and Safari 8+.
-
- @include hover {
- color: $link-hover-color;
- text-decoration: $link-hover-decoration;
- }
-}
-
-// And undo these styles for placeholder links/named anchors (without href)
-// which have not been made explicitly keyboard-focusable (without tabindex).
-// It would be more straightforward to just use a[href] in previous block, but that
-// causes specificity issues in many other styles that are too complex to fix.
-// See https://github.com/twbs/bootstrap/issues/19402
-
-a:not([href]):not([tabindex]) {
- color: inherit;
- text-decoration: none;
-
- @include hover-focus {
- color: inherit;
- text-decoration: none;
- }
-
- &:focus {
- outline: 0;
- }
-}
-
-
-//
-// Code
-//
-
-pre,
-code,
-kbd,
-samp {
- font-family: monospace, monospace; // Correct the inheritance and scaling of font size in all browsers.
- font-size: 1em; // Correct the odd `em` font sizing in all browsers.
-}
-
-pre {
- // Remove browser default top margin
- margin-top: 0;
- // Reset browser default of `1em` to use `rem`s
- margin-bottom: 1rem;
- // Don't allow content to break outside
- overflow: auto;
-}
-
-
-//
-// Figures
-//
-
-figure {
- // Apply a consistent margin strategy (matches our type styles).
- margin: 0 0 1rem;
-}
-
-
-//
-// Images and content
-//
-
-img {
- vertical-align: middle;
- border-style: none; // Remove the border on images inside links in IE 10-.
-}
-
-svg:not(:root) {
- overflow: hidden; // Hide the overflow in IE
-}
-
-
-// Avoid 300ms click delay on touch devices that support the `touch-action` CSS property.
-//
-// In particular, unlike most other browsers, IE11+Edge on Windows 10 on touch devices and IE Mobile 10-11
-// DON'T remove the click delay when `` is present.
-// However, they DO support removing the click delay via `touch-action: manipulation`.
-// See:
-// * https://v4-alpha.getbootstrap.com/content/reboot/#click-delay-optimization-for-touch
-// * http://caniuse.com/#feat=css-touch-action
-// * https://patrickhlauke.github.io/touch/tests/results/#suppressing-300ms-delay
-
-a,
-area,
-button,
-[role="button"],
-input,
-label,
-select,
-summary,
-textarea {
- touch-action: manipulation;
-}
-
-
-//
-// Tables
-//
-
-table {
- border-collapse: collapse; // Prevent double borders
-}
-
-caption {
- padding-top: $table-cell-padding;
- padding-bottom: $table-cell-padding;
- color: $text-muted;
- text-align: left;
- caption-side: bottom;
-}
-
-th {
- // Matches default `
` alignment
- text-align: left;
-}
-
-
-//
-// Forms
-//
-
-label {
- // Allow labels to use `margin` for spacing.
- display: inline-block;
- margin-bottom: .5rem;
-}
-
-// Work around a Firefox/IE bug where the transparent `button` background
-// results in a loss of the default `button` focus styles.
-//
-// Credit: https://github.com/suitcss/base/
-button:focus {
- outline: 1px dotted;
- outline: 5px auto -webkit-focus-ring-color;
-}
-
-input,
-button,
-select,
-optgroup,
-textarea {
- margin: 0; // Remove the margin in Firefox and Safari
- font-family: inherit;
- font-size: inherit;
- line-height: inherit;
-}
-
-button,
-input {
- overflow: visible; // Show the overflow in Edge
-}
-
-button,
-select {
- text-transform: none; // Remove the inheritance of text transform in Firefox
-}
-
-// 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
-// controls in Android 4.
-// 2. Correct the inability to style clickable types in iOS and Safari.
-button,
-html [type="button"], // 1
-[type="reset"],
-[type="submit"] {
- -webkit-appearance: button; // 2
-}
-
-// Remove inner border and padding from Firefox, but don't restore the outline like Normalize.
-button::-moz-focus-inner,
-[type="button"]::-moz-focus-inner,
-[type="reset"]::-moz-focus-inner,
-[type="submit"]::-moz-focus-inner {
- padding: 0;
- border-style: none;
-}
-
-input[type="radio"],
-input[type="checkbox"] {
- box-sizing: border-box; // 1. Add the correct box sizing in IE 10-
- padding: 0; // 2. Remove the padding in IE 10-
-}
-
-
-input[type="date"],
-input[type="time"],
-input[type="datetime-local"],
-input[type="month"] {
- // Remove the default appearance of temporal inputs to avoid a Mobile Safari
- // bug where setting a custom line-height prevents text from being vertically
- // centered within the input.
- // See https://bugs.webkit.org/show_bug.cgi?id=139848
- // and https://github.com/twbs/bootstrap/issues/11266
- -webkit-appearance: listbox;
-}
-
-textarea {
- overflow: auto; // Remove the default vertical scrollbar in IE.
- // Textareas should really only resize vertically so they don't break their (horizontal) containers.
- resize: vertical;
-}
-
-fieldset {
- // Browsers set a default `min-width: min-content;` on fieldsets,
- // unlike e.g. ``s, which have `min-width: 0;` by default.
- // So we reset that to ensure fieldsets behave more like a standard block element.
- // See https://github.com/twbs/bootstrap/issues/12359
- // and https://html.spec.whatwg.org/multipage/#the-fieldset-and-legend-elements
- min-width: 0;
- // Reset the default outline behavior of fieldsets so they don't affect page layout.
- padding: 0;
- margin: 0;
- border: 0;
-}
-
-// 1. Correct the text wrapping in Edge and IE.
-// 2. Correct the color inheritance from `fieldset` elements in IE.
-legend {
- display: block;
- width: 100%;
- max-width: 100%; // 1
- padding: 0;
- margin-bottom: .5rem;
- font-size: 1.5rem;
- line-height: inherit;
- color: inherit; // 2
- white-space: normal; // 1
-}
-
-progress {
- vertical-align: baseline; // Add the correct vertical alignment in Chrome, Firefox, and Opera.
-}
-
-// Correct the cursor style of increment and decrement buttons in Chrome.
-[type="number"]::-webkit-inner-spin-button,
-[type="number"]::-webkit-outer-spin-button {
- height: auto;
-}
-
-[type="search"] {
- // This overrides the extra rounded corners on search inputs in iOS so that our
- // `.form-control` class can properly style them. Note that this cannot simply
- // be added to `.form-control` as it's not specific enough. For details, see
- // https://github.com/twbs/bootstrap/issues/11586.
- outline-offset: -2px; // 2. Correct the outline style in Safari.
- -webkit-appearance: none;
-}
-
-//
-// Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
-//
-
-[type="search"]::-webkit-search-cancel-button,
-[type="search"]::-webkit-search-decoration {
- -webkit-appearance: none;
-}
-
-//
-// 1. Correct the inability to style clickable types in iOS and Safari.
-// 2. Change font properties to `inherit` in Safari.
-//
-
-::-webkit-file-upload-button {
- font: inherit; // 2
- -webkit-appearance: button; // 1
-}
-
-//
-// Correct element displays
-//
-
-output {
- display: inline-block;
-}
-
-summary {
- display: list-item; // Add the correct display in all browsers
-}
-
-template {
- display: none; // Add the correct display in IE
-}
-
-// Always hide an element with the `hidden` HTML attribute (from PureCSS).
-// Needed for proper display in IE 10-.
-[hidden] {
- display: none !important;
-}
diff --git a/Angular4_CLI_Starter/src/scss/bootstrap/_tables.scss b/Angular4_CLI_Starter/src/scss/bootstrap/_tables.scss
deleted file mode 100755
index a652d17c5..000000000
--- a/Angular4_CLI_Starter/src/scss/bootstrap/_tables.scss
+++ /dev/null
@@ -1,168 +0,0 @@
-//
-// Basic Bootstrap table
-//
-
-.table {
- width: 100%;
- max-width: 100%;
- margin-bottom: $spacer;
- background-color: $table-bg; // Reset for nesting within parents with `background-color`.
-
- th,
- td {
- padding: $table-cell-padding;
- vertical-align: top;
- border-top: $table-border-width solid $table-border-color;
- }
-
- thead th {
- vertical-align: bottom;
- border-bottom: (2 * $table-border-width) solid $table-border-color;
- }
-
- tbody + tbody {
- border-top: (2 * $table-border-width) solid $table-border-color;
- }
-
- .table {
- background-color: $body-bg;
- }
-}
-
-
-//
-// Condensed table w/ half padding
-//
-
-.table-sm {
- th,
- td {
- padding: $table-cell-padding-sm;
- }
-}
-
-
-// Bordered version
-//
-// Add borders all around the table and between all the columns.
-
-.table-bordered {
- border: $table-border-width solid $table-border-color;
-
- th,
- td {
- border: $table-border-width solid $table-border-color;
- }
-
- thead {
- th,
- td {
- border-bottom-width: (2 * $table-border-width);
- }
- }
-}
-
-
-// Zebra-striping
-//
-// Default zebra-stripe styles (alternating gray and transparent backgrounds)
-
-.table-striped {
- tbody tr:nth-of-type(odd) {
- background-color: $table-accent-bg;
- }
-}
-
-
-// Hover effect
-//
-// Placed here since it has to come after the potential zebra striping
-
-.table-hover {
- tbody tr {
- @include hover {
- background-color: $table-hover-bg;
- }
- }
-}
-
-
-// Table backgrounds
-//
-// Exact selectors below required to override `.table-striped` and prevent
-// inheritance to nested tables.
-
-@each $color, $value in $theme-colors {
- @include table-row-variant($color, theme-color-level($color, -9));
-}
-
-@include table-row-variant(active, $table-active-bg);
-
-
-// Inverse styles
-//
-// Same table markup, but inverted color scheme: dark background and light text.
-
-.thead-inverse {
- th {
- color: $table-inverse-color;
- background-color: $table-inverse-bg;
- }
-}
-
-.thead-default {
- th {
- color: $table-head-color;
- background-color: $table-head-bg;
- }
-}
-
-.table-inverse {
- color: $table-inverse-color;
- background-color: $table-inverse-bg;
-
- th,
- td,
- thead th {
- border-color: $table-inverse-border-color;
- }
-
- &.table-bordered {
- border: 0;
- }
-
- &.table-striped {
- tbody tr:nth-of-type(odd) {
- background-color: $table-inverse-accent-bg;
- }
- }
-
- &.table-hover {
- tbody tr {
- @include hover {
- background-color: $table-inverse-hover-bg;
- }
- }
- }
-}
-
-
-// Responsive tables
-//
-// Add `.table-responsive` to `.table`s and we'll make them mobile friendly by
-// enabling horizontal scrolling. Only applies <768px. Everything above that
-// will display normally.
-
-.table-responsive {
- @include media-breakpoint-down(md) {
- display: block;
- width: 100%;
- overflow-x: auto;
- -ms-overflow-style: -ms-autohiding-scrollbar; // See https://github.com/twbs/bootstrap/pull/10057
-
- // Prevent double border on horizontal scroll due to use of `display: block;`
- &.table-bordered {
- border: 0;
- }
- }
-}
diff --git a/Angular4_CLI_Starter/src/scss/bootstrap/_tooltip.scss b/Angular4_CLI_Starter/src/scss/bootstrap/_tooltip.scss
deleted file mode 100755
index fe97fbbbd..000000000
--- a/Angular4_CLI_Starter/src/scss/bootstrap/_tooltip.scss
+++ /dev/null
@@ -1,107 +0,0 @@
-// Base class
-.tooltip {
- position: absolute;
- z-index: $zindex-tooltip;
- display: block;
- margin: $tooltip-margin;
- // Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.
- // So reset our font and text properties to avoid inheriting weird values.
- @include reset-text();
- font-size: $font-size-sm;
- // Allow breaking very long words so they don't overflow the tooltip's bounds
- word-wrap: break-word;
- opacity: 0;
-
- &.show { opacity: $tooltip-opacity; }
-
- .arrow {
- position: absolute;
- display: block;
- width: $tooltip-arrow-width;
- height: $tooltip-arrow-height;
- }
-
- &.bs-tooltip-top {
- padding: $tooltip-arrow-width 0;
- .arrow {
- bottom: 0;
- }
-
- .arrow::before {
- margin-left: -($tooltip-arrow-width - 2);
- content: "";
- border-width: $tooltip-arrow-width $tooltip-arrow-width 0;
- border-top-color: $tooltip-arrow-color;
- }
- }
- &.bs-tooltip-right {
- padding: 0 $tooltip-arrow-width;
- .arrow {
- left: 0;
- }
-
- .arrow::before {
- margin-top: -($tooltip-arrow-width - 2);
- content: "";
- border-width: $tooltip-arrow-width $tooltip-arrow-width $tooltip-arrow-width 0;
- border-right-color: $tooltip-arrow-color;
- }
- }
- &.bs-tooltip-bottom {
- padding: $tooltip-arrow-width 0;
- .arrow {
- top: 0;
- }
-
- .arrow::before {
- margin-left: -($tooltip-arrow-width - 2);
- content: "";
- border-width: 0 $tooltip-arrow-width $tooltip-arrow-width;
- border-bottom-color: $tooltip-arrow-color;
- }
- }
- &.bs-tooltip-left {
- padding: 0 $tooltip-arrow-width;
- .arrow {
- right: 0;
- }
-
- .arrow::before {
- right: 0;
- margin-top: -($tooltip-arrow-width - 2);
- content: "";
- border-width: $tooltip-arrow-width 0 $tooltip-arrow-width $tooltip-arrow-width;
- border-left-color: $tooltip-arrow-color;
- }
- }
- &.bs-tooltip-auto {
- &[x-placement^="top"] {
- @extend .bs-tooltip-top;
- }
- &[x-placement^="right"] {
- @extend .bs-tooltip-right;
- }
- &[x-placement^="bottom"] {
- @extend .bs-tooltip-bottom;
- }
- &[x-placement^="left"] {
- @extend .bs-tooltip-left;
- }
- }
-
- .arrow::before {
- position: absolute;
- border-color: transparent;
- border-style: solid;
- }
-}
-
-// Wrapper for the tooltip content
-.tooltip-inner {
- max-width: $tooltip-max-width;
- padding: $tooltip-padding-y $tooltip-padding-x;
- color: $tooltip-color;
- text-align: center;
- background-color: $tooltip-bg;
- @include border-radius($border-radius);
-}
diff --git a/Angular4_CLI_Starter/src/scss/bootstrap/_transitions.scss b/Angular4_CLI_Starter/src/scss/bootstrap/_transitions.scss
deleted file mode 100755
index 86c04a5f8..000000000
--- a/Angular4_CLI_Starter/src/scss/bootstrap/_transitions.scss
+++ /dev/null
@@ -1,34 +0,0 @@
-.fade {
- opacity: 0;
- @include transition($transition-fade);
-
- &.show {
- opacity: 1;
- }
-}
-
-.collapse {
- display: none;
- &.show {
- display: block;
- }
-}
-
-tr {
- &.collapse.show {
- display: table-row;
- }
-}
-
-tbody {
- &.collapse.show {
- display: table-row-group;
- }
-}
-
-.collapsing {
- position: relative;
- height: 0;
- overflow: hidden;
- @include transition($transition-collapse);
-}
diff --git a/Angular4_CLI_Starter/src/scss/bootstrap/_type.scss b/Angular4_CLI_Starter/src/scss/bootstrap/_type.scss
deleted file mode 100755
index 8928341da..000000000
--- a/Angular4_CLI_Starter/src/scss/bootstrap/_type.scss
+++ /dev/null
@@ -1,123 +0,0 @@
-//
-// Headings
-//
-
-h1, h2, h3, h4, h5, h6,
-.h1, .h2, .h3, .h4, .h5, .h6 {
- margin-bottom: $headings-margin-bottom;
- font-family: $headings-font-family;
- font-weight: $headings-font-weight;
- line-height: $headings-line-height;
- color: $headings-color;
-}
-
-h1, .h1 { font-size: $h1-font-size; }
-h2, .h2 { font-size: $h2-font-size; }
-h3, .h3 { font-size: $h3-font-size; }
-h4, .h4 { font-size: $h4-font-size; }
-h5, .h5 { font-size: $h5-font-size; }
-h6, .h6 { font-size: $h6-font-size; }
-
-.lead {
- font-size: $lead-font-size;
- font-weight: $lead-font-weight;
-}
-
-// Type display classes
-.display-1 {
- font-size: $display1-size;
- font-weight: $display1-weight;
- line-height: $display-line-height;
-}
-.display-2 {
- font-size: $display2-size;
- font-weight: $display2-weight;
- line-height: $display-line-height;
-}
-.display-3 {
- font-size: $display3-size;
- font-weight: $display3-weight;
- line-height: $display-line-height;
-}
-.display-4 {
- font-size: $display4-size;
- font-weight: $display4-weight;
- line-height: $display-line-height;
-}
-
-
-//
-// Horizontal rules
-//
-
-hr {
- margin-top: 1rem;
- margin-bottom: 1rem;
- border: 0;
- border-top: $hr-border-width solid $hr-border-color;
-}
-
-
-//
-// Emphasis
-//
-
-small,
-.small {
- font-size: $small-font-size;
- font-weight: $font-weight-normal;
-}
-
-mark,
-.mark {
- padding: $mark-padding;
- background-color: $mark-bg;
-}
-
-
-//
-// Lists
-//
-
-.list-unstyled {
- @include list-unstyled;
-}
-
-// Inline turns list items into inline-block
-.list-inline {
- @include list-unstyled;
-}
-.list-inline-item {
- display: inline-block;
-
- &:not(:last-child) {
- margin-right: $list-inline-padding;
- }
-}
-
-
-//
-// Misc
-//
-
-// Builds on `abbr`
-.initialism {
- font-size: 90%;
- text-transform: uppercase;
-}
-
-// Blockquotes
-.blockquote {
- margin-bottom: $spacer;
- font-size: $blockquote-font-size;
-}
-
-.blockquote-footer {
- display: block;
- font-size: 80%; // back to default font-size
- color: $blockquote-small-color;
-
- &::before {
- content: "\2014 \00A0"; // em dash, nbsp
- }
-}
diff --git a/Angular4_CLI_Starter/src/scss/bootstrap/_utilities.scss b/Angular4_CLI_Starter/src/scss/bootstrap/_utilities.scss
deleted file mode 100755
index 7b2a1ebe9..000000000
--- a/Angular4_CLI_Starter/src/scss/bootstrap/_utilities.scss
+++ /dev/null
@@ -1,14 +0,0 @@
-@import "https://github.com/utilities/align";
-@import "https://github.com/utilities/background";
-@import "https://github.com/utilities/borders";
-@import "https://github.com/utilities/clearfix";
-@import "https://github.com/utilities/display";
-@import "https://github.com/utilities/embed";
-@import "https://github.com/utilities/flex";
-@import "https://github.com/utilities/float";
-@import "https://github.com/utilities/position";
-@import "https://github.com/utilities/screenreaders";
-@import "https://github.com/utilities/sizing";
-@import "https://github.com/utilities/spacing";
-@import "https://github.com/utilities/text";
-@import "https://github.com/utilities/visibility";
diff --git a/Angular4_CLI_Starter/src/scss/bootstrap/_variables.scss b/Angular4_CLI_Starter/src/scss/bootstrap/_variables.scss
deleted file mode 100755
index e2bacef4a..000000000
--- a/Angular4_CLI_Starter/src/scss/bootstrap/_variables.scss
+++ /dev/null
@@ -1,837 +0,0 @@
-// Variables
-//
-// Copy settings from this file into the provided `_custom.scss` to override
-// the Bootstrap defaults without modifying key, versioned files.
-//
-// Variables should follow the `$component-state-property-size` formula for
-// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.
-
-// Table of Contents
-//
-// Color system
-// Options
-// Spacing
-// Body
-// Links
-// Grid breakpoints
-// Grid containers
-// Grid columns
-// Fonts
-// Components
-// Tables
-// Buttons
-// Forms
-// Dropdowns
-// Z-index master list
-// Navs
-// Navbar
-// Pagination
-// Jumbotron
-// Form states and alerts
-// Cards
-// Tooltips
-// Popovers
-// Badges
-// Modals
-// Alerts
-// Progress bars
-// List group
-// Image thumbnails
-// Figures
-// Breadcrumbs
-// Carousel
-// Close
-// Code
-
-
-//
-// Color system
-//
-
-$white: #fff !default;
-$gray-100: #f8f9fa !default;
-$gray-200: #e9ecef !default;
-$gray-300: #dee2e6 !default;
-$gray-400: #ced4da !default;
-$gray-500: #adb5bd !default;
-$gray-600: #868e96 !default;
-$gray-700: #495057 !default;
-$gray-800: #343a40 !default;
-$gray-900: #212529 !default;
-$black: #000 !default;
-
-$grays: (
- 100: $gray-100,
- 200: $gray-200,
- 300: $gray-300,
- 400: $gray-400,
- 500: $gray-500,
- 600: $gray-600,
- 700: $gray-700,
- 800: $gray-800,
- 900: $gray-900
-) !default;
-
-$blue: #007bff !default;
-$indigo: #6610f2 !default;
-$purple: #6f42c1 !default;
-$pink: #e83e8c !default;
-$red: #dc3545 !default;
-$orange: #fd7e14 !default;
-$yellow: #ffc107 !default;
-$green: #28a745 !default;
-$teal: #20c997 !default;
-$cyan: #17a2b8 !default;
-
-$colors: (
- blue: $blue,
- indigo: $indigo,
- purple: $purple,
- pink: $pink,
- red: $red,
- orange: $orange,
- yellow: $yellow,
- green: $green,
- teal: $teal,
- cyan: $cyan,
- white: $white,
- gray: $gray-600,
- gray-dark: $gray-800
-) !default;
-
-$theme-colors: (
- primary: $blue,
- secondary: $gray-600,
- success: $green,
- info: $cyan,
- warning: $yellow,
- danger: $red,
- light: $gray-100,
- dark: $gray-800
-) !default;
-
-// Set a specific jump point for requesting color jumps
-$theme-color-interval: 8% !default;
-
-
-// Options
-//
-// Quickly modify global styling by enabling or disabling optional features.
-
-$enable-rounded: true !default;
-$enable-shadows: false !default;
-$enable-gradients: false !default;
-$enable-transitions: true !default;
-$enable-hover-media-query: false !default;
-$enable-grid-classes: true !default;
-$enable-print-styles: true !default;
-
-
-// Spacing
-//
-// Control the default styling of most Bootstrap elements by modifying these
-// variables. Mostly focused on spacing.
-// You can add more entries to the $spacers map, should you need more variation.
-
-$spacer: 1rem !default;
-$spacers: (
- 0: 0,
- 1: ($spacer * .25),
- 2: ($spacer * .5),
- 3: $spacer,
- 4: ($spacer * 1.5),
- 5: ($spacer * 3)
-) !default;
-
-// This variable affects the `.h-*` and `.w-*` classes.
-$sizes: (
- 25: 25%,
- 50: 50%,
- 75: 75%,
- 100: 100%
-) !default;
-
-// Body
-//
-// Settings for the `` element.
-
-$body-bg: $white !default;
-$body-color: $gray-900 !default;
-
-// Links
-//
-// Style anchor elements.
-
-$link-color: theme-color("primary") !default;
-$link-decoration: none !default;
-$link-hover-color: darken($link-color, 15%) !default;
-$link-hover-decoration: underline !default;
-
-
-// Grid breakpoints
-//
-// Define the minimum dimensions at which your layout will change,
-// adapting to different screen sizes, for use in media queries.
-
-$grid-breakpoints: (
- xs: 0,
- sm: 576px,
- md: 768px,
- lg: 992px,
- xl: 1200px
-) !default;
-@include _assert-ascending($grid-breakpoints, "$grid-breakpoints");
-@include _assert-starts-at-zero($grid-breakpoints);
-
-
-// Grid containers
-//
-// Define the maximum width of `.container` for different screen sizes.
-
-$container-max-widths: (
- sm: 540px,
- md: 720px,
- lg: 960px,
- xl: 1140px
-) !default;
-@include _assert-ascending($container-max-widths, "$container-max-widths");
-
-
-// Grid columns
-//
-// Set the number of columns and specify the width of the gutters.
-
-$grid-columns: 12 !default;
-$grid-gutter-width: 30px !default;
-
-// Components
-//
-// Define common padding and border radius sizes and more.
-
-$line-height-lg: 1.5 !default;
-$line-height-sm: 1.5 !default;
-
-$border-width: 1px !default;
-
-$border-radius: .25rem !default;
-$border-radius-lg: .3rem !default;
-$border-radius-sm: .2rem !default;
-
-$component-active-color: $white !default;
-$component-active-bg: theme-color("primary") !default;
-
-$caret-width: .3em !default;
-
-$transition-base: all .2s ease-in-out !default;
-$transition-fade: opacity .15s linear !default;
-$transition-collapse: height .35s ease !default;
-
-
-// Fonts
-//
-// Font, line-height, and color for body text, headings, and more.
-
-$font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !default;
-$font-family-monospace: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;
-$font-family-base: $font-family-sans-serif !default;
-
-$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`
-$font-size-lg: 1.25rem !default;
-$font-size-sm: .875rem !default;
-
-$font-weight-normal: normal !default;
-$font-weight-bold: bold !default;
-
-$font-weight-base: $font-weight-normal !default;
-$line-height-base: 1.5 !default;
-
-$h1-font-size: 2.5rem !default;
-$h2-font-size: 2rem !default;
-$h3-font-size: 1.75rem !default;
-$h4-font-size: 1.5rem !default;
-$h5-font-size: 1.25rem !default;
-$h6-font-size: 1rem !default;
-
-$headings-margin-bottom: ($spacer / 2) !default;
-$headings-font-family: inherit !default;
-$headings-font-weight: 500 !default;
-$headings-line-height: 1.1 !default;
-$headings-color: inherit !default;
-
-$display1-size: 6rem !default;
-$display2-size: 5.5rem !default;
-$display3-size: 4.5rem !default;
-$display4-size: 3.5rem !default;
-
-$display1-weight: 300 !default;
-$display2-weight: 300 !default;
-$display3-weight: 300 !default;
-$display4-weight: 300 !default;
-$display-line-height: $headings-line-height !default;
-
-$lead-font-size: 1.25rem !default;
-$lead-font-weight: 300 !default;
-
-$small-font-size: 80% !default;
-
-$text-muted: $gray-600 !default;
-
-$blockquote-small-color: $gray-600 !default;
-$blockquote-font-size: ($font-size-base * 1.25) !default;
-
-$hr-border-color: rgba($black,.1) !default;
-$hr-border-width: $border-width !default;
-
-$mark-padding: .2em !default;
-
-$dt-font-weight: $font-weight-bold !default;
-
-$kbd-box-shadow: inset 0 -.1rem 0 rgba($black,.25) !default;
-$nested-kbd-font-weight: $font-weight-bold !default;
-
-$list-inline-padding: 5px !default;
-
-$mark-bg: #fcf8e3 !default;
-
-
-// Tables
-//
-// Customizes the `.table` component with basic values, each used across all table variations.
-
-$table-cell-padding: .75rem !default;
-$table-cell-padding-sm: .3rem !default;
-
-$table-bg: transparent !default;
-$table-accent-bg: rgba($black,.05) !default;
-$table-hover-bg: rgba($black,.075) !default;
-$table-active-bg: $table-hover-bg !default;
-
-$table-border-width: $border-width !default;
-$table-border-color: $gray-200 !default;
-
-$table-head-bg: $gray-200 !default;
-$table-head-color: $gray-700 !default;
-
-$table-inverse-bg: $gray-900 !default;
-$table-inverse-accent-bg: rgba($white, .05) !default;
-$table-inverse-hover-bg: rgba($white, .075) !default;
-$table-inverse-border-color: lighten($gray-900, 7.5%) !default;
-$table-inverse-color: $body-bg !default;
-
-
-// Buttons
-//
-// For each of Bootstrap's buttons, define text, background and border color.
-
-$input-btn-padding-y: .5rem !default;
-$input-btn-padding-x: .75rem !default;
-$input-btn-line-height: 1.25 !default;
-
-$input-btn-padding-y-sm: .25rem !default;
-$input-btn-padding-x-sm: .5rem !default;
-$input-btn-line-height-sm: 1.5 !default;
-
-$input-btn-padding-y-lg: .5rem !default;
-$input-btn-padding-x-lg: 1rem !default;
-$input-btn-line-height-lg: 1.5 !default;
-
-$btn-font-weight: $font-weight-normal !default;
-$btn-box-shadow: inset 0 1px 0 rgba($white,.15), 0 1px 1px rgba($black,.075) !default;
-$btn-focus-box-shadow: 0 0 0 3px rgba(theme-color("primary"), .25) !default;
-$btn-active-box-shadow: inset 0 3px 5px rgba($black,.125) !default;
-
-$btn-link-disabled-color: $gray-600 !default;
-
-$btn-block-spacing-y: .5rem !default;
-
-// Allows for customizing button radius independently from global border radius
-$btn-border-radius: $border-radius !default;
-$btn-border-radius-lg: $border-radius-lg !default;
-$btn-border-radius-sm: $border-radius-sm !default;
-
-$btn-transition: all .15s ease-in-out !default;
-
-
-// Forms
-
-$input-bg: $white !default;
-$input-disabled-bg: $gray-200 !default;
-
-$input-color: $gray-700 !default;
-$input-border-color: rgba($black,.15) !default;
-$input-btn-border-width: $border-width !default; // For form controls and buttons
-$input-box-shadow: inset 0 1px 1px rgba($black,.075) !default;
-
-$input-border-radius: $border-radius !default;
-$input-border-radius-lg: $border-radius-lg !default;
-$input-border-radius-sm: $border-radius-sm !default;
-
-$input-focus-bg: $input-bg !default;
-$input-focus-border-color: lighten(theme-color("primary"), 25%) !default;
-$input-focus-box-shadow: $input-box-shadow, $btn-focus-box-shadow !default;
-$input-focus-color: $input-color !default;
-
-$input-placeholder-color: $gray-600 !default;
-
-$input-height-border: $input-btn-border-width * 2 !default;
-
-$input-height-inner: ($font-size-base * $input-btn-line-height) + ($input-btn-padding-y * 2) !default;
-$input-height: calc(#{$input-height-inner} + #{$input-height-border}) !default;
-
-$input-height-inner-sm: ($font-size-sm * $input-btn-line-height-sm) + ($input-btn-padding-y-sm * 2) !default;
-$input-height-sm: calc(#{$input-height-inner-sm} + #{$input-height-border}) !default;
-
-$input-height-inner-lg: ($font-size-sm * $input-btn-line-height-lg) + ($input-btn-padding-y-lg * 2) !default;
-$input-height-lg: calc(#{$input-height-inner-lg} + #{$input-height-border}) !default;
-
-$input-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s !default;
-
-$form-text-margin-top: .25rem !default;
-
-$form-check-margin-bottom: .5rem !default;
-$form-check-input-gutter: 1.25rem !default;
-$form-check-input-margin-y: .25rem !default;
-$form-check-input-margin-x: .25rem !default;
-
-$form-check-inline-margin-x: .75rem !default;
-
-$form-group-margin-bottom: 1rem !default;
-
-$input-group-addon-bg: $gray-200 !default;
-$input-group-addon-border-color: $input-border-color !default;
-
-$custom-control-gutter: 1.5rem !default;
-$custom-control-spacer-y: .25rem !default;
-$custom-control-spacer-x: 1rem !default;
-
-$custom-control-indicator-size: 1rem !default;
-$custom-control-indicator-bg: #ddd !default;
-$custom-control-indicator-bg-size: 50% 50% !default;
-$custom-control-indicator-box-shadow: inset 0 .25rem .25rem rgba($black,.1) !default;
-
-$custom-control-indicator-disabled-bg: $gray-200 !default;
-$custom-control-description-disabled-color: $gray-600 !default;
-
-$custom-control-indicator-checked-color: $white !default;
-$custom-control-indicator-checked-bg: theme-color("primary") !default;
-$custom-control-indicator-checked-box-shadow: none !default;
-
-$custom-control-indicator-focus-box-shadow: 0 0 0 1px $body-bg, 0 0 0 3px theme-color("primary") !default;
-
-$custom-control-indicator-active-color: $white !default;
-$custom-control-indicator-active-bg: lighten(theme-color("primary"), 35%) !default;
-$custom-control-indicator-active-box-shadow: none !default;
-
-$custom-checkbox-indicator-border-radius: $border-radius !default;
-$custom-checkbox-indicator-icon-checked: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#{$custom-control-indicator-checked-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"), "#", "%23") !default;
-
-$custom-checkbox-indicator-indeterminate-bg: theme-color("primary") !default;
-$custom-checkbox-indicator-indeterminate-color: $custom-control-indicator-checked-color !default;
-$custom-checkbox-indicator-icon-indeterminate: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='#{$custom-checkbox-indicator-indeterminate-color}' d='M0 2h4'/%3E%3C/svg%3E"), "#", "%23") !default;
-$custom-checkbox-indicator-indeterminate-box-shadow: none !default;
-
-$custom-radio-indicator-border-radius: 50% !default;
-$custom-radio-indicator-icon-checked: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='#{$custom-control-indicator-checked-color}'/%3E%3C/svg%3E"), "#", "%23") !default;
-
-$custom-select-padding-y: .375rem !default;
-$custom-select-padding-x: .75rem !default;
-$custom-select-height: $input-height !default;
-$custom-select-indicator-padding: 1rem !default; // Extra padding to account for the presence of the background-image based indicator
-$custom-select-line-height: $input-btn-line-height !default;
-$custom-select-color: $input-color !default;
-$custom-select-disabled-color: $gray-600 !default;
-$custom-select-bg: $white !default;
-$custom-select-disabled-bg: $gray-200 !default;
-$custom-select-bg-size: 8px 10px !default; // In pixels because image dimensions
-$custom-select-indicator-color: #333 !default;
-$custom-select-indicator: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E"), "#", "%23") !default;
-$custom-select-border-width: $input-btn-border-width !default;
-$custom-select-border-color: $input-border-color !default;
-$custom-select-border-radius: $border-radius !default;
-
-$custom-select-focus-border-color: lighten(theme-color("primary"), 25%) !default;
-$custom-select-focus-box-shadow: inset 0 1px 2px rgba($black, .075), 0 0 5px rgba($custom-select-focus-border-color, .5) !default;
-
-$custom-select-font-size-sm: 75% !default;
-$custom-select-height-sm: $input-height-sm !default;
-
-$custom-file-height: 2.5rem !default;
-$custom-file-width: 14rem !default;
-$custom-file-focus-box-shadow: 0 0 0 .075rem $white, 0 0 0 .2rem theme-color("primary") !default;
-
-$custom-file-padding-y: 1rem !default;
-$custom-file-padding-x: .5rem !default;
-$custom-file-line-height: 1.5 !default;
-$custom-file-color: $gray-700 !default;
-$custom-file-bg: $white !default;
-$custom-file-border-width: $border-width !default;
-$custom-file-border-color: $input-border-color !default;
-$custom-file-border-radius: $border-radius !default;
-$custom-file-box-shadow: inset 0 .2rem .4rem rgba($black,.05) !default;
-$custom-file-button-color: $custom-file-color !default;
-$custom-file-button-bg: $gray-200 !default;
-$custom-file-text: (
- placeholder: (
- en: "Choose file..."
- ),
- button-label: (
- en: "Browse"
- )
-) !default;
-
-
-// Form validation
-$form-feedback-valid-color: theme-color("success") !default;
-$form-feedback-invalid-color: theme-color("danger") !default;
-
-
-// Dropdowns
-//
-// Dropdown menu container and contents.
-
-$dropdown-min-width: 10rem !default;
-$dropdown-padding-y: .5rem !default;
-$dropdown-spacer: .125rem !default;
-$dropdown-bg: $white !default;
-$dropdown-border-color: rgba($black,.15) !default;
-$dropdown-border-width: $border-width !default;
-$dropdown-divider-bg: $gray-200 !default;
-$dropdown-box-shadow: 0 .5rem 1rem rgba($black,.175) !default;
-
-$dropdown-link-color: $gray-900 !default;
-$dropdown-link-hover-color: darken($gray-900, 5%) !default;
-$dropdown-link-hover-bg: $gray-100 !default;
-
-$dropdown-link-active-color: $component-active-color !default;
-$dropdown-link-active-bg: $component-active-bg !default;
-
-$dropdown-link-disabled-color: $gray-600 !default;
-
-$dropdown-item-padding-y: .25rem !default;
-$dropdown-item-padding-x: 1.5rem !default;
-
-$dropdown-header-color: $gray-600 !default;
-
-
-// Z-index master list
-//
-// Warning: Avoid customizing these values. They're used for a bird's eye view
-// of components dependent on the z-axis and are designed to all work together.
-
-$zindex-dropdown: 1000 !default;
-$zindex-sticky: 1020 !default;
-$zindex-fixed: 1030 !default;
-$zindex-modal-backdrop: 1040 !default;
-$zindex-modal: 1050 !default;
-$zindex-popover: 1060 !default;
-$zindex-tooltip: 1070 !default;
-
-// Navs
-
-$nav-link-padding-y: .5rem !default;
-$nav-link-padding-x: 1rem !default;
-$nav-link-disabled-color: $gray-600 !default;
-
-$nav-tabs-border-color: #ddd !default;
-$nav-tabs-border-width: $border-width !default;
-$nav-tabs-border-radius: $border-radius !default;
-$nav-tabs-link-hover-border-color: $gray-200 !default;
-$nav-tabs-link-active-color: $gray-700 !default;
-$nav-tabs-link-active-bg: $body-bg !default;
-$nav-tabs-link-active-border-color: #ddd !default;
-
-$nav-pills-border-radius: $border-radius !default;
-$nav-pills-link-active-color: $component-active-color !default;
-$nav-pills-link-active-bg: $component-active-bg !default;
-
-// Navbar
-
-$navbar-padding-y: ($spacer / 2) !default;
-$navbar-padding-x: $spacer !default;
-
-$navbar-brand-font-size: $font-size-lg !default;
-// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link
-$nav-link-height: $navbar-brand-font-size * $line-height-base !default;
-$navbar-brand-height: ($font-size-base * $line-height-base + $nav-link-padding-y * 2) !default;
-$navbar-brand-padding-y: ($navbar-brand-height - $nav-link-height) / 2 !default;
-
-$navbar-toggler-padding-y: .25rem !default;
-$navbar-toggler-padding-x: .75rem !default;
-$navbar-toggler-font-size: $font-size-lg !default;
-$navbar-toggler-border-radius: $btn-border-radius !default;
-
-$navbar-dark-color: rgba($white,.5) !default;
-$navbar-dark-hover-color: rgba($white,.75) !default;
-$navbar-dark-active-color: rgba($white,1) !default;
-$navbar-dark-disabled-color: rgba($white,.25) !default;
-$navbar-dark-toggler-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-dark-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"), "#", "%23") !default;
-$navbar-dark-toggler-border-color: rgba($white,.1) !default;
-
-$navbar-light-color: rgba($black,.5) !default;
-$navbar-light-hover-color: rgba($black,.7) !default;
-$navbar-light-active-color: rgba($black,.9) !default;
-$navbar-light-disabled-color: rgba($black,.3) !default;
-$navbar-light-toggler-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-light-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"), "#", "%23") !default;
-$navbar-light-toggler-border-color: rgba($black,.1) !default;
-
-// Pagination
-
-$pagination-padding-y: .5rem !default;
-$pagination-padding-x: .75rem !default;
-$pagination-padding-y-sm: .25rem !default;
-$pagination-padding-x-sm: .5rem !default;
-$pagination-padding-y-lg: .75rem !default;
-$pagination-padding-x-lg: 1.5rem !default;
-$pagination-line-height: 1.25 !default;
-
-$pagination-color: $link-color !default;
-$pagination-bg: $white !default;
-$pagination-border-width: $border-width !default;
-$pagination-border-color: #ddd !default;
-
-$pagination-hover-color: $link-hover-color !default;
-$pagination-hover-bg: $gray-200 !default;
-$pagination-hover-border-color: #ddd !default;
-
-$pagination-active-color: $white !default;
-$pagination-active-bg: theme-color("primary") !default;
-$pagination-active-border-color: theme-color("primary") !default;
-
-$pagination-disabled-color: $gray-600 !default;
-$pagination-disabled-bg: $white !default;
-$pagination-disabled-border-color: #ddd !default;
-
-
-// Jumbotron
-
-$jumbotron-padding: 2rem !default;
-$jumbotron-bg: $gray-200 !default;
-
-
-// Cards
-
-$card-spacer-y: .75rem !default;
-$card-spacer-x: 1.25rem !default;
-$card-border-width: 1px !default;
-$card-border-radius: $border-radius !default;
-$card-border-color: rgba($black,.125) !default;
-$card-inner-border-radius: calc(#{$card-border-radius} - #{$card-border-width}) !default;
-$card-cap-bg: rgba($black, .03) !default;
-$card-bg: $white !default;
-
-$card-img-overlay-padding: 1.25rem !default;
-
-$card-deck-margin: ($grid-gutter-width / 2) !default;
-
-$card-columns-count: 3 !default;
-$card-columns-gap: 1.25rem !default;
-$card-columns-margin: $card-spacer-y !default;
-
-
-// Tooltips
-
-$tooltip-max-width: 200px !default;
-$tooltip-color: $white !default;
-$tooltip-bg: $black !default;
-$tooltip-opacity: .9 !default;
-$tooltip-padding-y: 3px !default;
-$tooltip-padding-x: 8px !default;
-$tooltip-margin: 0 !default;
-
-
-$tooltip-arrow-width: 5px !default;
-$tooltip-arrow-height: 5px !default;
-$tooltip-arrow-color: $tooltip-bg !default;
-
-
-// Popovers
-
-$popover-inner-padding: 1px !default;
-$popover-bg: $white !default;
-$popover-max-width: 276px !default;
-$popover-border-width: $border-width !default;
-$popover-border-color: rgba($black,.2) !default;
-$popover-box-shadow: 0 5px 10px rgba($black,.2) !default;
-
-$popover-header-bg: darken($popover-bg, 3%) !default;
-$popover-header-color: $headings-color !default;
-$popover-header-padding-y: 8px !default;
-$popover-header-padding-x: 14px !default;
-
-$popover-body-color: $body-color !default;
-$popover-body-padding-y: 9px !default;
-$popover-body-padding-x: 14px !default;
-
-$popover-arrow-width: 10px !default;
-$popover-arrow-height: 5px !default;
-$popover-arrow-color: $popover-bg !default;
-
-$popover-arrow-outer-width: ($popover-arrow-width + 1px) !default;
-$popover-arrow-outer-color: fade-in($popover-border-color, .05) !default;
-
-
-// Badges
-
-$badge-color: $white !default;
-$badge-font-size: 75% !default;
-$badge-font-weight: $font-weight-bold !default;
-$badge-padding-y: .25em !default;
-$badge-padding-x: .4em !default;
-
-$badge-pill-padding-x: .6em !default;
-// Use a higher than normal value to ensure completely rounded edges when
-// customizing padding or font-size on labels.
-$badge-pill-border-radius: 10rem !default;
-
-
-// Modals
-
-// Padding applied to the modal body
-$modal-inner-padding: 15px !default;
-
-$modal-dialog-margin: 10px !default;
-$modal-dialog-margin-y-sm-up: 30px !default;
-
-$modal-title-line-height: $line-height-base !default;
-
-$modal-content-bg: $white !default;
-$modal-content-border-color: rgba($black,.2) !default;
-$modal-content-border-width: $border-width !default;
-$modal-content-box-shadow-xs: 0 3px 9px rgba($black,.5) !default;
-$modal-content-box-shadow-sm-up: 0 5px 15px rgba($black,.5) !default;
-
-$modal-backdrop-bg: $black !default;
-$modal-backdrop-opacity: .5 !default;
-$modal-header-border-color: $gray-200 !default;
-$modal-footer-border-color: $modal-header-border-color !default;
-$modal-header-border-width: $modal-content-border-width !default;
-$modal-footer-border-width: $modal-header-border-width !default;
-$modal-header-padding: 15px !default;
-
-$modal-lg: 800px !default;
-$modal-md: 500px !default;
-$modal-sm: 300px !default;
-
-$modal-transition: transform .3s ease-out !default;
-
-
-// Alerts
-//
-// Define alert colors, border radius, and padding.
-
-$alert-padding-y: .75rem !default;
-$alert-padding-x: 1.25rem !default;
-$alert-margin-bottom: 1rem !default;
-$alert-border-radius: $border-radius !default;
-$alert-link-font-weight: $font-weight-bold !default;
-$alert-border-width: $border-width !default;
-
-
-// Progress bars
-
-$progress-height: 1rem !default;
-$progress-font-size: .75rem !default;
-$progress-bg: $gray-200 !default;
-$progress-border-radius: $border-radius !default;
-$progress-box-shadow: inset 0 .1rem .1rem rgba($black,.1) !default;
-$progress-bar-color: $white !default;
-$progress-bar-bg: theme-color("primary") !default;
-$progress-bar-animation-timing: 1s linear infinite !default;
-$progress-bar-transition: width .6s ease !default;
-
-// List group
-
-$list-group-bg: $white !default;
-$list-group-border-color: rgba($black,.125) !default;
-$list-group-border-width: $border-width !default;
-$list-group-border-radius: $border-radius !default;
-
-$list-group-item-padding-y: .75rem !default;
-$list-group-item-padding-x: 1.25rem !default;
-
-$list-group-hover-bg: $gray-100 !default;
-$list-group-active-color: $component-active-color !default;
-$list-group-active-bg: $component-active-bg !default;
-$list-group-active-border-color: $list-group-active-bg !default;
-
-$list-group-disabled-color: $gray-600 !default;
-$list-group-disabled-bg: $list-group-bg !default;
-
-$list-group-action-color: $gray-700 !default;
-$list-group-action-hover-color: $list-group-action-color !default;
-
-$list-group-action-active-color: $body-color !default;
-$list-group-action-active-bg: $gray-200 !default;
-
-
-// Image thumbnails
-
-$thumbnail-padding: .25rem !default;
-$thumbnail-bg: $body-bg !default;
-$thumbnail-border-width: $border-width !default;
-$thumbnail-border-color: #ddd !default;
-$thumbnail-border-radius: $border-radius !default;
-$thumbnail-box-shadow: 0 1px 2px rgba($black,.075) !default;
-$thumbnail-transition: all .2s ease-in-out !default;
-
-
-// Figures
-
-$figure-caption-font-size: 90% !default;
-$figure-caption-color: $gray-600 !default;
-
-
-// Breadcrumbs
-
-$breadcrumb-padding-y: .75rem !default;
-$breadcrumb-padding-x: 1rem !default;
-$breadcrumb-item-padding: .5rem !default;
-
-$breadcrumb-bg: $gray-200 !default;
-$breadcrumb-divider-color: $gray-600 !default;
-$breadcrumb-active-color: $gray-600 !default;
-$breadcrumb-divider: "/" !default;
-
-
-// Carousel
-
-$carousel-control-color: $white !default;
-$carousel-control-width: 15% !default;
-$carousel-control-opacity: .5 !default;
-
-$carousel-indicator-width: 30px !default;
-$carousel-indicator-height: 3px !default;
-$carousel-indicator-spacer: 3px !default;
-$carousel-indicator-active-bg: $white !default;
-
-$carousel-caption-width: 70% !default;
-$carousel-caption-color: $white !default;
-
-$carousel-control-icon-width: 20px !default;
-
-$carousel-control-prev-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M4 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"), "#", "%23") !default;
-$carousel-control-next-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M1.5 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"), "#", "%23") !default;
-
-$carousel-transition: transform .6s ease !default;
-
-
-// Close
-
-$close-font-size: $font-size-base * 1.5 !default;
-$close-font-weight: $font-weight-bold !default;
-$close-color: $black !default;
-$close-text-shadow: 0 1px 0 $white !default;
-
-// Code
-
-$code-font-size: 90% !default;
-$code-padding-y: .2rem !default;
-$code-padding-x: .4rem !default;
-$code-color: #bd4147 !default;
-$code-bg: $gray-100 !default;
-
-$kbd-color: $white !default;
-$kbd-bg: $gray-900 !default;
-
-$pre-color: $gray-900 !default;
-$pre-scrollable-max-height: 340px !default;
diff --git a/Angular4_CLI_Starter/src/scss/bootstrap/bootstrap-grid.scss b/Angular4_CLI_Starter/src/scss/bootstrap/bootstrap-grid.scss
deleted file mode 100755
index 4b2bddd5d..000000000
--- a/Angular4_CLI_Starter/src/scss/bootstrap/bootstrap-grid.scss
+++ /dev/null
@@ -1,37 +0,0 @@
-// Bootstrap Grid only
-//
-// Includes relevant variables and mixins for the flexbox grid
-// system, as well as the generated predefined classes (e.g., `.col-sm-4`).
-
-//
-// Box sizing, responsive, and more
-//
-
-@at-root {
- @-ms-viewport { width: device-width; }
-}
-
-html {
- box-sizing: border-box;
- -ms-overflow-style: scrollbar;
-}
-
-*,
-*::before,
-*::after {
- box-sizing: inherit;
-}
-
-@import "https://github.com/functions";
-@import "https://github.com/variables";
-
-//
-// Grid mixins
-//
-
-@import "https://github.com/mixins/breakpoints";
-@import "https://github.com/mixins/grid-framework";
-@import "https://github.com/mixins/grid";
-
-@import "https://github.com/grid";
-@import "https://github.com/utilities/flex";
diff --git a/Angular4_CLI_Starter/src/scss/bootstrap/bootstrap-reboot.scss b/Angular4_CLI_Starter/src/scss/bootstrap/bootstrap-reboot.scss
deleted file mode 100755
index 2700a5705..000000000
--- a/Angular4_CLI_Starter/src/scss/bootstrap/bootstrap-reboot.scss
+++ /dev/null
@@ -1,9 +0,0 @@
-// Bootstrap Reboot only
-//
-// Includes only Normalize and our custom Reboot reset.
-
-@import "https://github.com/functions";
-@import "https://github.com/variables";
-@import "https://github.com/mixins";
-
-@import "https://github.com/reboot";
diff --git a/Angular4_CLI_Starter/src/scss/bootstrap/bootstrap.scss b/Angular4_CLI_Starter/src/scss/bootstrap/bootstrap.scss
deleted file mode 100755
index 648f446b6..000000000
--- a/Angular4_CLI_Starter/src/scss/bootstrap/bootstrap.scss
+++ /dev/null
@@ -1,41 +0,0 @@
-/*!
- * Bootstrap v4.0.0-beta (https://getbootstrap.com)
- * Copyright 2011-2017 The Bootstrap Authors
- * Copyright 2011-2017 Twitter, Inc.
- * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
- */
-
-@import "https://github.com/functions";
-@import "https://github.com/variables";
-@import "https://github.com/mixins";
-@import "https://github.com/print";
-@import "https://github.com/reboot";
-@import "https://github.com/type";
-@import "https://github.com/images";
-@import "https://github.com/code";
-@import "https://github.com/grid";
-@import "https://github.com/tables";
-@import "https://github.com/forms";
-@import "https://github.com/buttons";
-@import "https://github.com/transitions";
-@import "https://github.com/dropdown";
-@import "https://github.com/button-group";
-@import "https://github.com/input-group";
-@import "https://github.com/custom-forms";
-@import "https://github.com/nav";
-@import "https://github.com/navbar";
-@import "https://github.com/card";
-@import "https://github.com/breadcrumb";
-@import "https://github.com/pagination";
-@import "https://github.com/badge";
-@import "https://github.com/jumbotron";
-@import "https://github.com/alert";
-@import "https://github.com/progress";
-@import "https://github.com/media";
-@import "https://github.com/list-group";
-@import "https://github.com/close";
-@import "https://github.com/modal";
-@import "https://github.com/tooltip";
-@import "https://github.com/popover";
-@import "https://github.com/carousel";
-@import "https://github.com/utilities";
diff --git a/Angular4_CLI_Starter/src/scss/bootstrap/mixins/_alert.scss b/Angular4_CLI_Starter/src/scss/bootstrap/mixins/_alert.scss
deleted file mode 100755
index d938e8972..000000000
--- a/Angular4_CLI_Starter/src/scss/bootstrap/mixins/_alert.scss
+++ /dev/null
@@ -1,13 +0,0 @@
-@mixin alert-variant($background, $border, $color) {
- color: $color;
- background-color: $background;
- border-color: $border;
-
- hr {
- border-top-color: darken($border, 5%);
- }
-
- .alert-link {
- color: darken($color, 10%);
- }
-}
diff --git a/Angular4_CLI_Starter/src/scss/bootstrap/mixins/_background-variant.scss b/Angular4_CLI_Starter/src/scss/bootstrap/mixins/_background-variant.scss
deleted file mode 100755
index 54a734dcc..000000000
--- a/Angular4_CLI_Starter/src/scss/bootstrap/mixins/_background-variant.scss
+++ /dev/null
@@ -1,12 +0,0 @@
-// Contextual backgrounds
-
-@mixin bg-variant($parent, $color) {
- #{$parent} {
- background-color: $color !important;
- }
- a#{$parent} {
- @include hover-focus {
- background-color: darken($color, 10%) !important;
- }
- }
-}
diff --git a/Angular4_CLI_Starter/src/scss/bootstrap/mixins/_badge.scss b/Angular4_CLI_Starter/src/scss/bootstrap/mixins/_badge.scss
deleted file mode 100755
index 257a6abb7..000000000
--- a/Angular4_CLI_Starter/src/scss/bootstrap/mixins/_badge.scss
+++ /dev/null
@@ -1,12 +0,0 @@
-@mixin badge-variant($bg) {
- @include color-yiq($bg);
- background-color: $bg;
-
- &[href] {
- @include hover-focus {
- @include color-yiq($bg);
- text-decoration: none;
- background-color: darken($bg, 10%);
- }
- }
-}
diff --git a/Angular4_CLI_Starter/src/scss/bootstrap/mixins/_border-radius.scss b/Angular4_CLI_Starter/src/scss/bootstrap/mixins/_border-radius.scss
deleted file mode 100755
index 2024febcf..000000000
--- a/Angular4_CLI_Starter/src/scss/bootstrap/mixins/_border-radius.scss
+++ /dev/null
@@ -1,35 +0,0 @@
-// Single side border-radius
-
-@mixin border-radius($radius: $border-radius) {
- @if $enable-rounded {
- border-radius: $radius;
- }
-}
-
-@mixin border-top-radius($radius) {
- @if $enable-rounded {
- border-top-left-radius: $radius;
- border-top-right-radius: $radius;
- }
-}
-
-@mixin border-right-radius($radius) {
- @if $enable-rounded {
- border-top-right-radius: $radius;
- border-bottom-right-radius: $radius;
- }
-}
-
-@mixin border-bottom-radius($radius) {
- @if $enable-rounded {
- border-bottom-right-radius: $radius;
- border-bottom-left-radius: $radius;
- }
-}
-
-@mixin border-left-radius($radius) {
- @if $enable-rounded {
- border-top-left-radius: $radius;
- border-bottom-left-radius: $radius;
- }
-}
diff --git a/Angular4_CLI_Starter/src/scss/bootstrap/mixins/_box-shadow.scss b/Angular4_CLI_Starter/src/scss/bootstrap/mixins/_box-shadow.scss
deleted file mode 100755
index b2410e53a..000000000
--- a/Angular4_CLI_Starter/src/scss/bootstrap/mixins/_box-shadow.scss
+++ /dev/null
@@ -1,5 +0,0 @@
-@mixin box-shadow($shadow...) {
- @if $enable-shadows {
- box-shadow: $shadow;
- }
-}
diff --git a/Angular4_CLI_Starter/src/scss/bootstrap/mixins/_breakpoints.scss b/Angular4_CLI_Starter/src/scss/bootstrap/mixins/_breakpoints.scss
deleted file mode 100755
index 8d7378d36..000000000
--- a/Angular4_CLI_Starter/src/scss/bootstrap/mixins/_breakpoints.scss
+++ /dev/null
@@ -1,105 +0,0 @@
-// Breakpoint viewport sizes and media queries.
-//
-// Breakpoints are defined as a map of (name: minimum width), order from small to large:
-//
-// (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)
-//
-// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.
-
-// Name of the next breakpoint, or null for the last breakpoint.
-//
-// >> breakpoint-next(sm)
-// md
-// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
-// md
-// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))
-// md
-@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {
- $n: index($breakpoint-names, $name);
- @return if($n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);
-}
-
-// Minimum breakpoint width. Null for the smallest (first) breakpoint.
-//
-// >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
-// 576px
-@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {
- $min: map-get($breakpoints, $name);
- @return if($min != 0, $min, null);
-}
-
-// Maximum breakpoint width. Null for the largest (last) breakpoint.
-// The maximum value is calculated as the minimum of the next one less 0.1.
-//
-// >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
-// 767px
-@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {
- $next: breakpoint-next($name, $breakpoints);
- @return if($next, breakpoint-min($next, $breakpoints) - 1px, null);
-}
-
-// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash infront.
-// Useful for making responsive utilities.
-//
-// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
-// "" (Returns a blank string)
-// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
-// "-sm"
-@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {
- @return if(breakpoint-min($name, $breakpoints) == null, "", "-#{$name}");
-}
-
-// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.
-// Makes the @content apply to the given breakpoint and wider.
-@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {
- $min: breakpoint-min($name, $breakpoints);
- @if $min {
- @media (min-width: $min) {
- @content;
- }
- } @else {
- @content;
- }
-}
-
-// Media of at most the maximum breakpoint width. No query for the largest breakpoint.
-// Makes the @content apply to the given breakpoint and narrower.
-@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {
- $max: breakpoint-max($name, $breakpoints);
- @if $max {
- @media (max-width: $max) {
- @content;
- }
- } @else {
- @content;
- }
-}
-
-// Media that spans multiple breakpoint widths.
-// Makes the @content apply between the min and max breakpoints
-@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {
- $min: breakpoint-min($lower, $breakpoints);
- $max: breakpoint-max($upper, $breakpoints);
-
- @media (min-width: $min) and (max-width: $max) {
- @content;
- }
-}
-
-// Media between the breakpoint's minimum and maximum widths.
-// No minimum for the smallest breakpoint, and no maximum for the largest one.
-// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.
-@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {
- $min: breakpoint-min($name, $breakpoints);
- $max: breakpoint-max($name, $breakpoints);
-
- @if $min != null and $max != null {
- @media (min-width: $min) and (max-width: $max) {
- @content;
- }
- } @else if $max == null {
- @include media-breakpoint-up($name)
- } @else if $min == null {
- @include media-breakpoint-down($name)
- }
-}
diff --git a/Angular4_CLI_Starter/src/scss/bootstrap/mixins/_buttons.scss b/Angular4_CLI_Starter/src/scss/bootstrap/mixins/_buttons.scss
deleted file mode 100755
index f7ec5764e..000000000
--- a/Angular4_CLI_Starter/src/scss/bootstrap/mixins/_buttons.scss
+++ /dev/null
@@ -1,83 +0,0 @@
-// Button variants
-//
-// Easily pump out default styles, as well as :hover, :focus, :active,
-// and disabled options for all buttons
-
-@mixin button-variant($background, $border, $active-background: darken($background, 7.5%), $active-border: darken($border, 10%)) {
- @include color-yiq($background);
- background-color: $background;
- border-color: $border;
- @include box-shadow($btn-box-shadow);
-
- &:hover {
- @include color-yiq($background);
- background-color: $active-background;
- border-color: $active-border;
- }
-
- &:focus,
- &.focus {
- // Avoid using mixin so we can pass custom focus shadow properly
- @if $enable-shadows {
- box-shadow: $btn-box-shadow, 0 0 0 3px rgba($border, .5);
- } @else {
- box-shadow: 0 0 0 3px rgba($border, .5);
- }
- }
-
- // Disabled comes first so active can properly restyle
- &.disabled,
- &:disabled {
- background-color: $background;
- border-color: $border;
- }
-
- &:active,
- &.active,
- .show > &.dropdown-toggle {
- background-color: $active-background;
- background-image: none; // Remove the gradient for the pressed/active state
- border-color: $active-border;
- @include box-shadow($btn-active-box-shadow);
- }
-}
-
-@mixin button-outline-variant($color, $color-hover: #fff) {
- color: $color;
- background-color: transparent;
- background-image: none;
- border-color: $color;
-
- @include hover {
- color: $color-hover;
- background-color: $color;
- border-color: $color;
- }
-
- &:focus,
- &.focus {
- box-shadow: 0 0 0 3px rgba($color, .5);
- }
-
- &.disabled,
- &:disabled {
- color: $color;
- background-color: transparent;
- }
-
- &:active,
- &.active,
- .show > &.dropdown-toggle {
- color: $color-hover;
- background-color: $color;
- border-color: $color;
- }
-}
-
-// Button sizes
-@mixin button-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {
- padding: $padding-y $padding-x;
- font-size: $font-size;
- line-height: $line-height;
- @include border-radius($border-radius);
-}
diff --git a/Angular4_CLI_Starter/src/scss/bootstrap/mixins/_clearfix.scss b/Angular4_CLI_Starter/src/scss/bootstrap/mixins/_clearfix.scss
deleted file mode 100755
index 11a977b73..000000000
--- a/Angular4_CLI_Starter/src/scss/bootstrap/mixins/_clearfix.scss
+++ /dev/null
@@ -1,7 +0,0 @@
-@mixin clearfix() {
- &::after {
- display: block;
- clear: both;
- content: "";
- }
-}
diff --git a/Angular4_CLI_Starter/src/scss/bootstrap/mixins/_float.scss b/Angular4_CLI_Starter/src/scss/bootstrap/mixins/_float.scss
deleted file mode 100755
index b43116fa6..000000000
--- a/Angular4_CLI_Starter/src/scss/bootstrap/mixins/_float.scss
+++ /dev/null
@@ -1,9 +0,0 @@
-@mixin float-left {
- float: left !important;
-}
-@mixin float-right {
- float: right !important;
-}
-@mixin float-none {
- float: none !important;
-}
diff --git a/Angular4_CLI_Starter/src/scss/bootstrap/mixins/_forms.scss b/Angular4_CLI_Starter/src/scss/bootstrap/mixins/_forms.scss
deleted file mode 100755
index 4a1e0bc31..000000000
--- a/Angular4_CLI_Starter/src/scss/bootstrap/mixins/_forms.scss
+++ /dev/null
@@ -1,81 +0,0 @@
-// Form control focus state
-//
-// Generate a customized focus state and for any input with the specified color,
-// which defaults to the `@input-border-color-focus` variable.
-//
-// We highly encourage you to not customize the default value, but instead use
-// this to tweak colors on an as-needed basis. This aesthetic change is based on
-// WebKit's default styles, but applicable to a wider range of browsers. Its
-// usability and accessibility should be taken into account with any change.
-//
-// Example usage: change the default blue border and shadow to white for better
-// contrast against a dark gray background.
-@mixin form-control-focus() {
- &:focus {
- color: $input-focus-color;
- background-color: $input-focus-bg;
- border-color: $input-focus-border-color;
- outline: none;
- @include box-shadow($input-focus-box-shadow);
- }
-}
-
-
-@mixin form-validation-state($state, $color) {
-
- .form-control,
- .custom-select {
- .was-validated &:#{$state},
- &.is-#{$state} {
- border-color: $color;
-
- &:focus {
- box-shadow: 0 0 0 .2rem rgba($color,.25);
- }
-
- ~ .invalid-feedback,
- ~ .invalid-tooltip {
- display: block;
- }
- }
- }
-
-
- // TODO: redo check markup lol crap
- .form-check-input {
- .was-validated &:#{$state},
- &.is-#{$state} {
- + .form-check-label {
- color: $color;
- }
- }
- }
-
- // custom radios and checks
- .custom-control-input {
- .was-validated &:#{$state},
- &.is-#{$state} {
- ~ .custom-control-indicator {
- background-color: rgba($color, .25);
- }
- ~ .custom-control-description {
- color: $color;
- }
- }
- }
-
- // custom file
- .custom-file-input {
- .was-validated &:#{$state},
- &.is-#{$state} {
- ~ .custom-file-control {
- border-color: $color;
-
- &::before { border-color: inherit; }
- }
- &:focus {
- box-shadow: 0 0 0 .2rem rgba($color,.25);
- }
- }
- }
-}
diff --git a/Angular4_CLI_Starter/src/scss/bootstrap/mixins/_gradients.scss b/Angular4_CLI_Starter/src/scss/bootstrap/mixins/_gradients.scss
deleted file mode 100755
index bad79f961..000000000
--- a/Angular4_CLI_Starter/src/scss/bootstrap/mixins/_gradients.scss
+++ /dev/null
@@ -1,37 +0,0 @@
-// Gradients
-
-// Horizontal gradient, from left to right
-//
-// Creates two color stops, start and end, by specifying a color and position for each color stop.
-@mixin gradient-x($start-color: #555, $end-color: #333, $start-percent: 0%, $end-percent: 100%) {
- background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent);
- background-repeat: repeat-x;
-}
-
-// Vertical gradient, from top to bottom
-//
-// Creates two color stops, start and end, by specifying a color and position for each color stop.
-@mixin gradient-y($start-color: #555, $end-color: #333, $start-percent: 0%, $end-percent: 100%) {
- background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent);
- background-repeat: repeat-x;
-}
-
-@mixin gradient-directional($start-color: #555, $end-color: #333, $deg: 45deg) {
- background-image: linear-gradient($deg, $start-color, $end-color);
- background-repeat: repeat-x;
-}
-@mixin gradient-x-three-colors($start-color: #00b3ee, $mid-color: #7a43b6, $color-stop: 50%, $end-color: #c3325f) {
- background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);
- background-repeat: no-repeat;
-}
-@mixin gradient-y-three-colors($start-color: #00b3ee, $mid-color: #7a43b6, $color-stop: 50%, $end-color: #c3325f) {
- background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);
- background-repeat: no-repeat;
-}
-@mixin gradient-radial($inner-color: #555, $outer-color: #333) {
- background-image: radial-gradient(circle, $inner-color, $outer-color);
- background-repeat: no-repeat;
-}
-@mixin gradient-striped($color: rgba(255,255,255,.15), $angle: 45deg) {
- background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);
-}
diff --git a/Angular4_CLI_Starter/src/scss/bootstrap/mixins/_grid-framework.scss b/Angular4_CLI_Starter/src/scss/bootstrap/mixins/_grid-framework.scss
deleted file mode 100755
index d8195ddfa..000000000
--- a/Angular4_CLI_Starter/src/scss/bootstrap/mixins/_grid-framework.scss
+++ /dev/null
@@ -1,56 +0,0 @@
-// Framework grid generation
-//
-// Used only by Bootstrap to generate the correct number of grid classes given
-// any value of `$grid-columns`.
-
-@mixin make-grid-columns($columns: $grid-columns, $gutter: $grid-gutter-width, $breakpoints: $grid-breakpoints) {
- // Common properties for all breakpoints
- %grid-column {
- position: relative;
- width: 100%;
- min-height: 1px; // Prevent columns from collapsing when empty
- padding-right: ($gutter / 2);
- padding-left: ($gutter / 2);
- }
-
- @each $breakpoint in map-keys($breakpoints) {
- $infix: breakpoint-infix($breakpoint, $breakpoints);
-
- // Allow columns to stretch full width below their breakpoints
- @for $i from 1 through $columns {
- .col#{$infix}-#{$i} {
- @extend %grid-column;
- }
- }
- .col#{$infix},
- .col#{$infix}-auto {
- @extend %grid-column;
- }
-
- @include media-breakpoint-up($breakpoint, $breakpoints) {
- // Provide basic `.col-{bp}` classes for equal-width flexbox columns
- .col#{$infix} {
- flex-basis: 0;
- flex-grow: 1;
- max-width: 100%;
- }
- .col#{$infix}-auto {
- flex: 0 0 auto;
- width: auto;
- max-width: none; // Reset earlier grid tiers
- }
-
- @for $i from 1 through $columns {
- .col#{$infix}-#{$i} {
- @include make-col($i, $columns);
- }
- }
-
- @for $i from 1 through $columns {
- .order#{$infix}-#{$i} {
- order: $i;
- }
- }
- }
- }
-}
diff --git a/Angular4_CLI_Starter/src/scss/bootstrap/mixins/_grid.scss b/Angular4_CLI_Starter/src/scss/bootstrap/mixins/_grid.scss
deleted file mode 100755
index 67dbcd38e..000000000
--- a/Angular4_CLI_Starter/src/scss/bootstrap/mixins/_grid.scss
+++ /dev/null
@@ -1,47 +0,0 @@
-/// Grid system
-//
-// Generate semantic grid columns with these mixins.
-
-@mixin make-container() {
- margin-right: auto;
- margin-left: auto;
- padding-right: ($grid-gutter-width / 2);
- padding-left: ($grid-gutter-width / 2);
- width: 100%;
-}
-
-
-// For each breakpoint, define the maximum width of the container in a media query
-@mixin make-container-max-widths($max-widths: $container-max-widths, $breakpoints: $grid-breakpoints) {
- @each $breakpoint, $container-max-width in $max-widths {
- @include media-breakpoint-up($breakpoint, $breakpoints) {
- max-width: $container-max-width;
- }
- }
-}
-
-@mixin make-row() {
- display: flex;
- flex-wrap: wrap;
- margin-right: ($grid-gutter-width / -2);
- margin-left: ($grid-gutter-width / -2);
-}
-
-@mixin make-col-ready() {
- position: relative;
- // Prevent columns from becoming too narrow when at smaller grid tiers by
- // always setting `width: 100%;`. This works because we use `flex` values
- // later on to override this initial width.
- width: 100%;
- min-height: 1px; // Prevent collapsing
- padding-right: ($grid-gutter-width / 2);
- padding-left: ($grid-gutter-width / 2);
-}
-
-@mixin make-col($size, $columns: $grid-columns) {
- flex: 0 0 percentage($size / $columns);
- // Add a `max-width` to ensure content within each column does not blow out
- // the width of the column. Applies to IE10+ and Firefox. Chrome and Safari
- // do not appear to require this.
- max-width: percentage($size / $columns);
-}
diff --git a/Angular4_CLI_Starter/src/scss/bootstrap/mixins/_hover.scss b/Angular4_CLI_Starter/src/scss/bootstrap/mixins/_hover.scss
deleted file mode 100755
index 4aa4b1d5d..000000000
--- a/Angular4_CLI_Starter/src/scss/bootstrap/mixins/_hover.scss
+++ /dev/null
@@ -1,60 +0,0 @@
-@mixin hover {
- // TODO: re-enable along with mq4-hover-shim
-// @if $enable-hover-media-query {
-// // See Media Queries Level 4: https://drafts.csswg.org/mediaqueries/#hover
-// // Currently shimmed by https://github.com/twbs/mq4-hover-shim
-// @media (hover: hover) {
-// &:hover { @content }
-// }
-// }
-// @else {
-// scss-lint:disable Indentation
- &:hover { @content }
-// scss-lint:enable Indentation
-// }
-}
-
-
-@mixin hover-focus {
- @if $enable-hover-media-query {
- &:focus { @content }
- @include hover { @content }
- } @else {
- &:focus,
- &:hover {
- @content
- }
- }
-}
-
-@mixin plain-hover-focus {
- @if $enable-hover-media-query {
- &,
- &:focus {
- @content
- }
- @include hover { @content }
- } @else {
- &,
- &:focus,
- &:hover {
- @content
- }
- }
-}
-
-@mixin hover-focus-active {
- @if $enable-hover-media-query {
- &:focus,
- &:active {
- @content
- }
- @include hover { @content }
- } @else {
- &:focus,
- &:active,
- &:hover {
- @content
- }
- }
-}
diff --git a/Angular4_CLI_Starter/src/scss/bootstrap/mixins/_image.scss b/Angular4_CLI_Starter/src/scss/bootstrap/mixins/_image.scss
deleted file mode 100755
index c2b45f2ce..000000000
--- a/Angular4_CLI_Starter/src/scss/bootstrap/mixins/_image.scss
+++ /dev/null
@@ -1,36 +0,0 @@
-// Image Mixins
-// - Responsive image
-// - Retina image
-
-
-// Responsive image
-//
-// Keep images from scaling beyond the width of their parents.
-
-@mixin img-fluid {
- // Part 1: Set a maximum relative to the parent
- max-width: 100%;
- // Part 2: Override the height to auto, otherwise images will be stretched
- // when setting a width and height attribute on the img element.
- height: auto;
-}
-
-
-// Retina image
-//
-// Short retina mixin for setting background-image and -size.
-
-@mixin img-retina($file-1x, $file-2x, $width-1x, $height-1x) {
- background-image: url(https://github.com/$file-1x);
-
- // Autoprefixer takes care of adding -webkit-min-device-pixel-ratio and -o-min-device-pixel-ratio,
- // but doesn't convert dppx=>dpi.
- // There's no such thing as unprefixed min-device-pixel-ratio since it's nonstandard.
- // Compatibility info: http://caniuse.com/#feat=css-media-resolution
- @media
- only screen and (min-resolution: 192dpi), // IE9-11 don't support dppx
- only screen and (min-resolution: 2dppx) { // Standardized
- background-image: url(https://github.com/$file-2x);
- background-size: $width-1x $height-1x;
- }
-}
diff --git a/Angular4_CLI_Starter/src/scss/bootstrap/mixins/_list-group.scss b/Angular4_CLI_Starter/src/scss/bootstrap/mixins/_list-group.scss
deleted file mode 100755
index ba27b5041..000000000
--- a/Angular4_CLI_Starter/src/scss/bootstrap/mixins/_list-group.scss
+++ /dev/null
@@ -1,26 +0,0 @@
-// List Groups
-
-@mixin list-group-item-variant($state, $background, $color) {
- .list-group-item-#{$state} {
- color: $color;
- background-color: $background;
- }
-
- //scss-lint:disable QualifyingElement
- a.list-group-item-#{$state},
- button.list-group-item-#{$state} {
- color: $color;
-
- @include hover-focus {
- color: $color;
- background-color: darken($background, 5%);
- }
-
- &.active {
- color: #fff;
- background-color: $color;
- border-color: $color;
- }
- }
- // scss-lint:enable QualifyingElement
-}
diff --git a/Angular4_CLI_Starter/src/scss/bootstrap/mixins/_lists.scss b/Angular4_CLI_Starter/src/scss/bootstrap/mixins/_lists.scss
deleted file mode 100755
index 251856266..000000000
--- a/Angular4_CLI_Starter/src/scss/bootstrap/mixins/_lists.scss
+++ /dev/null
@@ -1,7 +0,0 @@
-// Lists
-
-// Unstyled keeps list items block level, just removes default browser padding and list-style
-@mixin list-unstyled {
- padding-left: 0;
- list-style: none;
-}
diff --git a/Angular4_CLI_Starter/src/scss/bootstrap/mixins/_nav-divider.scss b/Angular4_CLI_Starter/src/scss/bootstrap/mixins/_nav-divider.scss
deleted file mode 100755
index 493de03a3..000000000
--- a/Angular4_CLI_Starter/src/scss/bootstrap/mixins/_nav-divider.scss
+++ /dev/null
@@ -1,10 +0,0 @@
-// Horizontal dividers
-//
-// Dividers (basically an hr) within dropdowns and nav lists
-
-@mixin nav-divider($color: #e5e5e5) {
- height: 0;
- margin: ($spacer / 2) 0;
- overflow: hidden;
- border-top: 1px solid $color;
-}
diff --git a/Angular4_CLI_Starter/src/scss/bootstrap/mixins/_navbar-align.scss b/Angular4_CLI_Starter/src/scss/bootstrap/mixins/_navbar-align.scss
deleted file mode 100755
index c454a4ffe..000000000
--- a/Angular4_CLI_Starter/src/scss/bootstrap/mixins/_navbar-align.scss
+++ /dev/null
@@ -1,9 +0,0 @@
-// Navbar vertical align
-//
-// Vertically center elements in the navbar.
-// Example: an element has a height of 30px, so write out `.navbar-vertical-align(30px);` to calculate the appropriate top margin.
-
-// @mixin navbar-vertical-align($element-height) {
-// margin-top: (($navbar-height - $element-height) / 2);
-// margin-bottom: (($navbar-height - $element-height) / 2);
-// }
diff --git a/Angular4_CLI_Starter/src/scss/bootstrap/mixins/_pagination.scss b/Angular4_CLI_Starter/src/scss/bootstrap/mixins/_pagination.scss
deleted file mode 100755
index ff36eb6b4..000000000
--- a/Angular4_CLI_Starter/src/scss/bootstrap/mixins/_pagination.scss
+++ /dev/null
@@ -1,22 +0,0 @@
-// Pagination
-
-@mixin pagination-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {
- .page-link {
- padding: $padding-y $padding-x;
- font-size: $font-size;
- line-height: $line-height;
- }
-
- .page-item {
- &:first-child {
- .page-link {
- @include border-left-radius($border-radius);
- }
- }
- &:last-child {
- .page-link {
- @include border-right-radius($border-radius);
- }
- }
- }
-}
diff --git a/Angular4_CLI_Starter/src/scss/bootstrap/mixins/_reset-text.scss b/Angular4_CLI_Starter/src/scss/bootstrap/mixins/_reset-text.scss
deleted file mode 100755
index 4cf9e79c7..000000000
--- a/Angular4_CLI_Starter/src/scss/bootstrap/mixins/_reset-text.scss
+++ /dev/null
@@ -1,18 +0,0 @@
-// scss-lint:disable DuplicateProperty
-@mixin reset-text {
- font-family: $font-family-base;
- // We deliberately do NOT reset font-size or word-wrap.
- font-style: normal;
- font-weight: $font-weight-normal;
- line-height: $line-height-base;
- text-align: left; // Fallback for where `start` is not supported
- text-align: start;
- text-decoration: none;
- text-shadow: none;
- text-transform: none;
- letter-spacing: normal;
- word-break: normal;
- word-spacing: normal;
- white-space: normal;
- line-break: auto;
-}
diff --git a/Angular4_CLI_Starter/src/scss/bootstrap/mixins/_resize.scss b/Angular4_CLI_Starter/src/scss/bootstrap/mixins/_resize.scss
deleted file mode 100755
index 66f233a63..000000000
--- a/Angular4_CLI_Starter/src/scss/bootstrap/mixins/_resize.scss
+++ /dev/null
@@ -1,6 +0,0 @@
-// Resize anything
-
-@mixin resizable($direction) {
- overflow: auto; // Per CSS3 UI, `resize` only applies when `overflow` isn't `visible`
- resize: $direction; // Options: horizontal, vertical, both
-}
diff --git a/Angular4_CLI_Starter/src/scss/bootstrap/mixins/_screen-reader.scss b/Angular4_CLI_Starter/src/scss/bootstrap/mixins/_screen-reader.scss
deleted file mode 100755
index a5fa51c5c..000000000
--- a/Angular4_CLI_Starter/src/scss/bootstrap/mixins/_screen-reader.scss
+++ /dev/null
@@ -1,35 +0,0 @@
-// Only display content to screen readers
-//
-// See: http://a11yproject.com/posts/how-to-hide-content
-// See: http://hugogiraudel.com/2016/10/13/css-hide-and-seek/
-
-@mixin sr-only {
- position: absolute;
- width: 1px;
- height: 1px;
- padding: 0;
- overflow: hidden;
- clip: rect(0,0,0,0);
- white-space: nowrap;
- clip-path: inset(50%);
- border: 0;
-}
-
-// Use in conjunction with .sr-only to only display content when it's focused.
-//
-// Useful for "Skip to main content" links; see https://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
-//
-// Credit: HTML5 Boilerplate
-
-@mixin sr-only-focusable {
- &:active,
- &:focus {
- position: static;
- width: auto;
- height: auto;
- overflow: visible;
- clip: auto;
- white-space: normal;
- clip-path: none;
- }
-}
diff --git a/Angular4_CLI_Starter/src/scss/bootstrap/mixins/_size.scss b/Angular4_CLI_Starter/src/scss/bootstrap/mixins/_size.scss
deleted file mode 100755
index b9dd48e8d..000000000
--- a/Angular4_CLI_Starter/src/scss/bootstrap/mixins/_size.scss
+++ /dev/null
@@ -1,6 +0,0 @@
-// Sizing shortcuts
-
-@mixin size($width, $height: $width) {
- width: $width;
- height: $height;
-}
diff --git a/Angular4_CLI_Starter/src/scss/bootstrap/mixins/_table-row.scss b/Angular4_CLI_Starter/src/scss/bootstrap/mixins/_table-row.scss
deleted file mode 100755
index 84f1d305a..000000000
--- a/Angular4_CLI_Starter/src/scss/bootstrap/mixins/_table-row.scss
+++ /dev/null
@@ -1,30 +0,0 @@
-// Tables
-
-@mixin table-row-variant($state, $background) {
- // Exact selectors below required to override `.table-striped` and prevent
- // inheritance to nested tables.
- .table-#{$state} {
- &,
- > th,
- > td {
- background-color: $background;
- }
- }
-
- // Hover states for `.table-hover`
- // Note: this is not available for cells or rows within `thead` or `tfoot`.
- .table-hover {
- $hover-background: darken($background, 5%);
-
- .table-#{$state} {
- @include hover {
- background-color: $hover-background;
-
- > td,
- > th {
- background-color: $hover-background;
- }
- }
- }
- }
-}
diff --git a/Angular4_CLI_Starter/src/scss/bootstrap/mixins/_text-emphasis.scss b/Angular4_CLI_Starter/src/scss/bootstrap/mixins/_text-emphasis.scss
deleted file mode 100755
index 9cd4b6a4f..000000000
--- a/Angular4_CLI_Starter/src/scss/bootstrap/mixins/_text-emphasis.scss
+++ /dev/null
@@ -1,12 +0,0 @@
-// Typography
-
-@mixin text-emphasis-variant($parent, $color) {
- #{$parent} {
- color: $color !important;
- }
- a#{$parent} {
- @include hover-focus {
- color: darken($color, 10%) !important;
- }
- }
-}
diff --git a/Angular4_CLI_Starter/src/scss/bootstrap/mixins/_text-hide.scss b/Angular4_CLI_Starter/src/scss/bootstrap/mixins/_text-hide.scss
deleted file mode 100755
index 52a38a906..000000000
--- a/Angular4_CLI_Starter/src/scss/bootstrap/mixins/_text-hide.scss
+++ /dev/null
@@ -1,8 +0,0 @@
-// CSS image replacement
-@mixin text-hide() {
- font: 0/0 a;
- color: transparent;
- text-shadow: none;
- background-color: transparent;
- border: 0;
-}
diff --git a/Angular4_CLI_Starter/src/scss/bootstrap/mixins/_text-truncate.scss b/Angular4_CLI_Starter/src/scss/bootstrap/mixins/_text-truncate.scss
deleted file mode 100755
index 3504bb1aa..000000000
--- a/Angular4_CLI_Starter/src/scss/bootstrap/mixins/_text-truncate.scss
+++ /dev/null
@@ -1,8 +0,0 @@
-// Text truncate
-// Requires inline-block or block for proper styling
-
-@mixin text-truncate() {
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
-}
diff --git a/Angular4_CLI_Starter/src/scss/bootstrap/mixins/_transition.scss b/Angular4_CLI_Starter/src/scss/bootstrap/mixins/_transition.scss
deleted file mode 100755
index 7e33dee31..000000000
--- a/Angular4_CLI_Starter/src/scss/bootstrap/mixins/_transition.scss
+++ /dev/null
@@ -1,9 +0,0 @@
-@mixin transition($transition...) {
- @if $enable-transitions {
- @if length($transition) == 0 {
- transition: $transition-base;
- } @else {
- transition: $transition;
- }
- }
-}
diff --git a/Angular4_CLI_Starter/src/scss/bootstrap/mixins/_visibility.scss b/Angular4_CLI_Starter/src/scss/bootstrap/mixins/_visibility.scss
deleted file mode 100755
index f67fc1c52..000000000
--- a/Angular4_CLI_Starter/src/scss/bootstrap/mixins/_visibility.scss
+++ /dev/null
@@ -1,5 +0,0 @@
-// Visibility
-
-@mixin invisible($visibility) {
- visibility: $visibility !important;
-}
diff --git a/Angular4_CLI_Starter/src/scss/bootstrap/utilities/_align.scss b/Angular4_CLI_Starter/src/scss/bootstrap/utilities/_align.scss
deleted file mode 100755
index 4dbbbc2db..000000000
--- a/Angular4_CLI_Starter/src/scss/bootstrap/utilities/_align.scss
+++ /dev/null
@@ -1,6 +0,0 @@
-.align-baseline { vertical-align: baseline !important; } // Browser default
-.align-top { vertical-align: top !important; }
-.align-middle { vertical-align: middle !important; }
-.align-bottom { vertical-align: bottom !important; }
-.align-text-bottom { vertical-align: text-bottom !important; }
-.align-text-top { vertical-align: text-top !important; }
diff --git a/Angular4_CLI_Starter/src/scss/bootstrap/utilities/_background.scss b/Angular4_CLI_Starter/src/scss/bootstrap/utilities/_background.scss
deleted file mode 100755
index 1ef34fd8e..000000000
--- a/Angular4_CLI_Starter/src/scss/bootstrap/utilities/_background.scss
+++ /dev/null
@@ -1,6 +0,0 @@
-@each $color, $value in $theme-colors {
- @include bg-variant('.bg-#{$color}', $value);
-}
-
-.bg-white { background-color: $white !important; }
-.bg-transparent { background-color: transparent !important; }
diff --git a/Angular4_CLI_Starter/src/scss/bootstrap/utilities/_borders.scss b/Angular4_CLI_Starter/src/scss/bootstrap/utilities/_borders.scss
deleted file mode 100755
index 82e177c80..000000000
--- a/Angular4_CLI_Starter/src/scss/bootstrap/utilities/_borders.scss
+++ /dev/null
@@ -1,52 +0,0 @@
-//
-// Border
-//
-
-.border { border: 1px solid $gray-200 !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 {
- 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-circle {
- border-radius: 50%;
-}
-
-.rounded-0 {
- border-radius: 0;
-}
diff --git a/Angular4_CLI_Starter/src/scss/bootstrap/utilities/_clearfix.scss b/Angular4_CLI_Starter/src/scss/bootstrap/utilities/_clearfix.scss
deleted file mode 100755
index e92522a94..000000000
--- a/Angular4_CLI_Starter/src/scss/bootstrap/utilities/_clearfix.scss
+++ /dev/null
@@ -1,3 +0,0 @@
-.clearfix {
- @include clearfix();
-}
diff --git a/Angular4_CLI_Starter/src/scss/bootstrap/utilities/_display.scss b/Angular4_CLI_Starter/src/scss/bootstrap/utilities/_display.scss
deleted file mode 100755
index 45353620a..000000000
--- a/Angular4_CLI_Starter/src/scss/bootstrap/utilities/_display.scss
+++ /dev/null
@@ -1,53 +0,0 @@
-//
-// Utilities for common `display` values
-//
-
-@each $breakpoint in map-keys($grid-breakpoints) {
- @include media-breakpoint-up($breakpoint) {
- $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
-
- .d#{$infix}-none { display: none !important; }
- .d#{$infix}-inline { display: inline !important; }
- .d#{$infix}-inline-block { display: inline-block !important; }
- .d#{$infix}-block { display: block !important; }
- .d#{$infix}-table { display: table !important; }
- .d#{$infix}-table-cell { display: table-cell !important; }
- .d#{$infix}-flex { display: flex !important; }
- .d#{$infix}-inline-flex { display: inline-flex !important; }
- }
-}
-
-
-//
-// Utilities for toggling `display` in print
-//
-
-.d-print-block {
- display: none !important;
-
- @media print {
- display: block !important;
- }
-}
-
-.d-print-inline {
- display: none !important;
-
- @media print {
- display: inline !important;
- }
-}
-
-.d-print-inline-block {
- display: none !important;
-
- @media print {
- display: inline-block !important;
- }
-}
-
-.d-print-none {
- @media print {
- display: none !important;
- }
-}
diff --git a/Angular4_CLI_Starter/src/scss/bootstrap/utilities/_embed.scss b/Angular4_CLI_Starter/src/scss/bootstrap/utilities/_embed.scss
deleted file mode 100755
index d3362b6fd..000000000
--- a/Angular4_CLI_Starter/src/scss/bootstrap/utilities/_embed.scss
+++ /dev/null
@@ -1,52 +0,0 @@
-// 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;
- }
-}
-
-.embed-responsive-21by9 {
- &::before {
- padding-top: percentage(9 / 21);
- }
-}
-
-.embed-responsive-16by9 {
- &::before {
- padding-top: percentage(9 / 16);
- }
-}
-
-.embed-responsive-4by3 {
- &::before {
- padding-top: percentage(3 / 4);
- }
-}
-
-.embed-responsive-1by1 {
- &::before {
- padding-top: percentage(1 / 1);
- }
-}
diff --git a/Angular4_CLI_Starter/src/scss/bootstrap/utilities/_flex.scss b/Angular4_CLI_Starter/src/scss/bootstrap/utilities/_flex.scss
deleted file mode 100755
index b28c0b97d..000000000
--- a/Angular4_CLI_Starter/src/scss/bootstrap/utilities/_flex.scss
+++ /dev/null
@@ -1,44 +0,0 @@
-// 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; }
-
- .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; }
- }
-}
diff --git a/Angular4_CLI_Starter/src/scss/bootstrap/utilities/_float.scss b/Angular4_CLI_Starter/src/scss/bootstrap/utilities/_float.scss
deleted file mode 100755
index 01655e9a5..000000000
--- a/Angular4_CLI_Starter/src/scss/bootstrap/utilities/_float.scss
+++ /dev/null
@@ -1,9 +0,0 @@
-@each $breakpoint in map-keys($grid-breakpoints) {
- @include media-breakpoint-up($breakpoint) {
- $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
-
- .float#{$infix}-left { @include float-left; }
- .float#{$infix}-right { @include float-right; }
- .float#{$infix}-none { @include float-none; }
- }
-}
diff --git a/Angular4_CLI_Starter/src/scss/bootstrap/utilities/_position.scss b/Angular4_CLI_Starter/src/scss/bootstrap/utilities/_position.scss
deleted file mode 100755
index 74b8d39e7..000000000
--- a/Angular4_CLI_Starter/src/scss/bootstrap/utilities/_position.scss
+++ /dev/null
@@ -1,25 +0,0 @@
-// Positioning
-
-.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;
- }
-}
diff --git a/Angular4_CLI_Starter/src/scss/bootstrap/utilities/_screenreaders.scss b/Angular4_CLI_Starter/src/scss/bootstrap/utilities/_screenreaders.scss
deleted file mode 100755
index 9f26fde03..000000000
--- a/Angular4_CLI_Starter/src/scss/bootstrap/utilities/_screenreaders.scss
+++ /dev/null
@@ -1,11 +0,0 @@
-//
-// Screenreaders
-//
-
-.sr-only {
- @include sr-only();
-}
-
-.sr-only-focusable {
- @include sr-only-focusable();
-}
diff --git a/Angular4_CLI_Starter/src/scss/bootstrap/utilities/_sizing.scss b/Angular4_CLI_Starter/src/scss/bootstrap/utilities/_sizing.scss
deleted file mode 100755
index a7dc3e49b..000000000
--- a/Angular4_CLI_Starter/src/scss/bootstrap/utilities/_sizing.scss
+++ /dev/null
@@ -1,10 +0,0 @@
-// 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; }
diff --git a/Angular4_CLI_Starter/src/scss/bootstrap/utilities/_spacing.scss b/Angular4_CLI_Starter/src/scss/bootstrap/utilities/_spacing.scss
deleted file mode 100755
index c89816b5e..000000000
--- a/Angular4_CLI_Starter/src/scss/bootstrap/utilities/_spacing.scss
+++ /dev/null
@@ -1,41 +0,0 @@
-// 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} { #{$prop}-top: $length !important; }
- .#{$abbrev}r#{$infix}-#{$size} { #{$prop}-right: $length !important; }
- .#{$abbrev}b#{$infix}-#{$size} { #{$prop}-bottom: $length !important; }
- .#{$abbrev}l#{$infix}-#{$size} { #{$prop}-left: $length !important; }
- .#{$abbrev}x#{$infix}-#{$size} {
- #{$prop}-right: $length !important;
- #{$prop}-left: $length !important;
- }
- .#{$abbrev}y#{$infix}-#{$size} {
- #{$prop}-top: $length !important;
- #{$prop}-bottom: $length !important;
- }
- }
- }
-
- // Some special margin utils
- .m#{$infix}-auto { margin: auto !important; }
- .mt#{$infix}-auto { margin-top: auto !important; }
- .mr#{$infix}-auto { margin-right: auto !important; }
- .mb#{$infix}-auto { margin-bottom: auto !important; }
- .ml#{$infix}-auto { margin-left: auto !important; }
- .mx#{$infix}-auto {
- margin-right: auto !important;
- margin-left: auto !important;
- }
- .my#{$infix}-auto {
- margin-top: auto !important;
- margin-bottom: auto !important;
- }
- }
-}
diff --git a/Angular4_CLI_Starter/src/scss/bootstrap/utilities/_text.scss b/Angular4_CLI_Starter/src/scss/bootstrap/utilities/_text.scss
deleted file mode 100755
index d337e0d63..000000000
--- a/Angular4_CLI_Starter/src/scss/bootstrap/utilities/_text.scss
+++ /dev/null
@@ -1,49 +0,0 @@
-//
-// Text
-//
-
-// Alignment
-
-.text-justify { text-align: justify !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-normal { font-weight: $font-weight-normal; }
-.font-weight-bold { font-weight: $font-weight-bold; }
-.font-italic { font-style: italic; }
-
-// Contextual colors
-
-.text-white { color: #fff !important; }
-
-@each $color, $value in $theme-colors {
- @include text-emphasis-variant('.text-#{$color}', $value);
-}
-
-.text-muted { color: $text-muted !important; }
-
-// Misc
-
-.text-hide {
- @include text-hide();
-}
diff --git a/Angular4_CLI_Starter/src/scss/bootstrap/utilities/_visibility.scss b/Angular4_CLI_Starter/src/scss/bootstrap/utilities/_visibility.scss
deleted file mode 100755
index 823406dc3..000000000
--- a/Angular4_CLI_Starter/src/scss/bootstrap/utilities/_visibility.scss
+++ /dev/null
@@ -1,11 +0,0 @@
-//
-// Visibility utilities
-//
-
-.visible {
- @include invisible(visible);
-}
-
-.invisible {
- @include invisible(hidden);
-}
diff --git a/Angular4_CLI_Starter/src/scss/core/_animate.scss b/Angular4_CLI_Starter/src/scss/core/_animate.scss
deleted file mode 100644
index e23d91e9d..000000000
--- a/Angular4_CLI_Starter/src/scss/core/_animate.scss
+++ /dev/null
@@ -1,44 +0,0 @@
-// scss-lint:disable all
-@charset "UTF-8";
-
-.animated {
- -webkit-animation-duration: 1s;
- animation-duration: 1s;
- -webkit-animation-fill-mode: both;
- animation-fill-mode: both;
-}
-
-.animated.infinite {
- -webkit-animation-iteration-count: infinite;
- animation-iteration-count: infinite;
-}
-
-.animated.hinge {
- -webkit-animation-duration: 2s;
- animation-duration: 2s;
-}
-
-@-webkit-keyframes fadeIn {
- from {
- opacity: 0;
- }
-
- to {
- opacity: 1;
- }
-}
-
-@keyframes fadeIn {
- from {
- opacity: 0;
- }
-
- to {
- opacity: 1;
- }
-}
-
-.fadeIn {
- -webkit-animation-name: fadeIn;
- animation-name: fadeIn;
-}
diff --git a/Angular4_CLI_Starter/src/scss/core/_aside.scss b/Angular4_CLI_Starter/src/scss/core/_aside.scss
deleted file mode 100644
index fc71e42c6..000000000
--- a/Angular4_CLI_Starter/src/scss/core/_aside.scss
+++ /dev/null
@@ -1,64 +0,0 @@
-.aside-menu {
- z-index: $zindex-sticky - 1;
- width: $aside-menu-width;
- color: $aside-menu-color;
- background: $aside-menu-bg;
- @include borders($aside-menu-borders);
-
- .nav-tabs {
- border-color: $border-color;
- .nav-link {
- padding: $aside-menu-nav-padding-y $aside-menu-nav-padding-x;
- color: $body-color;
- border-top: 0;
- &.active {
- color: theme-color("primary");
- border-right-color: $border-color;
- border-left-color: $border-color;
- }
- }
- .nav-item:first-child {
- .nav-link {
- border-left: 0;
- }
- }
- }
-
- .tab-content {
- position: relative;
- overflow-x: hidden;
- overflow-y: auto;
- border: 0;
- border-top: 1px solid $border-color;
- -ms-overflow-style: -ms-autohiding-scrollbar;
-
- &::-webkit-scrollbar {
- width: 10px;
- margin-left: -10px;
- -webkit-appearance: none;
- }
-
- // &::-webkit-scrollbar-button { }
-
- &::-webkit-scrollbar-track {
- background-color: lighten($aside-menu-bg, 5%);
- border-right: 1px solid darken($aside-menu-bg, 5%);
- border-left: 1px solid darken($aside-menu-bg, 5%);
- }
-
- // &::-webkit-scrollbar-track-piece { }
-
- &::-webkit-scrollbar-thumb {
- height: 50px;
- background-color: darken($aside-menu-bg, 10%);
- background-clip: content-box;
- border-color: transparent;
- border-style: solid;
- border-width: 1px 2px;
- }
-
- .tab-pane {
- padding: 0;
- }
- }
-}
diff --git a/Angular4_CLI_Starter/src/scss/core/_avatars.scss b/Angular4_CLI_Starter/src/scss/core/_avatars.scss
deleted file mode 100644
index 623016ef0..000000000
--- a/Angular4_CLI_Starter/src/scss/core/_avatars.scss
+++ /dev/null
@@ -1,51 +0,0 @@
-.img-avatar {
- border-radius: 50em;
-}
-
-.avatar {
- $width: 36px;
- $status-width: 10px;
- @include avatar($width,$status-width);
-}
-
-.avatar.avatar-xs {
- $width: 20px;
- $status-width: 8px;
- @include avatar($width,$status-width);
-}
-
-.avatar.avatar-sm {
- $width: 24px;
- $status-width: 8px;
- @include avatar($width,$status-width);
-}
-
-.avatar.avatar-lg {
- $width: 72px;
- $status-width: 12px;
- @include avatar($width,$status-width);
-}
-
-.avatars-stack {
- .avatar.avatar-xs {
- margin-right: -10px;
- }
-
- // .avatar.avatar-sm {
- //
- // }
-
- .avatar {
- margin-right: -15px;
- transition: margin-left $layout-transition-speed, margin-right $layout-transition-speed;
-
- &:hover {
- margin-right: 0 !important;
- }
- }
-
- // .avatar.avatar-lg {
- //
- // }
-
-}
diff --git a/Angular4_CLI_Starter/src/scss/core/_badge.scss b/Angular4_CLI_Starter/src/scss/core/_badge.scss
deleted file mode 100644
index 310488562..000000000
--- a/Angular4_CLI_Starter/src/scss/core/_badge.scss
+++ /dev/null
@@ -1,3 +0,0 @@
-.badge-pill {
- border-radius: $badge-pill-border-radius;
-}
diff --git a/Angular4_CLI_Starter/src/scss/core/_breadcrumb-menu.scss b/Angular4_CLI_Starter/src/scss/core/_breadcrumb-menu.scss
deleted file mode 100644
index 4e7053916..000000000
--- a/Angular4_CLI_Starter/src/scss/core/_breadcrumb-menu.scss
+++ /dev/null
@@ -1,35 +0,0 @@
-.breadcrumb-menu {
- position: absolute;
- top: 0;
- right: $breadcrumb-padding-x;
-
- &::before {
- display: none;
- }
-
- .btn {
- padding-top: $breadcrumb-padding-y;
- padding-bottom: $breadcrumb-padding-y;
- }
-
- .btn {
- color: $text-muted;
-
- &:hover, &.active {
- color: $body-color;
- background: transparent;
- }
- }
-
- .open {
- .btn {
- color: $body-color;
- background: transparent;
- }
- }
-
- .dropdown-menu {
- min-width: 180px;
- line-height: $line-height-base;
- }
-}
diff --git a/Angular4_CLI_Starter/src/scss/core/_breadcrumb.scss b/Angular4_CLI_Starter/src/scss/core/_breadcrumb.scss
deleted file mode 100644
index 55ece3a61..000000000
--- a/Angular4_CLI_Starter/src/scss/core/_breadcrumb.scss
+++ /dev/null
@@ -1,6 +0,0 @@
-.breadcrumb {
- position: relative;
- margin-bottom: 1.5 * $spacer;
-
- @include borders($breadcrumb-borders);
-}
diff --git a/Angular4_CLI_Starter/src/scss/core/_buttons.scss b/Angular4_CLI_Starter/src/scss/core/_buttons.scss
deleted file mode 100644
index 7ab4953b9..000000000
--- a/Angular4_CLI_Starter/src/scss/core/_buttons.scss
+++ /dev/null
@@ -1,575 +0,0 @@
-button {
- cursor: pointer;
-}
-
-.btn {
- .badge {
- position: absolute;
- top: 2px;
- right: 6px;
- font-size: 9px;
- }
-}
-
-.btn-transparent {
- color: #fff;
- background-color: transparent;
- border-color: transparent;
-}
-
-.btn {
- [class^="icon-"], [class*=" icon-"] {
- display: inline-block;
- margin-top: -2px;
- vertical-align: middle;
- }
-}
-
-.btn-facebook,
-.btn-twitter,
-.btn-linkedin,
-.btn-flickr,
-.btn-tumblr,
-.btn-xing,
-.btn-github,
-.btn-html5,
-.btn-openid,
-.btn-stack-overflow,
-.btn-youtube,
-.btn-css3,
-.btn-dribbble,
-.btn-google-plus,
-.btn-instagram,
-.btn-pinterest,
-.btn-vk,
-.btn-yahoo,
-.btn-behance,
-.btn-dropbox,
-.btn-reddit,
-.btn-spotify,
-.btn-vine,
-.btn-foursquare,
-.btn-vimeo {
- position: relative;
- overflow: hidden;
- color: #fff !important;
- text-align: center;
-
- &::before {
- position: absolute;
- top: 0;
- left: 0;
- display: block;
- font-family: "FontAwesome";
- font-style: normal;
- font-weight: normal;
- -moz-osx-font-smoothing: grayscale;
- -webkit-font-smoothing: antialiased;
- }
-
- &:hover {
- color: #fff;
- }
-
- &.icon {
-
- span {
- display: none;
- }
- }
-
- &.text {
- &::before {
- display: none;
- }
-
- span {
- margin-left: 0 !important;
- }
- }
- @include button-social-size($input-btn-padding-y, $input-btn-padding-x, $font-size-base, $line-height-base, $btn-border-radius);
-
- &.btn-lg {
- @include button-social-size($input-btn-padding-y-lg, $input-btn-padding-x-lg, $font-size-lg, $line-height-lg, $btn-border-radius-lg);
- }
-
- &.btn-sm {
- @include button-social-size($input-btn-padding-y-sm, $input-btn-padding-x-sm, $font-size-sm, $line-height-sm, $btn-border-radius-sm);
- }
-
-}
-
-.btn-facebook {
- $color: $facebook;
-
- background: $color;
- &::before {
- content: "\f09a";
- background: darken($color, 5%);
-
- }
-
- &:hover {
- background: darken($color, 5%);
-
- &::before {
- background: darken($color, 10%);
- }
- }
-}
-
-.btn-twitter {
- $color: $twitter;
-
- background: $color;
- &::before {
- content: "\f099";
- background: darken($color, 5%);
-
- }
-
- &:hover {
- background: darken($color, 5%);
-
- &::before {
- background: darken($color, 10%);
- }
- }
-}
-
-.btn-linkedin {
- $color: $linkedin;
-
- background: $color;
- &::before {
- content: "\f0e1";
- background: darken($color, 5%);
-
- }
-
- &:hover {
- background: darken($color, 5%);
-
- &::before {
- background: darken($color, 10%);
- }
- }
-}
-
-.btn-flickr {
- $color: $flickr;
-
- background: $color;
- &::before {
- content: "\f16e";
- background: darken($color, 5%);
-
- }
-
- &:hover {
- background: darken($color, 5%);
-
- &::before {
- background: darken($color, 10%);
- }
- }
-}
-
-.btn-tumblr {
- $color: $tumblr;
-
- background: $color;
- &::before {
- content: "\f173";
- background: darken($color, 5%);
-
- }
-
- &:hover {
- background: darken($color, 5%);
-
- &::before {
- background: darken($color, 10%);
- }
- }
-}
-
-.btn-xing {
- $color: $xing;
-
- background: $color;
- &::before {
- content: "\f168";
- background: darken($color, 5%);
-
- }
-
- &:hover {
- background: darken($color, 5%);
-
- &::before {
- background: darken($color, 10%);
- }
- }
-}
-
-.btn-github {
- $color: $github;
-
- background: $color;
- &::before {
- content: "\f09b";
- background: darken($color, 5%);
-
- }
-
- &:hover {
- background: darken($color, 5%);
-
- &::before {
- background: darken($color, 10%);
- }
- }
-}
-
-.btn-html5 {
- $color: $html5;
-
- background: $color;
- &::before {
- content: "\f13b";
- background: darken($color, 5%);
-
- }
-
- &:hover {
- background: darken($color, 5%);
-
- &::before {
- background: darken($color, 10%);
- }
- }
-}
-
-.btn-openid {
- $color: $openid;
-
- background: $color;
- &::before {
- content: "\f19b";
- background: darken($color, 5%);
-
- }
-
- &:hover {
- background: darken($color, 5%);
-
- &::before {
- background: darken($color, 10%);
- }
- }
-}
-
-.btn-stack-overflow {
- $color: $stack-overflow;
-
- background: $color;
- &::before {
- content: "\f16c";
- background: darken($color, 5%);
-
- }
-
- &:hover {
- background: darken($color, 5%);
-
- &::before {
- background: darken($color, 10%);
- }
- }
-}
-
-.btn-css3 {
- $color: $css3;
-
- background: $color;
- &::before {
- content: "\f13c";
- background: darken($color, 5%);
-
- }
-
- &:hover {
- background: darken($color, 5%);
-
- &::before {
- background: darken($color, 10%);
- }
- }
-}
-
-.btn-youtube {
- $color: $youtube;
-
- background: $color;
- &::before {
- content: "\f167";
- background: darken($color, 5%);
-
- }
-
- &:hover {
- background: darken($color, 5%);
-
- &::before {
- background: darken($color, 10%);
- }
- }
-}
-
-.btn-dribbble {
- $color: $dribbble;
-
- background: $color;
- &::before {
- content: "\f17d";
- background: darken($color, 5%);
-
- }
-
- &:hover {
- background: darken($color, 5%);
-
- &::before {
- background: darken($color, 10%);
- }
- }
-}
-
-.btn-google-plus {
- $color: $google-plus;
-
- background: $color;
- &::before {
- content: "\f0d5";
- background: darken($color, 5%);
-
- }
-
- &:hover {
- background: darken($color, 5%);
-
- &::before {
- background: darken($color, 10%);
- }
- }
-}
-
-.btn-instagram {
- $color: $instagram;
-
- background: $color;
- &::before {
- content: "\f16d";
- background: darken($color, 5%);
-
- }
-
- &:hover {
- background: darken($color, 5%);
-
- &::before {
- background: darken($color, 10%);
- }
- }
-}
-
-.btn-pinterest {
- $color: $pinterest;
-
- background: $color;
- &::before {
- content: "\f0d2";
- background: darken($color, 5%);
-
- }
-
- &:hover {
- background: darken($color, 5%);
-
- &::before {
- background: darken($color, 10%);
- }
- }
-}
-
-.btn-vk {
- $color: $vk;
-
- background: $color;
- &::before {
- content: "\f189";
- background: darken($color, 5%);
-
- }
-
- &:hover {
- background: darken($color, 5%);
-
- &::before {
- background: darken($color, 10%);
- }
- }
-}
-
-.btn-yahoo {
- $color: $yahoo;
-
- background: $color;
- &::before {
- content: "\f19e";
- background: darken($color, 5%);
-
- }
-
- &:hover {
- background: darken($color, 5%);
-
- &::before {
- background: darken($color, 10%);
- }
- }
-}
-
-.btn-behance {
- $color: $behance;
-
- background: $color;
- &::before {
- content: "\f1b4";
- background: darken($color, 5%);
-
- }
-
- &:hover {
- background: darken($color, 5%);
-
- &::before {
- background: darken($color, 10%);
- }
- }
-}
-
-.btn-dropbox {
- $color: $dropbox;
-
- background: $color;
- &::before {
- content: "\f16b";
- background: darken($color, 5%);
-
- }
-
- &:hover {
- background: darken($color, 5%);
-
- &::before {
- background: darken($color, 10%);
- }
- }
-}
-
-.btn-reddit {
- $color: $reddit;
-
- background: $color;
- &::before {
- content: "\f1a1";
- background: darken($color, 5%);
-
- }
-
- &:hover {
- background: darken($color, 5%);
-
- &::before {
- background: darken($color, 10%);
- }
- }
-}
-
-.btn-spotify {
- $color: $spotify;
-
- background: $color;
- &::before {
- content: "\f1bc";
- background: darken($color, 5%);
-
- }
-
- &:hover {
- background: darken($color, 5%);
-
- &::before {
- background: darken($color, 10%);
- }
- }
-}
-
-.btn-vine {
- $color: $vine;
-
- background: $color;
- &::before {
- content: "\f1ca";
- background: darken($color, 5%);
-
- }
-
- &:hover {
- background: darken($color, 5%);
-
- &::before {
- background: darken($color, 10%);
- }
- }
-}
-
-.btn-foursquare {
- $color: $foursquare;
-
- background: $color;
- &::before {
- content: "\f180";
- background: darken($color, 5%);
-
- }
-
- &:hover {
- background: darken($color, 5%);
-
- &::before {
- background: darken($color, 10%);
- }
- }
-}
-
-.btn-vimeo {
- $color: $vimeo;
-
- background: $color;
- &::before {
- content: "\f194";
- background: darken($color, 5%);
-
- }
-
- &:hover {
- background: darken($color, 5%);
-
- &::before {
- background: darken($color, 10%);
- }
- }
-}
diff --git a/Angular4_CLI_Starter/src/scss/core/_callout.scss b/Angular4_CLI_Starter/src/scss/core/_callout.scss
deleted file mode 100644
index ddd3e2260..000000000
--- a/Angular4_CLI_Starter/src/scss/core/_callout.scss
+++ /dev/null
@@ -1,55 +0,0 @@
-.callout {
- position: relative;
- padding: 0 $spacer;
- margin: $spacer 0;
- border: 0 solid $border-color;
- border-left-width: .25rem;
-
- @if $enable-rounded {
- border-radius: .25rem;
- }
-
- .chart-wrapper {
- position: absolute;
- top: 18px;
- left: 50%;
- float: right;
- width: 60%;
- }
-}
-
-.callout-bordered {
- border: 1px solid $border-color;
- border-left-width: .25rem;
-}
-.callout code {
- border-radius: .25rem;
-}
-.callout h4 {
- margin-top: 0;
- margin-bottom: .25rem;
-}
-.callout p:last-child {
- margin-bottom: 0;
-}
-.callout + .callout {
- margin-top: - .25rem;
-}
-
-.callout-default {
- border-left-color: $text-muted;
-
- h4 {
- color: $text-muted;
- }
-}
-
-@each $color, $value in $theme-colors {
- &.callout-#{$color} {
- border-left-color: $value;
-
- h4 {
- color: $value;
- }
- }
-}
diff --git a/Angular4_CLI_Starter/src/scss/core/_card.scss b/Angular4_CLI_Starter/src/scss/core/_card.scss
deleted file mode 100644
index 20e57a818..000000000
--- a/Angular4_CLI_Starter/src/scss/core/_card.scss
+++ /dev/null
@@ -1,193 +0,0 @@
-.card {
- margin-bottom: 1.5 * $spacer;
-
- // Cards with color accent
- @each $color, $value in $theme-colors {
- &.bg-#{$color} {
- border-color: darken($value, 12.5%);
- .card-header {
- background-color: darken($value, 3%);
- border-color: darken($value, 12.5%);
- }
- }
- }
-}
-
-.text-white .text-muted {
- color: rgba(255,255,255,.6) !important;
-}
-
-.card-header {
-
- .icon-bg {
- display: inline-body;
- padding: $card-spacer-y $card-spacer-x !important;
- margin-top: -$card-spacer-y;
- margin-right: $card-spacer-x;
- margin-bottom: -$card-spacer-y;
- margin-left: -$card-spacer-x;
- line-height: inherit;
- color: $card-icon-color;
- vertical-align: bottom;
- background: $card-icon-bg;
- border-right: $card-border-width solid $card-border-color;
- }
-
- .nav.nav-tabs {
- margin-top: -$card-spacer-y;
- margin-bottom: -$card-spacer-y;
- border-bottom: 0;
-
- .nav-item {
- border-top: 0;
- }
-
- .nav-link {
- padding: $card-spacer-y $card-spacer-x / 2;
- color: $text-muted;
- border-top: 0;
-
- &.active {
- color: $body-color;
- background: #fff;
- }
- }
- }
-
- &.card-header-inverse {
- color: #fff;
- }
-
- .btn {
- margin-top: - $input-btn-padding-y;
- }
- .btn-sm {
- margin-top: - $input-btn-padding-y-sm;
- }
- .btn-lg {
- margin-top: - $input-btn-padding-y-lg;
- }
-}
-//
-.card-footer {
-
- ul {
- display: table;
- width: 100%;
- padding: 0;
- margin: 0;
- table-layout: fixed;
-
- li {
- display: table-cell;
- padding: 0 $card-spacer-x;
- text-align: center;
- }
- }
-}
-
-[class*="card-outline-"] {
- .card-body {
- background: #fff !important;
- }
-
- &.card-outline-top {
- border-top-width: 2px;
- border-right-color: $border-color;
- border-bottom-color: $border-color;
- border-left-color: $border-color;
- }
-}
-
-// Cards with color accent
-@each $color, $value in $theme-colors {
- .card-accent-#{$color} {
- @include card-accent-variant($value);
- }
-}
-
-// Card Actions
-.card-header {
- > i {
- margin-right: $spacer / 2;
- }
- .card-actions {
- position: absolute;
- top: 0;
- right: 0;
- //height: inherit;
-
- a, button {
- display: block;
- float: left;
- width: 50px;
- padding: $card-spacer-y 0;
- margin: 0 !important;
- color: $body-color;
- text-align: center;
- background: transparent;
- border: 0;
- border-left: 1px solid $border-color;
- box-shadow: 0;
-
- &:hover {
- text-decoration: none;
- }
-
- [class^="icon-"], [class*=" icon-"] {
- display: inline-body;
- vertical-align: middle;
- }
-
- i {
- display: inline-body;
- transition: .4s;
- }
-
- .r180 {
- transform: rotate(180deg);
- }
- }
-
- .input-group {
- width: 230px;
- margin: 6px;
-
- .input-group-addon {
- background: #fff;
- }
-
- input {
- border-left: 0;
- }
- }
- }
-}
-
-.card-full {
- margin-top: - $spacer;
- margin-right: - $grid-gutter-width / 2;
- margin-left: - $grid-gutter-width / 2;
- border: 0;
- border-bottom: $card-border-width solid $border-color;
-}
-
-@include media-breakpoint-up(sm) {
- .card-columns {
-
- &.cols-2 {
- column-count: 2;
- }
- }
-}
-
-.card {
- &.drag, .drag {
- cursor: move;
- }
-}
-
-.card-placeholder {
- background: rgba(0,0,0,.025);
- border: 1px dashed $gray-300;
-}
diff --git a/Angular4_CLI_Starter/src/scss/core/_charts.scss b/Angular4_CLI_Starter/src/scss/core/_charts.scss
deleted file mode 100644
index 0e7a3c2ab..000000000
--- a/Angular4_CLI_Starter/src/scss/core/_charts.scss
+++ /dev/null
@@ -1,9 +0,0 @@
-.chart-wrapper {
- canvas {
- width: 100% !important;
- }
-}
-// scss-lint:disable QualifyingElement
-base-chart.chart {
- display: block !important;
-}
diff --git a/Angular4_CLI_Starter/src/scss/core/_dropdown.scss b/Angular4_CLI_Starter/src/scss/core/_dropdown.scss
deleted file mode 100644
index 564e4df20..000000000
--- a/Angular4_CLI_Starter/src/scss/core/_dropdown.scss
+++ /dev/null
@@ -1,69 +0,0 @@
-// Links, buttons, and more within the dropdown menu
-.dropdown-item {
- position: relative;
- padding: 10px 20px;
- border-bottom: 1px solid $dropdown-border-color;
-
- &:last-child {
- border-bottom: 0;
- }
-
- i {
- display: inline-block;
- width: 20px;
- margin-right: 10px;
- margin-left: -10px;
- color: $dropdown-border-color;
- text-align: center;
- }
-
- .badge {
- position: absolute;
- right: 10px;
- margin-top: 2px;
- }
-}
-
-// Dropdown section headers
-.dropdown-header {
- padding: 8px 20px;
- background: $dropdown-divider-bg;
- border-bottom: 1px solid $dropdown-border-color;
-
- .btn {
- margin-top: -7px;
- color: $dropdown-header-color;
-
- &:hover {
- color: $body-color;
- }
-
- &.pull-right {
- margin-right: -20px;
- }
- }
-}
-
-.dropdown-menu-lg {
- width: 250px;
-}
-.app-header {
- .navbar-nav {
- .dropdown-menu {
- position: absolute;
- }
- // Menu positioning
- //
- // Add extra class to `.dropdown-menu` to flip the alignment of the dropdown
- // menu with the parent.
- .dropdown-menu-right {
- right: 0;
- left: auto; // Reset the default from `.dropdown-menu`
- }
-
- .dropdown-menu-left {
- right: auto;
- left: 0;
- }
- }
-}
diff --git a/Angular4_CLI_Starter/src/scss/core/_footer.scss b/Angular4_CLI_Starter/src/scss/core/_footer.scss
deleted file mode 100644
index 2d678c8ce..000000000
--- a/Angular4_CLI_Starter/src/scss/core/_footer.scss
+++ /dev/null
@@ -1,8 +0,0 @@
-.app-footer {
- min-height: $footer-height;
- padding: 0 $spacer;
- line-height: $footer-height;
- color: $footer-color;
- background: $footer-bg;
- @include borders($footer-borders);
-}
diff --git a/Angular4_CLI_Starter/src/scss/core/_grid.scss b/Angular4_CLI_Starter/src/scss/core/_grid.scss
deleted file mode 100644
index 0d0963c17..000000000
--- a/Angular4_CLI_Starter/src/scss/core/_grid.scss
+++ /dev/null
@@ -1,15 +0,0 @@
-.row.row-equal {
- padding-right: ($grid-gutter-width / 4);
- padding-left: ($grid-gutter-width / 4);
- margin-right: ($grid-gutter-width / -2);
- margin-left: ($grid-gutter-width / -2);
-
- [class*="col-"] {
- padding-right: ($grid-gutter-width / 4);
- padding-left: ($grid-gutter-width / 4);
- }
-}
-
-.main .container-fluid {
- padding: 0 30px;
-}
diff --git a/Angular4_CLI_Starter/src/scss/core/_input-group.scss b/Angular4_CLI_Starter/src/scss/core/_input-group.scss
deleted file mode 100644
index 23b25122c..000000000
--- a/Angular4_CLI_Starter/src/scss/core/_input-group.scss
+++ /dev/null
@@ -1,6 +0,0 @@
-.input-group-addon,
-.input-group-btn {
- min-width: 40px;
- white-space: nowrap;
- vertical-align: middle; // Match the inputs
-}
diff --git a/Angular4_CLI_Starter/src/scss/core/_layout.scss b/Angular4_CLI_Starter/src/scss/core/_layout.scss
deleted file mode 100644
index ad6dda29d..000000000
--- a/Angular4_CLI_Starter/src/scss/core/_layout.scss
+++ /dev/null
@@ -1,393 +0,0 @@
-// IE10&11 Flexbox fix
-@media all and (-ms-high-contrast:none) {
- html {
- display: flex;
- flex-direction: column;
- }
-}
-
-// app-dashboard and app-root are Angular2+ selectors. You can add here your own selectors if you need.
-.app,
-app-dashboard,
-app-root {
- display: flex;
- flex-direction: column;
- min-height: 100vh;
-}
-
-.app-header {
- flex: 0 0 $navbar-height;
-}
-
-.app-footer {
- flex: 0 0 $footer-height;
-}
-
-.app-body {
- display: flex;
- flex-direction: row;
- flex-grow: 1;
- overflow-x: hidden;
-
- .main {
- flex: 1;
- min-width: 0;
- }
-
- .sidebar {
- // $sidebar-width is the width of the columns
- flex: 0 0 $sidebar-width;
- // put the nav on the left
- order: -1;
- }
-
- .aside-menu {
- // $aside-menu-width is the width of the columns
- flex: 0 0 $aside-menu-width;
- }
-}
-
-//
-// header
-//
-.header-fixed {
- .app-header {
- position: fixed;
- z-index: $zindex-sticky;
- width: 100%;
- }
- .app-body {
- margin-top: $navbar-height;
- }
-}
-
-//
-// Sidebar
-//
-.sidebar-hidden {
-
- .sidebar {
- margin-left: - $sidebar-width;
- }
-}
-
-.sidebar-fixed {
-
- .sidebar {
- position: fixed;
- width: $sidebar-width;
- height: 100%;
-
- .sidebar-nav {
- height: calc(100vh - #{$navbar-height});
- }
- }
-
- .main, .app-footer {
- margin-left: $sidebar-width;
- }
-
- &.sidebar-hidden {
-
- .main, .app-footer {
- margin-left: 0;
- }
- }
-}
-
-.sidebar-off-canvas {
- .sidebar {
- position: fixed;
- z-index: $zindex-sticky - 1;
- height: 100%;
-
-
- .sidebar-nav {
- height: calc(100vh - #{$navbar-height});
- }
- }
-}
-
-@include media-breakpoint-up(lg) {
- .sidebar-compact {
- .sidebar {
- flex: 0 0 $sidebar-compact-width;
- }
-
- &.sidebar-hidden {
-
- .sidebar {
- margin-left: - $sidebar-compact-width;
- }
- }
-
- &.sidebar-fixed {
-
- .main, .app-footer {
- margin-left: $sidebar-compact-width;
- }
-
- .sidebar {
- width: $sidebar-compact-width;
- }
-
- &.sidebar-hidden {
-
- .main, .app-footer {
- margin-left: 0;
- }
- }
- }
- }
-
- .sidebar-minimized {
- .sidebar {
- flex: 0 0 $sidebar-minimized-width;
- }
-
- &.sidebar-hidden {
-
- .sidebar {
- margin-left: - $sidebar-minimized-width;
- }
- }
-
- &.sidebar-fixed {
-
- .main, .app-footer {
- margin-left: $sidebar-minimized-width;
- }
-
- .sidebar {
- width: $sidebar-minimized-width;
- }
-
- &.sidebar-hidden {
-
- .main, .app-footer {
- margin-left: 0;
- }
- }
- }
- }
-}
-
-//
-// Aside Menu
-//
-.aside-menu-hidden {
-
- .aside-menu {
- margin-right: - $aside-menu-width;
- }
-}
-
-.aside-menu-fixed {
-
- .aside-menu {
- position: fixed;
- right: 0;
- height: 100%;
-
- .tab-content {
- height: calc(100vh - #{$aside-menu-nav-padding-y * 2 + $font-size-base} - #{$navbar-height});
- }
- }
-
- .main, .app-footer {
- margin-right: $aside-menu-width;
- }
-
- &.aside-menu-hidden {
-
- .main, .app-footer {
- margin-right: 0;
- }
- }
-}
-
-.aside-menu-off-canvas {
- .aside-menu {
- position: fixed;
- right: 0;
- z-index: $zindex-sticky - 1;
- height: 100%;
-
- .tab-content {
- height: calc(100vh - #{$aside-menu-nav-padding-y * 2 + $font-size-base} - #{$navbar-height});
- }
- }
-}
-
-//
-// Breadcrumb
-//
-.breadcrumb-fixed {
-
- .main {
- $breadcrumb-height: 2 * $breadcrumb-padding-y + $font-size-base + 1.5 * $spacer;
- padding-top: $breadcrumb-height;
- }
-
- .breadcrumb {
- position: fixed;
- top: $navbar-height;
- right: 0;
- left: 0;
- z-index: $zindex-sticky - 2;
- }
-
- // if sidebar + main + aside
- .main:nth-child(2) {
- .breadcrumb {
- right: $aside-menu-width;
- left: $sidebar-width;
- }
- }
-
- // if sidebar + main
- .main:first-child {
- .breadcrumb {
- right: $aside-menu-width;
- left: 0;
- }
- }
-
- // if main + aside
- .main:last-child {
- .breadcrumb {
- right: 0;
- }
- }
-
- &.sidebar-minimized {
- .main .breadcrumb {
- left: $sidebar-minimized-width;
- }
- }
-
- &.sidebar-hidden, &.sidebar-off-canvas {
- .main .breadcrumb {
- left: 0;
- }
- }
-
- &.aside-menu-hidden, &.aside-menu-off-canvas {
- .main .breadcrumb {
- right: 0;
- }
- }
-}
-
-//
-// Footer
-//
-.footer-fixed {
-
- .app-footer {
- position: fixed;
- bottom: 0;
- z-index: $zindex-sticky;
- width: 100%;
- }
-
- .app-body {
- margin-bottom: $footer-height;
- }
-}
-
-//
-// Animations
-//
-.app-header,
-.app-footer,
-.sidebar,
-.main,
-.aside-menu {
- transition: margin-left $layout-transition-speed, margin-right $layout-transition-speed, width $layout-transition-speed, flex $layout-transition-speed;
-}
-.breadcrumb {
- transition: left $layout-transition-speed, right $layout-transition-speed, width $layout-transition-speed;
-}
-
-//
-// Mobile layout
-//
-
-@include media-breakpoint-down(md) {
-
- .app-header {
- position: fixed !important;
- z-index: $zindex-sticky;
- width: 100%;
- text-align: center;
-
- .navbar-toggler {
- @if (lightness( $navbar-brand-bg ) > 40) {
- color: $navbar-color;
- } @else {
- color: #fff;
- }
- }
-
- .navbar-brand {
- position: absolute;
- left: 50%;
- margin-left: - ($navbar-brand-width / 2);
- }
- }
-
- .app-body {
- margin-top: $navbar-height;
- }
-
- .sidebar {
- position: fixed;
- width: $mobile-sidebar-width;
- height: 100%;
- margin-left: - $mobile-sidebar-width;
-
- .sidebar-nav,
- .nav {
- width: $mobile-sidebar-width !important;
- }
- }
-
- .main, .app-footer {
- margin-left: 0 !important;
- }
-
- // .aside-menu {
- // margin-right: - $aside-menu-width;
- // }
-
- .sidebar-hidden {
- .sidebar {
- margin-left: - $mobile-sidebar-width;
- }
- }
-
- .sidebar-mobile-show {
-
- .sidebar {
- width: $mobile-sidebar-width;
- margin-left: 0;
-
- .sidebar-nav {
- height: calc(100vh - #{$navbar-height});
- }
- }
-
- .main {
- margin-right: - $mobile-sidebar-width !important;
- margin-left: $mobile-sidebar-width !important;
- }
- }
-
- .breadcrumb-fixed {
- .main .breadcrumb {
- right: 0 !important;
- left: 0 !important;
- }
- }
-}
diff --git a/Angular4_CLI_Starter/src/scss/core/_loading.scss b/Angular4_CLI_Starter/src/scss/core/_loading.scss
deleted file mode 100644
index 3e409fb7d..000000000
--- a/Angular4_CLI_Starter/src/scss/core/_loading.scss
+++ /dev/null
@@ -1,128 +0,0 @@
-// Angular Version
-// Make clicks pass-through
-// scss-lint:disable all
-#loading-bar,
-#loading-bar-spinner {
- -webkit-pointer-events: none;
- pointer-events: none;
- -moz-transition: 350ms linear all;
- -o-transition: 350ms linear all;
- -webkit-transition: 350ms linear all;
- transition: 350ms linear all;
-}
-
-#loading-bar.ng-enter,
-#loading-bar.ng-leave.ng-leave-active,
-#loading-bar-spinner.ng-enter,
-#loading-bar-spinner.ng-leave.ng-leave-active {
- opacity: 0;
-}
-
-#loading-bar.ng-enter.ng-enter-active,
-#loading-bar.ng-leave,
-#loading-bar-spinner.ng-enter.ng-enter-active,
-#loading-bar-spinner.ng-leave {
- opacity: 1;
-}
-
-#loading-bar .bar {
- position: fixed;
- top: 0;
- left: 0;
- z-index: 20002;
- width: 100%;
- height: 2px;
- background: theme-color("primary");
- border-top-right-radius: 1px;
- border-bottom-right-radius: 1px;
- -moz-transition: width 350ms;
- -o-transition: width 350ms;
- -webkit-transition: width 350ms;
- transition: width 350ms;
-}
-
-// Fancy blur effect
-#loading-bar .peg {
- position: absolute;
- top: 0;
- right: 0;
- width: 70px;
- height: 2px;
- -moz-border-radius: 100%;
- -webkit-border-radius: 100%;
- border-radius: 100%;
- -moz-box-shadow: #29d 1px 0 6px 1px;
- -ms-box-shadow: #29d 1px 0 6px 1px;
- -webkit-box-shadow: #29d 1px 0 6px 1px;
- box-shadow: #29d 1px 0 6px 1px;
- opacity: .45;
-}
-
-#loading-bar-spinner {
- position: fixed;
- top: 10px;
- left: 10px;
- z-index: 10002;
- display: block;
-}
-
-#loading-bar-spinner .spinner-icon {
- width: 14px;
- height: 14px;
-
- border: solid 2px transparent;
- border-top-color: #29d;
- border-left-color: #29d;
- border-radius: 50%;
-
- -moz-animation: loading-bar-spinner 400ms linear infinite;
- -ms-animation: loading-bar-spinner 400ms linear infinite;
- -o-animation: loading-bar-spinner 400ms linear infinite;
- -webkit-animation: loading-bar-spinner 400ms linear infinite;
- animation: loading-bar-spinner 400ms linear infinite;
-}
-
-@-webkit-keyframes loading-bar-spinner {
- 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
- 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
-}
-@-moz-keyframes loading-bar-spinner {
- 0% { -moz-transform: rotate(0deg); transform: rotate(0deg); }
- 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); }
-}
-@-o-keyframes loading-bar-spinner {
- 0% { -o-transform: rotate(0deg); transform: rotate(0deg); }
- 100% { -o-transform: rotate(360deg); transform: rotate(360deg); }
-}
-@-ms-keyframes loading-bar-spinner {
- 0% { -ms-transform: rotate(0deg); transform: rotate(0deg); }
- 100% { -ms-transform: rotate(360deg); transform: rotate(360deg); }
-}
-@keyframes loading-bar-spinner {
- 0% { transform: rotate(0deg); transform: rotate(0deg); }
- 100% { transform: rotate(360deg); transform: rotate(360deg); }
-}
-
-//Ajax & Static Version
-.pace {
- -webkit-pointer-events: none;
- pointer-events: none;
-
- -moz-user-select: none;
- -webkit-user-select: none;
- user-select: none;
-}
-
-.pace-inactive {
- display: none;
-}
-
-.pace .pace-progress {
- position: fixed;
- top: 0;
- right: 100%;
- z-index: 2000;
- width: 100%;
- height: 2px;
- background: theme-color("primary");
-}
diff --git a/Angular4_CLI_Starter/src/scss/core/_mixins.scss b/Angular4_CLI_Starter/src/scss/core/_mixins.scss
deleted file mode 100644
index 153f1d394..000000000
--- a/Angular4_CLI_Starter/src/scss/core/_mixins.scss
+++ /dev/null
@@ -1,116 +0,0 @@
-@mixin button-social-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {
- padding: $padding-y $padding-x;
- font-size: $font-size;
- line-height: $line-height;
- border: 0;
- @include border-radius($border-radius);
-
- &::before {
- width: ($padding-y * 2) + ($font-size * $line-height);
- height: ($padding-y * 2) + ($font-size * $line-height);
- padding: $padding-y 0;
- font-size: $font-size;
- line-height: $line-height;
- @include border-radius($border-radius);
- }
-
- span {
- margin-left: ($padding-y * 2) + ($font-size * $line-height);
- }
-
- &.icon {
- width: ($padding-y * 2) + ($font-size * $line-height);
- height: ($padding-y * 2) + ($font-size * $line-height);
- }
-}
-
-@mixin avatar($width, $status-width) {
- position: relative;
- display: inline-block;
- width: $width;
-
- .img-avatar {
- width: $width;
- height: $width;
- }
-
- .avatar-status {
- position: absolute;
- right: 0;
- bottom: 0;
- display: block;
- width: $status-width;
- height: $status-width;
- border: 1px solid #fff;
- border-radius: 50em;
- }
-}
-
-@mixin borders($borders) {
- @each $border in $borders {
- $direction: nth($border, 1);
- @if $direction == "all" {
- $size: map-get(map-get($borders, $direction), size);
- $style: map-get(map-get($borders, $direction), style);
- $color: map-get(map-get($borders, $direction), color);
- border: $size $style $color;
- } @else if $direction == "top" {
- $size: map-get(map-get($borders, $direction), size);
- $style: map-get(map-get($borders, $direction), style);
- $color: map-get(map-get($borders, $direction), color);
- border-top: $size $style $color;
- } @else if $direction == "right" {
- $size: map-get(map-get($borders, $direction), size);
- $style: map-get(map-get($borders, $direction), style);
- $color: map-get(map-get($borders, $direction), color);
- border-right: $size $style $color;
- } @else if $direction == "bottom" {
- $size: map-get(map-get($borders, $direction), size);
- $style: map-get(map-get($borders, $direction), style);
- $color: map-get(map-get($borders, $direction), color);
- border-bottom: $size $style $color;
- } @else if $direction == "left" {
- $size: map-get(map-get($borders, $direction), size);
- $style: map-get(map-get($borders, $direction), style);
- $color: map-get(map-get($borders, $direction), color);
- border-left: $size $style $color;
- }
- }
-}
-
-@mixin sidebar-width($borders, $width) {
- $sidebar-width: $width;
-
- @each $border in $borders {
- $direction: nth($border, 1);
- @if $direction == "all" {
- $size: map-get(map-get($borders, $direction), size);
- $sidebar-width: ($sidebar-width - (2 * $size));
- } @else if $direction == "right" {
- $size: map-get(map-get($borders, $direction), size);
- $sidebar-width: $sidebar-width - $size;
- } @else if $direction == "left" {
- $size: map-get(map-get($borders, $direction), size);
- $sidebar-width: $sidebar-width - $size;
- }
- width: $sidebar-width;
- }
-}
-
-@mixin bg-variant($parent, $color) {
- #{$parent} {
- @include border-radius($card-border-radius-inner $card-border-radius-inner $card-border-radius-inner $card-border-radius-inner);
- color: #fff !important;
- background-color: $color !important;
- }
- a#{$parent} {
- @include hover-focus {
- background-color: darken($color, 10%);
- }
- }
-}
-
-@mixin card-accent-variant($color) {
- border-top-width: 2px;
- border-top-color: $color;
-}
diff --git a/Angular4_CLI_Starter/src/scss/core/_mobile.scss b/Angular4_CLI_Starter/src/scss/core/_mobile.scss
deleted file mode 100644
index e69de29bb..000000000
diff --git a/Angular4_CLI_Starter/src/scss/core/_modal.scss b/Angular4_CLI_Starter/src/scss/core/_modal.scss
deleted file mode 100644
index 1c44ddd03..000000000
--- a/Angular4_CLI_Starter/src/scss/core/_modal.scss
+++ /dev/null
@@ -1,13 +0,0 @@
-@each $color, $value in $theme-colors {
- .modal-#{$color} {
-
- .modal-content {
- border-color: $value;
- }
-
- .modal-header {
- color: #fff;
- background-color: $value;
- }
- }
-}
diff --git a/Angular4_CLI_Starter/src/scss/core/_nav.scss b/Angular4_CLI_Starter/src/scss/core/_nav.scss
deleted file mode 100644
index ba1d64b3a..000000000
--- a/Angular4_CLI_Starter/src/scss/core/_nav.scss
+++ /dev/null
@@ -1,32 +0,0 @@
-.nav-tabs {
- .nav-link {
- color: $gray-600;
- &.active {
- color: $gray-800;
- background: #fff;
- border-color: $border-color;
- border-bottom-color: #fff;
- &:focus {
- background: #fff;
- border-color: $border-color;
- border-bottom-color: #fff;
- }
- }
- }
-}
-
-.tab-content {
- margin-top: -1px;
- background: #fff;
- border: 1px solid $border-color;
- .tab-pane {
- padding: $spacer;
- }
-}
-
-.card-block {
- .tab-content {
- margin-top: 0;
- border: 0;
- }
-}
diff --git a/Angular4_CLI_Starter/src/scss/core/_navbar.scss b/Angular4_CLI_Starter/src/scss/core/_navbar.scss
deleted file mode 100644
index 8d321e80c..000000000
--- a/Angular4_CLI_Starter/src/scss/core/_navbar.scss
+++ /dev/null
@@ -1,103 +0,0 @@
-.app-header.navbar {
- position: relative;
- flex-direction: row;
- height: $navbar-height;
- padding: 0;
- margin: 0;
- background-color: $navbar-bg;
- @include borders($navbar-border);
-
- .navbar-brand {
- display: inline-block;
- width: $navbar-brand-width;
- height: $navbar-height;
- padding: $navbar-padding-y $navbar-padding-x;
- margin-right: 0;
- background-color: $navbar-brand-bg;
- background-image: $navbar-brand-logo;
- background-repeat: no-repeat;
- background-position: center center;
- background-size: $navbar-brand-logo-size;
- @include borders($navbar-brand-border);
- }
-
- .navbar-toggler {
- color: $navbar-color;
- }
-
- .navbar-nav {
- flex-direction: row;
- align-items: center;
- }
-
- .nav-item {
- position: relative;
- min-width: 50px;
- margin: 0 !important;
- text-align: center;
-
- button {
- margin: 0 auto;
- }
-
- .nav-link {
- padding-top: 0;
- padding-bottom: 0;
- background: 0;
- border: 0;
-
- .badge {
- position: absolute;
- top: 50%;
- left: 50%;
- margin-top: -16px;
- margin-left: 0;
- }
-
- > .img-avatar {
- height: $navbar-height - 20px;
- margin: 0 10px;
- }
- }
- }
-
- .dropdown-menu {
- padding-bottom: 0;
- line-height: $line-height-base;
- }
-
- .dropdown-item {
- min-width: 180px;
- }
-}
-
-.navbar-brand {
- color: $navbar-active-color;
-
- @include hover-focus {
- color: $navbar-active-color;
- }
-}
-
-.navbar-nav {
- .nav-link {
- color: $navbar-color;
-
- @include hover-focus {
- color: $navbar-hover-color;
- }
- }
-
- .open > .nav-link,
- .active > .nav-link,
- .nav-link.open,
- .nav-link.active {
- @include plain-hover-focus {
- color: $navbar-active-color;
- }
- }
-}
-
-.navbar-divider {
- background-color: rgba(0,0,0,.075);
-}
diff --git a/Angular4_CLI_Starter/src/scss/core/_others.scss b/Angular4_CLI_Starter/src/scss/core/_others.scss
deleted file mode 100644
index 381baab08..000000000
--- a/Angular4_CLI_Starter/src/scss/core/_others.scss
+++ /dev/null
@@ -1,4 +0,0 @@
-// scss-lint:disable QualifyingElement
-hr.transparent {
- border-top: 1px solid transparent;
-}
diff --git a/Angular4_CLI_Starter/src/scss/core/_progress.scss b/Angular4_CLI_Starter/src/scss/core/_progress.scss
deleted file mode 100644
index 65f56dd30..000000000
--- a/Angular4_CLI_Starter/src/scss/core/_progress.scss
+++ /dev/null
@@ -1,15 +0,0 @@
-.progress-xs {
- height: 4px;
-}
-
-.progress-sm {
- height: 8px;
-}
-
-// White progress bar
-.progress-white {
- background-color: rgba(255,255,255,.2) !important;
- .progress-bar {
- background-color: #fff;
- }
-}
diff --git a/Angular4_CLI_Starter/src/scss/core/_rtl.scss b/Angular4_CLI_Starter/src/scss/core/_rtl.scss
deleted file mode 100644
index 22bda316c..000000000
--- a/Angular4_CLI_Starter/src/scss/core/_rtl.scss
+++ /dev/null
@@ -1,267 +0,0 @@
-//
-// RTL Support
-//
-// scss-lint:disable NestingDepth, SelectorDepth
-*[dir="rtl"] {
- direction: rtl;
- unicode-bidi: embed;
-
- ul {
- -webkit-padding-start: 0;
- }
-
- table tr th {
- text-align: right;
- }
-
- // Breadcrumb
-
- .breadcrumb-item {
- float: right;
- }
-
- .breadcrumb-menu {
- right: auto;
- left: $breadcrumb-padding-x;
- }
-
- // Dropdown
- .dropdown-item {
- text-align: right;
-
- i {
- margin-right: -10px;
- margin-left: 10px;
- }
-
- .badge {
- right: auto;
- left: 10px;
- }
- }
-
- //
- // Sidebar
- //
- .sidebar-hidden {
-
- .sidebar {
- margin-right: - $sidebar-width;
- }
- }
-
- .sidebar-fixed {
-
- .main, .app-footer {
- margin-right: $sidebar-width;
- }
-
- &.sidebar-hidden {
-
- .main, .app-footer {
- margin-right: 0;
- }
- }
- }
-
- .sidebar-minimized {
- .sidebar {
- flex: 0 0 $sidebar-minimized-width;
- }
-
- &.sidebar-hidden {
-
- .sidebar {
- margin-left: - $sidebar-minimized-width;
- }
- }
-
- &.sidebar-fixed {
-
- .main, .app-footer {
- margin-left: $sidebar-minimized-width;
- }
-
- &.sidebar-hidden {
-
- .main, .app-footer {
- margin-left: 0;
- }
- }
- }
- }
-
- //
- // Aside Menu
- //
- .aside-menu-hidden {
-
- .aside-menu {
- // margin-right: 0;
- margin-left: - $aside-menu-width;
- }
- }
-
- .aside-menu-fixed {
-
- .aside-menu {
- right: auto;
- left: 0;
- }
-
- .main, .app-footer {
- //margin-right: 0;
- margin-left: $aside-menu-width;
- }
-
- &.aside-menu-hidden {
-
- .main, .app-footer {
- margin-left: 0;
- }
- }
- }
-
- .aside-menu-off-canvas {
- .aside-menu {
- position: fixed;
- right: 0;
- z-index: $zindex-sticky - 1;
- height: 100%;
-
- .tab-content {
- height: calc(100vh - #{$aside-menu-nav-padding-y * 2 + $font-size-base} - #{$navbar-height});
- }
- }
- }
-
- // Sidebar Menu
- .sidebar {
- .sidebar-nav {
- direction: ltr;
- * {
- direction: rtl;
- }
- .nav {
- .nav-item {
- .nav-link {
- [class^="icon-"], [class*=" icon-"] {
- margin-right: -4px;
- }
- .badge {
- float: left;
- margin-top: 2px;
- // margin-left: 10px;
- }
- &.nav-dropdown-toggle {
- &::before {
- position: absolute;
- right: auto !important;
- left: $sidebar-nav-link-padding-x;
- }
- }
- }
- &.nav-dropdown {
- &.open {
- > .nav-link.nav-dropdown-toggle::before {
- transform: rotate(90deg);
- }
- }
- }
- }
- }
- }
- }
-
- // Horizontal bars
- .horizontal-bars {
-
- li {
-
- .bars {
- padding-right: 100px;
- padding-left: 0;
-
- .progress:first-child {
- margin-bottom: 2px;
- }
- }
- }
-
- &.type-2 {
-
- li {
-
- i {
- margin-right: 5px;
- margin-left: $spacer;
- }
-
- .value {
- float: left;
- font-weight: 600;
- }
-
- .bars {
- padding: 0;
- }
- }
- }
- }
-
- // Icon list
- .icons-list {
-
- li {
- position: relative;
- height: 40px;
- vertical-align: middle;
-
- i {
- float: right;
- }
-
- .desc {
- margin-right: 50px;
- margin-left: 0;
- }
-
- .value {
- right: auto;
- left: 45px;
- text-align: left;
-
- strong {
- display: block;
- margin-top: -3px;
- }
- }
-
- .actions {
- right: auto;
- left: 10px;
- }
- }
- }
-
- // Callouts
- .callout {
- border: 0 solid $border-color;
- border-right-width: .25rem;
-
- .chart-wrapper {
- left: 0;
- float: left;
- }
- }
-
- .callout-default {
- border-right-color: $text-muted;
- }
-
- @each $color, $value in $theme-colors {
- &.callout-#{$color} {
- border-right-color: $value;
- }
- }
-}
diff --git a/Angular4_CLI_Starter/src/scss/core/_sidebar.scss b/Angular4_CLI_Starter/src/scss/core/_sidebar.scss
deleted file mode 100644
index df6498904..000000000
--- a/Angular4_CLI_Starter/src/scss/core/_sidebar.scss
+++ /dev/null
@@ -1,425 +0,0 @@
-// scss-lint:disable NestingDepth, SelectorDepth
-.sidebar {
- padding: $sidebar-padding;
- overflow: hidden;
- color: $sidebar-color;
- background: $sidebar-bg;
- @include borders($sidebar-borders);
-
- .sidebar-close {
- position: absolute;
- right: 0;
- display: none;
- padding: 0 $spacer;
- font-size: 24px;
- font-weight: 800;
- line-height: $navbar-height;
- color: $sidebar-color;
- background: 0;
- border: 0;
- opacity: .8;
-
- &:hover {
- opacity: 1;
- }
- }
-
- .sidebar-nav {
- position: relative;
- overflow-x: hidden;
- overflow-y: auto;
- -ms-overflow-style: -ms-autohiding-scrollbar;
- @include sidebar-width($sidebar-borders, $sidebar-width);
-
- &::-webkit-scrollbar {
-
- position: absolute;
- width: 10px;
- margin-left: -10px;
- -webkit-appearance: none;
- }
-
- // &::-webkit-scrollbar-button { }
-
- &::-webkit-scrollbar-track {
- background-color: lighten($sidebar-bg, 5%);
- border-right: 1px solid darken($sidebar-bg, 5%);
- border-left: 1px solid darken($sidebar-bg, 5%);
- }
-
- // &::-webkit-scrollbar-track-piece { }
-
- &::-webkit-scrollbar-thumb {
- height: 50px;
- background-color: darken($sidebar-bg, 10%);
- background-clip: content-box;
- border-color: transparent;
- border-style: solid;
- border-width: 1px 2px;
- }
-
- // &::-webkit-scrollbar-corner { }
-
- // &::-webkit-resizer { }
- }
-
- .nav {
- @include sidebar-width($sidebar-borders, $sidebar-width);
- flex-direction: column !important;
-
- .nav-title {
- padding: $sidebar-nav-title-padding-y $sidebar-nav-title-padding-x;
- font-size: 11px;
- font-weight: 600;
- color: $sidebar-nav-title-color;
- text-transform: uppercase;
- }
-
- .divider {
- height: 10px;
- }
-
- .nav-item {
- position: relative;
- margin: 0;
- transition: background .3s ease-in-out;
-
- ul {
- max-height: 0;
- padding: 0;
- margin: 0;
- overflow-y: hidden;
- transition: max-height .3s ease-in-out;
-
- li {
- padding: 0;
- list-style: none;
- }
- }
-
- .nav-link {
- display: block;
- padding: $sidebar-nav-link-padding-y $sidebar-nav-link-padding-x;
- color: $sidebar-nav-link-color;
- text-decoration: none;
- background: $sidebar-nav-link-bg;
- @include borders($sidebar-nav-link-borders);
- @if $enable-sidebar-nav-rounded {
- border-radius: $border-radius;
- }
-
- &:hover {
- color: $sidebar-nav-link-hover-color !important;
- background: $sidebar-nav-link-hover-bg !important;
- @include borders($sidebar-nav-link-hover-borders);
-
- i {
- color: $sidebar-nav-link-hover-icon-color;
- }
- }
-
- &.active {
- color: $sidebar-nav-link-active-color;
- background: $sidebar-nav-link-active-bg;
- @include borders($sidebar-nav-link-active-borders);
-
- i {
- color: $sidebar-nav-link-active-icon-color;
- }
- }
-
- [class^="icon-"], [class*=" icon-"] {
- display: inline-block;
- margin-top: -4px;
- vertical-align: middle;
- }
-
- i {
- width: 20px;
- margin: 0 ($sidebar-nav-link-padding-x / 2) 0 0;
- font-size: 14px;
- color: $sidebar-nav-link-icon-color;
- text-align: center;
- }
-
- .badge {
- float: right;
- margin-top: 2px;
- // margin-left: 10px;
- }
-
- &.nav-dropdown-toggle {
-
- &::before {
- position: absolute;
- top: ($sidebar-nav-link-padding-y + ($font-size-base / 4));
- right: $sidebar-nav-link-padding-x;
- display: block;
- width: ($font-size-base);
- height: ($font-size-base);
- padding: 0;
- font-size: $font-size-base;
- line-height: ($font-size-base * 3 / 4);
- text-align: center;
- content: "\2039";
- transition: .3s;
- }
- }
- }
-
- &.nav-dropdown {
- &.open {
- background: $sidebar-nav-dropdown-bg;
- @include borders($sidebar-nav-dropdown-borders);
- @if $enable-sidebar-nav-rounded {
- border-radius: $border-radius;
- }
- > ul, > ol {
- // display: inline;
- max-height: 1000px;
- }
-
- .nav-link {
- color: $sidebar-nav-dropdown-color;
- border-left: 0 !important;
- }
-
- > .nav-link.nav-dropdown-toggle::before {
- transform: rotate(-90deg);
- }
-
- .nav-dropdown.open {
- border-left: 0;
- }
- }
- &.nt {
- transition: 0s !important;
- > ul, > ol {
- transition: 0s !important;
- }
- .nav-link {
- &.nav-dropdown-toggle {
-
- &::before {
- transition: 0s !important;
- }
- }
- }
- }
- }
-
- .nav-label {
- display: block;
- padding: ($sidebar-nav-link-padding-y / 8) $sidebar-nav-link-padding-x;
- color: $sidebar-nav-title-color;
-
- &:hover {
- color: $sidebar-color;
- text-decoration: none;
- }
-
- i {
- width: 20px;
- margin: -3px ($sidebar-nav-link-padding-x / 2) 0 0;
- font-size: 10px;
- color: $sidebar-nav-link-icon-color;
- text-align: center;
- vertical-align: middle;
- }
- }
-
- @if (lightness( $sidebar-bg ) < 40) {
- .progress {
- background-color: lighten($sidebar-bg, 15%) !important;
- }
- }
- }
- }
-}
-
-@include media-breakpoint-up(lg) {
- .sidebar-compact {
- .sidebar {
- .sidebar-nav {
- @include sidebar-width($sidebar-borders, $sidebar-compact-width);
- }
-
- .nav {
- @include sidebar-width($sidebar-borders, $sidebar-compact-width);
-
- .nav-title {
- text-align: center;
- }
-
- .nav-item {
- width: $sidebar-compact-width;
- border-left: 0 !important;
-
- .nav-link {
- text-align: center;
-
- i {
- display: block;
- width: 100%;
- margin: $spacer / 4 0;
- font-size: 24px;
- }
-
- .badge {
- position: absolute;
- top: 18px;
- right: 10px;
- }
-
- &.nav-dropdown-toggle {
-
- &::before {
- top: 30px;
- }
- }
- }
- }
- }
- }
- }
-
- .sidebar-minimized {
- .hidden-cn {
- display: none;
- }
- .sidebar {
- z-index: $zindex-sticky - 1;
-
- &:hover {
- overflow: visible;
- }
-
- .sidebar-nav {
- overflow: visible;
- @include sidebar-width($sidebar-borders, $sidebar-minimized-width);
- }
-
- .nav {
- @include sidebar-width($sidebar-borders, $sidebar-minimized-width);
-
- .nav-title, .divider {
- display: none;
- }
-
- .nav-item {
- width: $sidebar-minimized-width;
- overflow: hidden;
- border-left: 0 !important;
-
- ul {
- background: $sidebar-bg;
- }
-
- .nav-link {
- position: relative;
- padding-left: 0;
- margin: 0;
- white-space: nowrap;
- border-left: 0 !important;
-
- &.nav-dropdown-toggle {
-
- &::before {
- display: none;
- }
- }
-
- i {
- display: block;
- float: left;
- width: $sidebar-minimized-height;
- padding: 0;
- margin: 0 !important;
- font-size: 18px;
- }
-
- .badge {
- position: absolute;
- // top: 14px;
- right: 15px;
- display: none;
- }
-
- &:hover {
- width: $sidebar-width;
-
- .badge {
- display: inline;
- }
- }
- }
-
- ul {
- position: absolute;
- left: $sidebar-minimized-width;
-
- li {
- position: relative;
- padding: 0;
-
- .nav-link {
- width: $sidebar-width - $sidebar-minimized-width;
- }
-
- ul, ol {
- position: absolute;
- top: 0;
- left: 100%;
- }
- }
- }
-
- &.nav-dropdown {
- &.open {
- background: $sidebar-nav-link-active-bg;
- > .nav-link i {
- color: $sidebar-nav-link-active-icon-color;
- }
- > ul, > ol {
- display: none;
- }
- }
- }
-
- &:hover {
- width: $sidebar-width + $sidebar-minimized-width;
- overflow: visible;
- background: $sidebar-nav-link-hover-bg;
- transition: 0s;
-
- > .nav-link {
- width: $sidebar-width + $sidebar-minimized-width;
- }
-
- > ul, > ol {
- display: inline;
- max-height: 10000px;
- transition: 0s;
-
- li {
- width: $sidebar-width;
-
- .nav-link {
- width: $sidebar-width;
- }
- }
- }
-
- &.nav-dropdown {
- &.open {
- > ul, > ol {
- display: inline;
- }
- }
- }
- }
- }
- }
- }
- }
-}
diff --git a/Angular4_CLI_Starter/src/scss/core/_switches.scss b/Angular4_CLI_Starter/src/scss/core/_switches.scss
deleted file mode 100644
index fbc000b9a..000000000
--- a/Angular4_CLI_Starter/src/scss/core/_switches.scss
+++ /dev/null
@@ -1,301 +0,0 @@
-@mixin switch-size($width, $height, $font-size, $handle-margin) {
- width: $width;
- height: $height;
-
- .switch-label {
- font-size: $font-size;
- }
-
- .switch-handle {
- width: $height - $handle-margin * 2;
- height: $height - $handle-margin * 2;
- }
-
- .switch-input:checked ~ .switch-handle {
- left: $width - $height + $handle-margin;
- }
-}
-
-@mixin switch($type, $width, $height, $font-size, $handle-margin) {
- position: relative;
- display: inline-block;
- vertical-align: top;
- width: $width;
- height: $height;
- background-color: transparent;
- cursor: pointer;
-
- .switch-input {
- position: absolute;
- top: 0;
- left: 0;
- opacity: 0;
- }
-
- .switch-label {
- position: relative;
- display: block;
- height: inherit;
- @if $type == icon {
- font-family: FontAwesome;
- }
- font-size: $font-size;
- font-weight: 600;
- text-transform: uppercase;
- @if $type == ddd {
- background-color: $gray-100;
- } @else {
- background-color: #fff;
- }
- border: 1px solid $border-color;
- border-radius: 2px;
- transition: opacity background .15s ease-out;
- }
- @if $type == text or $type == icon {
- .switch-label::before,
- .switch-label::after {
- position: absolute;
- top: 50%;
- width: 50%;
- margin-top: -.5em;
- line-height: 1;
- text-align: center;
- transition: inherit;
- }
- .switch-label::before {
- right: 1px;
- color: $gray-200;
- content: attr(data-off);
- }
- .switch-label::after {
- left: 1px;
- color: #fff;
- content: attr(data-on);
- opacity: 0;
- }
- }
- .switch-input:checked ~ .switch-label {
- //background: $gray-lightest;
- }
- .switch-input:checked ~ .switch-label::before {
- opacity: 0;
- }
- .switch-input:checked ~ .switch-label::after {
- opacity: 1;
- }
-
- .switch-handle {
- position: absolute;
- top: $handle-margin;
- left: $handle-margin;
- width: $height - $handle-margin * 2;
- height: $height - $handle-margin * 2;
- background: #fff;
- border: 1px solid $border-color;
- border-radius: 1px;
- transition: left .15s ease-out;
- @if $type == ddd {
- border: 0;
- box-shadow: 0 2px 5px rgba(0, 0, 0, .3);
- }
- }
-
- .switch-input:checked ~ .switch-handle {
- left: $width - $height + $handle-margin;
- }
-
-
- @if $type == ddd {
- @extend .switch-pill;
- }
-
- //size variations
- @if $type == default {
-
- &.switch-lg {
- @include switch-size($switch-lg-width, $switch-lg-height, $switch-lg-font-size, $handle-margin);
- }
- &.switch-sm {
- @include switch-size($switch-sm-width, $switch-sm-height, $switch-sm-font-size, $handle-margin);
- }
- &.switch-xs {
- @include switch-size($switch-xs-width, $switch-xs-height, $switch-xs-font-size, $handle-margin);
- }
-
- } @else if $type == text {
-
- &.switch-lg {
- @include switch-size($switch-text-lg-width, $switch-text-lg-height, $switch-text-lg-font-size, $handle-margin);
- }
- &.switch-sm {
- @include switch-size($switch-text-sm-width, $switch-text-sm-height, $switch-text-sm-font-size, $handle-margin);
- }
- &.switch-xs {
- @include switch-size($switch-text-xs-width, $switch-text-xs-height, $switch-text-xs-font-size, $handle-margin);
- }
-
- } @else if $type == icon {
-
- &.switch-lg {
- @include switch-size($switch-icon-lg-width, $switch-icon-lg-height, $switch-icon-lg-font-size, $handle-margin);
- }
- &.switch-sm {
- @include switch-size($switch-icon-sm-width, $switch-icon-sm-height, $switch-icon-sm-font-size, $handle-margin);
- }
- &.switch-xs {
- @include switch-size($switch-icon-xs-width, $switch-icon-xs-height, $switch-icon-xs-font-size, $handle-margin);
- }
-
- } @else if $type == ddd {
-
- &.switch-lg {
- @include switch-size($switch-lg-width, $switch-lg-height, $switch-lg-font-size, 0);
- }
- &.switch-sm {
- @include switch-size($switch-sm-width, $switch-sm-height, $switch-sm-font-size, 0);
- }
- &.switch-xs {
- @include switch-size($switch-xs-width, $switch-xs-height, $switch-xs-font-size, 0);
- }
- }
-}
-
-@mixin switch-variant($color) {
- > .switch-input:checked ~ .switch-label {
- background: $color !important;
- border-color: darken($color,10%);
- }
-
- > .switch-input:checked ~ .switch-handle {
- border-color: darken($color,10%);
- }
-}
-
-@mixin switch-outline-variant($color) {
- > .switch-input:checked ~ .switch-label {
- background: #fff !important;
- border-color: $color;
-
- &::after {
- color: $color;
- }
- }
-
- > .switch-input:checked ~ .switch-handle {
- border-color: $color;
- }
-}
-
-@mixin switch-outline-alt-variant($color) {
- > .switch-input:checked ~ .switch-label {
- background: #fff !important;
- border-color: $color;
-
- &::after {
- color: $color;
- }
- }
-
- > .switch-input:checked ~ .switch-handle {
- background: $color !important;
- border-color: $color;
- }
-}
-
-$switch-lg-width: 48px;
-$switch-lg-height: 28px;
-$switch-lg-font-size: 12px;
-
-$switch-width: 40px;
-$switch-height: 24px;
-$switch-font-size: 10px;
-
-$handle-margin: 2px;
-
-$switch-sm-width: 32px;
-$switch-sm-height: 20px;
-$switch-sm-font-size: 8px;
-
-$switch-xs-width: 24px;
-$switch-xs-height: 16px;
-$switch-xs-font-size: 7px;
-
-
-$switch-text-lg-width: 56px;
-$switch-text-lg-height: 28px;
-$switch-text-lg-font-size: 12px;
-
-$switch-text-width: 48px;
-$switch-text-height: 24px;
-$switch-text-font-size: 10px;
-
-$switch-text-sm-width: 40px;
-$switch-text-sm-height: 20px;
-$switch-text-sm-font-size: 8px;
-
-$switch-text-xs-width: 32px;
-$switch-text-xs-height: 16px;
-$switch-text-xs-font-size: 7px;
-
-
-$switch-icon-lg-width: 56px;
-$switch-icon-lg-height: 28px;
-$switch-icon-lg-font-size: 12px;
-
-$switch-icon-width: 48px;
-$switch-icon-height: 24px;
-$switch-icon-font-size: 10px;
-
-$switch-icon-sm-width: 40px;
-$switch-icon-sm-height: 20px;
-$switch-icon-sm-font-size: 8px;
-
-$switch-icon-xs-width: 32px;
-$switch-icon-xs-height: 16px;
-$switch-icon-xs-font-size: 7px;
-
-.switch.switch-default {
- @include switch('default', $switch-width, $switch-height, $switch-font-size, $handle-margin);
-}
-
-.switch.switch-text {
- @include switch('text', $switch-text-width, $switch-text-height, $switch-text-font-size, $handle-margin);
-}
-
-.switch.switch-icon {
- @include switch('icon', $switch-icon-width, $switch-icon-height, $switch-icon-font-size, $handle-margin);
-}
-
-.switch.switch-3d {
- @include switch('ddd', $switch-width, $switch-height, $switch-font-size, 0);
-}
-
-//pills style
-.switch-pill {
- .switch-label,
- .switch-handle {
- border-radius: 50em !important;
- }
-
- .switch-label::before {
- right: 2px !important;
- }
- .switch-label::after {
- left: 2px !important;
- }
-}
-
-@each $color, $value in $theme-colors {
- //normal style
- .switch-#{$color} {
- @include switch-variant($value);
- }
- //outline style
- .switch-#{$color}-outline {
- @include switch-outline-variant($value);
- }
- //outline alternative style
- .switch-#{$color}-outline-alt {
- @include switch-outline-alt-variant($value);
- }
-}
diff --git a/Angular4_CLI_Starter/src/scss/core/_tables.scss b/Angular4_CLI_Starter/src/scss/core/_tables.scss
deleted file mode 100644
index aabc023f1..000000000
--- a/Angular4_CLI_Starter/src/scss/core/_tables.scss
+++ /dev/null
@@ -1,20 +0,0 @@
-.table-outline {
- border: 1px solid $table-border-color;
-
- td {
- vertical-align: middle;
- }
-}
-
-.table-align-middle {
-
- td {
- vertical-align: middle;
- }
-}
-
-.table-clear {
- td {
- border: 0;
- }
-}
diff --git a/Angular4_CLI_Starter/src/scss/core/_temp.scss b/Angular4_CLI_Starter/src/scss/core/_temp.scss
deleted file mode 100644
index 63cb04b72..000000000
--- a/Angular4_CLI_Starter/src/scss/core/_temp.scss
+++ /dev/null
@@ -1,50 +0,0 @@
-.pagination-datatables, .pagination {
- li {
- @extend .page-item;
-
- a {
- @extend .page-link;
- }
- }
-}
-
-.label-pill {
- border-radius: 1rem !important;
-}
-
-// temp fix for Vue & React
-
-// Open state for the dropdown
-.open, .show {
- // Show the menu
- > .dropdown-menu {
- display: block;
- }
- > .dropdown-menu-right {
- right: 0;
- left: auto; // Reset the default from `.dropdown-menu`
- }
- // Remove the outline when :focus is triggered
- > a {
- outline: 0;
- }
-}
-
-//
-//.modal-open .modal {
-// display: block;
-//}
-
-// navbar dropdown fix
-.navbar .dropdown-toggle {
- @extend .nav-link;
-
- .img-avatar {
- height: $navbar-height - 20px;
- margin: 0 10px;
- }
-}
-
-.card-block {
- @extend .card-body;
-}
diff --git a/Angular4_CLI_Starter/src/scss/core/_typography.scss b/Angular4_CLI_Starter/src/scss/core/_typography.scss
deleted file mode 100644
index be550c93d..000000000
--- a/Angular4_CLI_Starter/src/scss/core/_typography.scss
+++ /dev/null
@@ -1,36 +0,0 @@
-body {
- -moz-osx-font-smoothing: grayscale;
- -webkit-font-smoothing: antialiased;
-}
-
-.font-xs {
- font-size: .75rem !important;
-}
-
-.font-sm {
- font-size: .85rem !important;
-}
-
-.font-lg {
- font-size: 1rem !important;
-}
-
-.font-xl {
- font-size: 1.25rem !important;
-}
-
-.font-2xl {
- font-size: 1.5rem !important;
-}
-
-.font-3xl {
- font-size: 1.75rem !important;
-}
-
-.font-4xl {
- font-size: 2rem !important;
-}
-
-.font-5xl {
- font-size: 2.5rem !important;
-}
diff --git a/Angular4_CLI_Starter/src/scss/core/_utilities.scss b/Angular4_CLI_Starter/src/scss/core/_utilities.scss
deleted file mode 100644
index 6398c9f10..000000000
--- a/Angular4_CLI_Starter/src/scss/core/_utilities.scss
+++ /dev/null
@@ -1,3 +0,0 @@
-@import "https://github.com/utilities/background";
-@import "https://github.com/utilities/borders";
-@import "https://github.com/utilities/display";
diff --git a/Angular4_CLI_Starter/src/scss/core/_variables.scss b/Angular4_CLI_Starter/src/scss/core/_variables.scss
deleted file mode 100644
index 250514e62..000000000
--- a/Angular4_CLI_Starter/src/scss/core/_variables.scss
+++ /dev/null
@@ -1,174 +0,0 @@
-// Core Admin Variables
-
-$enable-sidebar-nav-rounded: false !default;
-
-$border-color: $gray-200 !default;
-$layout-transition-speed: .25s !default;
-
-// Social Colors
-
-$facebook: #3b5998 !default;
-$twitter: #00aced !default;
-$linkedin: #4875b4 !default;
-$google-plus: #d34836 !default;
-$flickr: #ff0084 !default;
-$tumblr: #32506d !default;
-$xing: #026466 !default;
-$github: #4183c4 !default;
-$html5: #e34f26 !default;
-$openid: #f78c40 !default;
-$stack-overflow: #fe7a15 !default;
-$youtube: #b00 !default;
-$css3: #0170ba !default;
-$dribbble: #ea4c89 !default;
-$google-plus: #bb4b39 !default;
-$instagram: #517fa4 !default;
-$pinterest: #cb2027 !default;
-$vk: #45668e !default;
-$yahoo: #400191 !default;
-$behance: #1769ff !default;
-$dropbox: #007ee5 !default;
-$reddit: #ff4500 !default;
-$spotify: #7ab800 !default;
-$vine: #00bf8f !default;
-$foursquare: #1073af !default;
-$vimeo: #aad450 !default;
-
-// Navbar
-
-$navbar-height: 55px !default;
-$navbar-bg: #fff !default;
-$navbar-border: (
- bottom: (
- size: 1px,
- style: solid,
- color: $border-color
- )
-) !default;
-$navbar-brand-width: 155px !default;
-$navbar-brand-bg: #fff !default;
-$navbar-brand-logo: url('https://github.com/img/logo.png') !default;
-$navbar-brand-logo-size: 70px auto !default;
-$navbar-brand-border: (
- bottom: (
- size: 1px,
- style: solid,
- color: $border-color
- )
-) !default;
-
-$navbar-color: $gray-600 !default;
-$navbar-hover-color: $gray-800 !default;
-$navbar-active-color: $gray-800 !default;
-$navbar-disabled-color: $gray-300 !default;
-
-// Sidebar
-
-$sidebar-width: 200px !default;
-$sidebar-padding: 0 !default;
-$sidebar-minimized-width: 50px !default;
-$sidebar-minimized-height: $sidebar-minimized-width !default;
-$sidebar-compact-width: 150px !default;
-$sidebar-compact-height: $sidebar-compact-width !default;
-$sidebar-color: #fff !default;
-$sidebar-bg: $gray-800 !default;
-$sidebar-header-bg: rgba(0,0,0,.2) !default;
-$sidebar-footer-bg: rgba(0,0,0,.2) !default;
-$sidebar-borders: none !default;
-$mobile-sidebar-width: 220px !default;
-
-// Sidebar Navigation
-
-$sidebar-nav-color: #fff !default;
-$sidebar-nav-title-padding-y: .75rem !default;
-$sidebar-nav-title-padding-x: 1rem !default;
-$sidebar-nav-title-color: $gray-200 !default;
-$sidebar-nav-link-padding-y: .75rem !default;
-$sidebar-nav-link-padding-x: 1rem !default;
-$sidebar-nav-link-color: #fff !default;
-$sidebar-nav-link-bg: transparent !default;
-$sidebar-nav-link-icon-color: $text-muted !default;
-$sidebar-nav-link-borders: 0 !default;
-
-$sidebar-nav-link-hover-color: #fff !default;
-$sidebar-nav-link-hover-bg: theme-color("primary") !default;
-$sidebar-nav-link-hover-icon-color: #fff !default;
-$sidebar-nav-link-hover-borders: 0 !default;
-
-$sidebar-nav-link-active-color: #fff !default;
-$sidebar-nav-link-active-bg: lighten($sidebar-bg, 5%) !default;
-$sidebar-nav-link-active-icon-color: theme-color("primary") !default;
-$sidebar-nav-link-active-borders: 0 !default;
-
-$sidebar-nav-dropdown-color: #fff !default;
-$sidebar-nav-dropdown-bg: rgba(0,0,0,.2) !default;
-$sidebar-nav-dropdown-borders: 0 !default;
-
-// Top Navigation
-
-$top-nav-bg: #fff !default;
-$top-nav-color: $body-color !default;
-$top-nav-borders: (
- bottom: (
- size: 1px,
- style: solid,
- color: $border-color
- )
-) !default;
-$top-nav-ul-borders: (
- all: (
- size: 1px,
- style: solid,
- color: $border-color
- )
-) !default;
-
-$top-nav-hover-color: #fff !default;
-$top-nav-hover-bg: theme-color("primary") !default;
-$top-nav-active-color: #fff !default;
-$top-nav-active-bg: theme-color("primary") !default;
-$top-nav-height: $navbar-height - 15px !default;
-
-// Breadcrumb
-
-$breadcrumb-borders: (
- bottom: (
- size: 1px,
- style: solid,
- color: $border-color
- )
-) !default;
-
-// Aside
-
-$aside-menu-width: 250px !default;
-$aside-menu-color: $gray-800 !default;
-$aside-menu-bg: #fff !default;
-$aside-menu-borders: (
- left: (
- size: 1px,
- style: solid,
- color: $border-color
- )
-) !default;
-
-$aside-menu-nav-padding-y: .75rem !default;
-$aside-menu-nav-padding-x: 1rem !default;
-
-// Footer
-
-$footer-height: 50px !default;
-$footer-bg: $gray-100 !default;
-$footer-color: $body-color !default;
-$footer-borders: (
- top: (
- size: 1px,
- style: solid,
- color: $border-color
- )
-) !default;
-
-// Cards
-
-$card-icon-bg: transparent !default;
-$card-icon-color: $body-color !default;
diff --git a/Angular4_CLI_Starter/src/scss/core/_widgets.scss b/Angular4_CLI_Starter/src/scss/core/_widgets.scss
deleted file mode 100644
index 2fa5f705b..000000000
--- a/Angular4_CLI_Starter/src/scss/core/_widgets.scss
+++ /dev/null
@@ -1,253 +0,0 @@
-// .social-box
-.social-box {
- min-height: 160px;
- margin-bottom: 2 * $card-spacer-y;
- text-align: center;
- background: #fff;
- border: $card-border-width solid $card-border-color;
- @include border-radius($card-border-radius);
-
- i {
- display: block;
- margin: -1px -1px 0;
- font-size: 40px;
- line-height: 90px;
- background: $gray-200;
-
- @include border-radius($card-border-radius $card-border-radius 0 0);
- }
-
- .chart-wrapper {
- height: 90px;
- margin: -90px 0 0;
-
- canvas {
- width: 100% !important;
- height: 90px !important;
- }
- }
-
- ul {
- padding: 10px 0;
- list-style: none;
-
-
- li {
- display: block;
- float: left;
- width: 50%;
-
- &:first-child {
- border-right: 1px solid $border-color;
- }
-
- strong {
- display: block;
- font-size: 20px;
- }
-
- span {
- font-size: 10px;
- font-weight: 500;
- color: $border-color;
- text-transform: uppercase;
- }
- }
- }
-
- &.facebook {
- i {
- color: #fff;
- background: $facebook;
- }
- }
-
- &.twitter {
- i {
- color: #fff;
- background: $twitter;
- }
- }
-
- &.linkedin {
- i {
- color: #fff;
- background: $linkedin;
- }
- }
-
- &.google-plus {
- i {
- color: #fff;
- background: $google-plus;
- }
- }
-}
-
-.horizontal-bars {
- padding: 0;
- margin: 0;
- list-style: none;
-
- li {
- position: relative;
- height: 40px;
- line-height: 40px;
- vertical-align: middle;
-
- .title {
- width: 100px;
- font-size: 12px;
- font-weight: 600;
- color: $text-muted;
- vertical-align: middle;
- }
-
- .bars {
- position: absolute;
- top: 15px;
- width: 100%;
- padding-left: 100px;
-
- .progress:first-child {
- margin-bottom: 2px;
- }
- }
-
- &.legend {
- text-align: center;
-
- .badge {
- display: inline-block;
- width: 8px;
- height: 8px;
- padding: 0;
- }
- }
-
- &.divider {
- height: 40px;
-
- i {
- margin: 0 !important;
- }
- }
- }
-
- &.type-2 {
-
- li {
- overflow: hidden;
-
- i {
- display: inline-block;
- margin-right: $spacer;
- margin-left: 5px;
- font-size: 18px;
- line-height: 40px;
- }
-
- .title {
- display: inline-block;
- width: auto;
- margin-top: -9px;
- font-size: $font-size-base;
- font-weight: normal;
- line-height: 40px;
- color: $body-color;
- }
-
- .value {
- float: right;
- font-weight: 600;
- }
-
- .bars {
- position: absolute;
- top: auto;
- bottom: 0;
- padding: 0;
- }
- }
- }
-}
-
-.icons-list {
- padding: 0;
- margin: 0;
- list-style: none;
-
- li {
- position: relative;
- height: 40px;
- vertical-align: middle;
-
- i {
- display: block;
- float: left;
- width: 35px !important;
- height: 35px !important;
- margin: 2px;
- line-height: 35px !important;
- text-align: center;
- }
-
- .desc {
- height: 40px;
- margin-left: 50px;
- border-bottom: 1px solid $border-color;
-
- .title {
- padding: 2px 0 0;
- margin: 0;
- }
- small {
- display: block;
- margin-top: -4px;
- color: $text-muted;
- }
- }
-
- .value {
- position: absolute;
- top: 2px;
- right: 45px;
- text-align: right;
-
- strong {
- display: block;
- margin-top: -3px;
- }
- }
-
- .actions {
- position: absolute;
- top: -4px;
- right: 10px;
- width: 40px;
- height: 40px;
- line-height: 40px;
- text-align: center;
-
- i {
- float: none;
- width: auto;
- height: auto;
- padding: 0;
- margin: 0;
- line-height: normal;
- }
- }
-
- &.divider {
- height: 40px;
-
- i {
- width: auto;
- height: auto;
- margin: 2px 0 0;
- font-size: 18px;
- }
- }
- }
-}
diff --git a/Angular4_CLI_Starter/src/scss/core/core.scss b/Angular4_CLI_Starter/src/scss/core/core.scss
deleted file mode 100644
index 9f029c54c..000000000
--- a/Angular4_CLI_Starter/src/scss/core/core.scss
+++ /dev/null
@@ -1,47 +0,0 @@
-// Import core styles
-@import "https://github.com/variables";
-@import "https://github.com/mixins";
-
-// Additional typography
-@import "https://github.com/typography";
-
-// Animations
-@import "https://github.com/animate";
-
-// Components
-@import "https://github.com/aside";
-@import "https://github.com/avatars";
-@import "https://github.com/badge";
-@import "https://github.com/breadcrumb-menu";
-@import "https://github.com/breadcrumb";
-@import "https://github.com/buttons";
-@import "https://github.com/callout";
-@import "https://github.com/card";
-@import "https://github.com/charts";
-@import "https://github.com/dropdown";
-@import "https://github.com/footer";
-@import "https://github.com/grid";
-@import "https://github.com/input-group";
-@import "https://github.com/loading";
-@import "https://github.com/modal";
-@import "https://github.com/nav";
-@import "https://github.com/navbar";
-@import "https://github.com/progress";
-@import "https://github.com/sidebar";
-@import "https://github.com/switches";
-@import "https://github.com/tables";
-@import "https://github.com/widgets";
-
-// Layout Options
-@import "https://github.com/layout";
-
-@import "https://github.com/others";
-
-// Utility classes
-@import "https://github.com/utilities";
-
-// Temporary fixes
-@import "https://github.com/temp";
-
-// Right-to-left
-@import "https://github.com/rtl";
diff --git a/Angular4_CLI_Starter/src/scss/core/utilities/_background.scss b/Angular4_CLI_Starter/src/scss/core/utilities/_background.scss
deleted file mode 100644
index 22603868b..000000000
--- a/Angular4_CLI_Starter/src/scss/core/utilities/_background.scss
+++ /dev/null
@@ -1,8 +0,0 @@
-.bg-primary,
-.bg-success,
-.bg-info,
-.bg-warning,
-.bg-danger,
-.bg-inverse {
- color: #fff;
-}
diff --git a/Angular4_CLI_Starter/src/scss/core/utilities/_borders.scss b/Angular4_CLI_Starter/src/scss/core/utilities/_borders.scss
deleted file mode 100644
index c840fd0c1..000000000
--- a/Angular4_CLI_Starter/src/scss/core/utilities/_borders.scss
+++ /dev/null
@@ -1,18 +0,0 @@
-//border
-@each $prop, $abbrev in (border: b) {
- @each $size in (0,1,2) {
- @if $size == 0 {
- .#{$abbrev}-a-#{$size} { #{$prop}: 0 !important; } // a = All sides
- .#{$abbrev}-t-#{$size} { #{$prop}-top: 0 !important; }
- .#{$abbrev}-r-#{$size} { #{$prop}-right: 0 !important; }
- .#{$abbrev}-b-#{$size} { #{$prop}-bottom: 0 !important; }
- .#{$abbrev}-l-#{$size} { #{$prop}-left: 0 !important; }
- } @else {
- .#{$abbrev}-a-#{$size} { #{$prop}: $size * $border-width solid $border-color !important; } // a = All sides
- .#{$abbrev}-t-#{$size} { #{$prop}-top: $size * $border-width solid $border-color !important; }
- .#{$abbrev}-r-#{$size} { #{$prop}-right: $size * $border-width solid $border-color !important; }
- .#{$abbrev}-b-#{$size} { #{$prop}-bottom: $size * $border-width solid $border-color !important; }
- .#{$abbrev}-l-#{$size} { #{$prop}-left: $size * $border-width solid $border-color !important; }
- }
- }
-}
diff --git a/Angular4_CLI_Starter/src/scss/core/utilities/_display.scss b/Angular4_CLI_Starter/src/scss/core/utilities/_display.scss
deleted file mode 100644
index 0f0e58a7f..000000000
--- a/Angular4_CLI_Starter/src/scss/core/utilities/_display.scss
+++ /dev/null
@@ -1,18 +0,0 @@
-//
-// Utilities for common `display` values
-//
-
-@each $breakpoint in map-keys($grid-breakpoints) {
- @include media-breakpoint-down($breakpoint) {
- $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
-
- .d#{$infix}-down-none { display: none !important; }
- // .d#{$infix}-inline { display: inline !important; }
- // .d#{$infix}-inline-block { display: inline-block !important; }
- // .d#{$infix}-block { display: block !important; }
- // .d#{$infix}-table { display: table !important; }
- // .d#{$infix}-table-cell { display: table-cell !important; }
- // .d#{$infix}-flex { display: flex !important; }
- // .d#{$infix}-inline-flex { display: inline-flex !important; }
- }
-}
diff --git a/Angular4_CLI_Starter/src/scss/style.scss b/Angular4_CLI_Starter/src/scss/style.scss
deleted file mode 100644
index 005cfbf1b..000000000
--- a/Angular4_CLI_Starter/src/scss/style.scss
+++ /dev/null
@@ -1,33 +0,0 @@
-/**
- * CoreUI - Open Source Bootstrap Admin Template
- * @version v1.0.0-alpha.6
- * @link http://coreui.io
- * Copyright (c) 2017 creativeLabs Łukasz Holeczek
- * @license MIT
- */
-// Override Boostrap variables
-@import "https://github.com/bootstrap-variables";
-
-// Import Bootstrap source files
-@import "https://github.com/bootstrap/bootstrap";
-
-// If you want you can import bootstrap scss files directly from node_modules or bower_components.
-// To do this please remove @import "https://github.com/bootstrap/bootstrap"; and uncomment proper line.
-
-// Import Bootstrap source files from node_modules
-// @import "https://github.com/node_modules/bootstrap/scss/bootstrap";
-
-// Import Bootstrap source files from bower_components
-// @import "https://github.com/bower_components/bootstrap/scss/bootstrap";
-
-// Import vendors styles
-@import "https://github.com/vendors/vendors";
-
-// Override core variables
-@import "https://github.com/core-variables";
-
-// Import core styles
-@import "https://github.com/core/core";
-
-// Custom styles
-@import "https://github.com/custom";
diff --git a/Angular4_CLI_Starter/src/scss/vendors/_vendors.scss b/Angular4_CLI_Starter/src/scss/vendors/_vendors.scss
deleted file mode 100644
index 7aab6870e..000000000
--- a/Angular4_CLI_Starter/src/scss/vendors/_vendors.scss
+++ /dev/null
@@ -1 +0,0 @@
-@import "https://github.com/chart.js/chart";
diff --git a/Angular4_CLI_Starter/src/scss/vendors/chart.js/chart.scss b/Angular4_CLI_Starter/src/scss/vendors/chart.js/chart.scss
deleted file mode 100644
index 41eda00fd..000000000
--- a/Angular4_CLI_Starter/src/scss/vendors/chart.js/chart.scss
+++ /dev/null
@@ -1,45 +0,0 @@
-.chart-legend,
-.bar-legend,
-.line-legend,
-.pie-legend,
-.radar-legend,
-.polararea-legend,
-.doughnut-legend {
- list-style-type: none;
- margin-top: 5px;
- text-align: center;
- -webkit-padding-start: 0;
- -moz-padding-start: 0;
- padding-left: 0;
-}
-.chart-legend li,
-.bar-legend li,
-.line-legend li,
-.pie-legend li,
-.radar-legend li,
-.polararea-legend li,
-.doughnut-legend li {
- display: inline-block;
- white-space: nowrap;
- position: relative;
- margin-bottom: 4px;
- @include border-radius($border-radius);
- padding: 2px 8px 2px 28px;
- font-size: smaller;
- cursor: default;
-}
-.chart-legend li span,
-.bar-legend li span,
-.line-legend li span,
-.pie-legend li span,
-.radar-legend li span,
-.polararea-legend li span,
-.doughnut-legend li span {
- display: block;
- position: absolute;
- left: 0;
- top: 0;
- width: 20px;
- height: 20px;
- @include border-radius($border-radius);
-}
diff --git a/Angular4_CLI_Starter/src/tsconfig.app.json b/Angular4_CLI_Starter/src/tsconfig.app.json
deleted file mode 100644
index 5e2507db5..000000000
--- a/Angular4_CLI_Starter/src/tsconfig.app.json
+++ /dev/null
@@ -1,13 +0,0 @@
-{
- "extends": "../tsconfig.json",
- "compilerOptions": {
- "outDir": "../out-tsc/app",
- "module": "es2015",
- "baseUrl": "",
- "types": []
- },
- "exclude": [
- "test.ts",
- "**/*.spec.ts"
- ]
-}
diff --git a/Angular4_CLI_Starter/src/tsconfig.spec.json b/Angular4_CLI_Starter/src/tsconfig.spec.json
deleted file mode 100644
index 510e3f1fd..000000000
--- a/Angular4_CLI_Starter/src/tsconfig.spec.json
+++ /dev/null
@@ -1,20 +0,0 @@
-{
- "extends": "../tsconfig.json",
- "compilerOptions": {
- "outDir": "../out-tsc/spec",
- "module": "commonjs",
- "target": "es5",
- "baseUrl": "",
- "types": [
- "jasmine",
- "node"
- ]
- },
- "files": [
- "test.ts"
- ],
- "include": [
- "**/*.spec.ts",
- "**/*.d.ts"
- ]
-}
diff --git a/Angular4_CLI_Starter/src/typings.d.ts b/Angular4_CLI_Starter/src/typings.d.ts
deleted file mode 100644
index ef5c7bd62..000000000
--- a/Angular4_CLI_Starter/src/typings.d.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-/* SystemJS module definition */
-declare var module: NodeModule;
-interface NodeModule {
- id: string;
-}
diff --git a/Angular4_CLI_Starter/tsconfig.json b/Angular4_CLI_Starter/tsconfig.json
deleted file mode 100644
index a35a8ee3a..000000000
--- a/Angular4_CLI_Starter/tsconfig.json
+++ /dev/null
@@ -1,20 +0,0 @@
-{
- "compileOnSave": false,
- "compilerOptions": {
- "outDir": "./dist/out-tsc",
- "baseUrl": "src",
- "sourceMap": true,
- "declaration": false,
- "moduleResolution": "node",
- "emitDecoratorMetadata": true,
- "experimentalDecorators": true,
- "target": "es5",
- "typeRoots": [
- "node_modules/@types"
- ],
- "lib": [
- "es2016",
- "dom"
- ]
- }
-}
diff --git a/Angular4_CLI_Starter/tslint.json b/Angular4_CLI_Starter/tslint.json
deleted file mode 100644
index 9113f1368..000000000
--- a/Angular4_CLI_Starter/tslint.json
+++ /dev/null
@@ -1,116 +0,0 @@
-{
- "rulesDirectory": [
- "node_modules/codelyzer"
- ],
- "rules": {
- "callable-types": true,
- "class-name": true,
- "comment-format": [
- true,
- "check-space"
- ],
- "curly": true,
- "eofline": true,
- "forin": true,
- "import-blacklist": [true, "rxjs"],
- "import-spacing": true,
- "indent": [
- true,
- "spaces"
- ],
- "interface-over-type-literal": true,
- "label-position": true,
- "max-line-length": [
- true,
- 140
- ],
- "member-access": false,
- "member-ordering": [
- true,
- "static-before-instance",
- "variables-before-functions"
- ],
- "no-arg": true,
- "no-bitwise": true,
- "no-console": [
- true,
- "debug",
- "info",
- "time",
- "timeEnd",
- "trace"
- ],
- "no-construct": true,
- "no-debugger": true,
- "no-duplicate-variable": true,
- "no-empty": false,
- "no-empty-interface": true,
- "no-eval": true,
- "no-inferrable-types": [true, "ignore-params"],
- "no-shadowed-variable": true,
- "no-string-literal": false,
- "no-string-throw": true,
- "no-switch-case-fall-through": true,
- "no-trailing-whitespace": true,
- "no-unused-expression": true,
- "no-use-before-declare": true,
- "no-var-keyword": true,
- "object-literal-sort-keys": false,
- "one-line": [
- true,
- "check-open-brace",
- "check-catch",
- "check-else",
- "check-whitespace"
- ],
- "prefer-const": true,
- "quotemark": [
- true,
- "single"
- ],
- "radix": true,
- "semicolon": [
- "always"
- ],
- "triple-equals": [
- true,
- "allow-null-check"
- ],
- "typedef-whitespace": [
- true,
- {
- "call-signature": "nospace",
- "index-signature": "nospace",
- "parameter": "nospace",
- "property-declaration": "nospace",
- "variable-declaration": "nospace"
- }
- ],
- "typeof-compare": true,
- "unified-signatures": true,
- "variable-name": false,
- "whitespace": [
- true,
- "check-branch",
- "check-decl",
- "check-operator",
- "check-separator",
- "check-type"
- ],
-
- "directive-selector": [true, "attribute", "app", "camelCase"],
- "component-selector": [true, "element", "app", "kebab-case"],
- "use-input-property-decorator": true,
- "use-output-property-decorator": true,
- "use-host-property-decorator": true,
- "no-input-rename": true,
- "no-output-rename": true,
- "use-life-cycle-interface": true,
- "use-pipe-transform-interface": true,
- "component-class-suffix": true,
- "directive-class-suffix": true,
- "no-access-missing-member": true,
- "templates-use-public": true,
- "invoke-injectable": true
- }
-}
diff --git a/CHANGELOG.md b/CHANGELOG.md
new file mode 100644
index 000000000..ecd0e9536
--- /dev/null
+++ b/CHANGELOG.md
@@ -0,0 +1,798 @@
+## [CoreUI for Angular](./README.md) version `changelog`
+
+###### `v2.13.0`
+
+- chore: update to `Angular 13.3`
+
+###### dependencies update
+- update `@angular/animations` to `^13.3.0`
+- update `@angular/cdk` to `^13.3.0`
+- update `@angular/common` to `^13.3.0`
+- update `@angular/compiler` to `^13.3.0`
+- update `@angular/core` to `^13.3.0`
+- update `@angular/forms` to `^13.3.0`
+- update `@angular/localize` to `^13.3.0`
+- update `@angular/platform-browser` to `^13.3.0`
+- update `@angular/platform-browser-dynamic` to `^13.3.0`
+- update `@angular/router` to `^13.3.0`
+- update `@coreui/angular` to `~2.13.0`
+- update `@angular-devkit/build-angular` to `^13.3.0`
+- update `@angular/cli` to `^13.3.0`
+- update `@angular/compiler-cli` to `^13.3.0`
+- update `@angular/language-service` to `^13.3.0`
+- update `typescript` to `~4.6.2`
+- remove: `classlist.js`
+- remove: `web-animations-js`
+
+###### `v2.12.0`
+
+- chore: update to `Angular 12.2`
+- refactor: icons cleanup
+
+###### dependencies update
+- update `@angular/animations` to `^12.2.16`
+- update `@angular/cdk` to `^12.2.13`
+- update `@angular/common` to `^12.2.16`
+- update `@angular/compiler` to `^12.2.16`
+- update `@angular/core` to `^12.2.16`
+- update `@angular/forms` to `^12.2.16`
+- update `@angular/localize` to `^12.2.16`
+- update `@angular/platform-browser` to `^12.2.16`
+- update `@angular/platform-browser-dynamic` to `^12.2.16`
+- update `@angular/router` to `^12.2.16`
+- update `@coreui/angular` to `~2.12.0`
+- update `zone.js` to `~0.11.4`
+- update `@angular-devkit/build-angular` to `^12.2.16`
+- update `@angular/cli` to `^12.2.16`
+- update `@angular/compiler-cli` to `^12.2.16`
+- update `@angular/language-service` to `^12.2.16`
+- update `jasmine-spec-reporter` to `~7.0.0`
+- update `karma` to `~6.3.17`
+- update `typescript` to `~4.3.5`
+
+###### `v2.11.3`
+
+- chore: dependencies update
+
+###### `v2.11.2`
+
+- chore: update to `Angular 11.2`
+
+###### dependencies update
+- update `@angular/animations` to `^11.2.5`
+- update `@angular/cdk` to `^11.2.4
+- update `@angular/common` to `^11.2.5`
+- update `@angular/compiler` to `^11.2.5`
+- update `@angular/core` to `^11.2.5`
+- update `@angular/forms` to `^11.2.5`
+- update `@angular/localize` to `^11.2.5`
+- update `@angular/platform-browser` to `^11.2.5`
+- update `@angular/platform-browser-dynamic` to `^11.2.5`
+- update `@angular/router` to `^11.2.5`
+- update `@coreui/angular` to `^2.11.2`
+- update `core-js` to `^3.9.1`
+- update `rxjs` to `^6.6.6`
+- update `@angular-devkit/build-angular` to `^0.1102.4`
+- update `@angular/cli` to `^11.2.4`
+- update `@angular/compiler-cli` to `^11.2.5`
+- update `@angular/language-service` to `^11.2.5`
+- update `@types/jasmine` to `^3.6.6`
+- update `@types/node` to `^14.14.33`
+- update `typescript` to `^4.1.5`
+
+###### `v2.11.1`
+
+- chore: update to `Angular 11.1`
+
+###### dependencies update
+- update `@angular/animations` to `^11.1.0`
+- update `@angular/cdk` to `^11.1.0`
+- update `@angular/common` to `^11.1.0`
+- update `@angular/compiler` to `^11.1.0`
+- update `@angular/core` to `^11.1.0`
+- update `@angular/forms` to `^11.1.0`
+- update `@angular/localize` to `^11.1.0`
+- update `@angular/platform-browser` to `^11.1.0`
+- update `@angular/platform-browser-dynamic` to `^11.1.0`
+- update `@angular/router` to `^11.1.0`
+- update `@coreui/angular` to `~2.11.1`
+- update `bootstrap` to `^4.6.0`
+- update `core-js` to `^3.8.3`
+- update `@angular-devkit/build-angular` to `^0.1101.1`
+- update `@angular/cli` to `^11.1.1`
+- update `@angular/compiler-cli` to `^11.1.0`
+- update `@angular/language-service` to `^11.1.0`
+- update `@types/jasmine` to `^3.6.3`
+- update `@types/node` to `^14.14.22`
+
+###### `v2.11.0`
+
+- chore: update to `Angular 11` and `TypeScript 4`
+ - [https://update.angular.io/](https://update.angular.io/?v=10.2-11.0)
+ - [https://v11.angular.io/guide/updating-to-version-11](https://v11.angular.io/guide/updating-to-version-11)
+ - [TypeScript: Documentation - TypeScript 4](https://www.typescriptlang.org/docs/handbook/release-notes/typescript-4-0.html)
+ - remove deprecated support for IE 9, 10, and IE mobile
+
+###### dependencies update
+- update `@angular/animations` to `^11.0.9`
+- update `@angular/cdk` to `^11.0.4`
+- update `@angular/common` to `^11.0.9`
+- update `@angular/compiler` to `^11.0.9`
+- update `@angular/core` to `^11.0.9`
+- update `@angular/forms` to `^11.0.9`
+- update `@angular/localize` to `^11.0.9`
+- update `@angular/platform-browser` to `^11.0.9`
+- update `@angular/platform-browser-dynamic` to `^11.0.9`
+- update `@angular/router` to `^11.0.9`
+- update `@coreui/angular` to `~2.11.0`
+- update `@angular-devkit/build-angular` to `^0.1100.7`
+- update `@angular/cli` to `^11.0.7`
+- update `@angular/compiler-cli` to `^11.0.9`
+- update `@angular/language-service` to `^11.0.9`
+- update `@types/jasmine` to `~3.6.0`
+- update `codelyzer` to `^6.0.0`
+- update `karma-coverage` to `~2.0.3`
+- update `typescript` to `~4.0.5`
+
+###### `v2.10.0`
+
+- chore: update to `Angular 10` and `TypeScript 3.9`
+ - [https://update.angular.io/](https://update.angular.io/?v=9.1-10.2)
+ - [https://v10.angular.io/guide/updating-to-version-10](https://v10.angular.io/guide/updating-to-version-10)
+ - [TypeScript: Documentation - TypeScript 3.9](https://www.typescriptlang.org/docs/handbook/release-notes/typescript-3-9.html)
+
+
+- test: deprecate `async()` in favour of `waitForAsync()`
+
+###### dependencies update
+- update `@angular/animations` to `^10.2.4`
+- update `@angular/cdk` to `^10.2.7`
+- update `@angular/common` to `^10.2.4`
+- update `@angular/compiler` to `^10.2.4`
+- update `@angular/core` to `^10.2.4`
+- update `@angular/forms` to `^10.2.4`
+- update `@angular/localize` to `^10.2.4`
+- update `@angular/platform-browser` to `^10.2.4`
+- update `@angular/platform-browser-dynamic` to `^10.2.4`
+- update `@angular/router` to `^10.2.4`
+- update `@coreui/angular` to `~2.10.0`
+- update `classlist.js` to `^1.1.20150312`
+- update `ng2-charts` to `^2.4.2`
+- update `ngx-bootstrap` to `^6.2.0`
+- update `ngx-perfect-scrollbar` to `^10.1.0`
+- update `tslib` to `^2.0.0`
+- update `@angular-devkit/build-angular` to `^0.1002.1`
+- update `@angular/cli` to `^10.2.1`
+- update `@angular/compiler-cli` to `^10.2.4`
+- update `@angular/language-service` to `^10.2.4`
+- update `jasmine-core` to `~3.6.0`
+- update `jasmine-spec-reporter` to `~5.0.0`
+- update `karma` to `~5.2.0`
+- update `karma-chrome-launcher` to `~3.1.0`
+- update `karma-coverage-istanbul-reporter` to `~3.0.2`
+- update `karma-jasmine` to `~4.0.0`
+- update `karma-jasmine-html-reporter` to `^1.5.0`
+- update `protractor` to `~7.0.0`
+- update `tslint` to `~6.1.0`
+- update `typescript` to `^3.9.7`
+
+
+###### `v2.9.6`
+- feat(icons): update to @coreui/icons v2 and @coreui/icons-angular
+
+###### dependencies update
+- update `@angular/animations` to `^9.1.13`
+- update `@angular/cdk` to `^9.2.4`
+- update `@angular/common` to `^9.1.13`
+- update `@angular/compiler` to `^9.1.13`
+- update `@angular/core` to `^9.1.13`
+- update `@angular/forms` to `^9.1.13`
+- update `@angular/platform-browser` to `^9.1.13`
+- update `@angular/platform-browser-dynamic` to `^9.1.13`
+- update `@angular/router` to `^9.1.13`
+- update `@coreui/angular`: `~2.9.6`
+- update `@coreui/icons` to `^2.0.0-rc.0`
+- update `@coreui/icons-angular` to `1.0.0-alpha.3`
+- update `bootstrap` to `^4.5.3`
+- update `chart.js` to `^2.9.4`
+- update `core-js` to `^3.8.2`
+- update `ng2-charts` to `~2.3.3`
+- update `ngx-bootstrap` to `^5.6.2`
+- update `rxjs` to `^6.6.3`
+- update `simple-line-icons` to `^2.5.5`
+- update `tslib` to `^1.14.1`
+- update `@angular-devkit/build-angular` to `^0.901.13`
+- update `@angular/cli` to `^9.1.13`
+- update `@angular/compiler-cli` to `^9.1.13`
+- update `@angular/language-service` to `^9.1.13`
+- update `@types/jasmine` to `^3.6.2`
+- update `@types/node` to `^14.14.20`
+- update `karma` to `^5.2.3`
+
+###### `v2.9.5`
+- fix(simple-line-icons): Can't resolve simple-line-icons.css - fixes #196
+
+###### dependencies update
+- update `simple-line-icons` to `^2.5.2`
+- update `@angular-devkit/build-angular` to `^0.901.12`
+- update `@angular/cli` to `^9.1.12`
+- update `@types/jasmine` to `^3.5.12`
+- update `jasmine-core` to `^3.6.0`
+- update `jasmine-spec-reporter` to `^5.0.2`
+- update `karma` to `^5.1.1`
+- update `karma-coverage-istanbul-reporter` to `^3.0.3`
+- update `tslint` to `^6.1.3`
+
+###### `v2.9.4`
+- refactor(polyfills): update core-js polyfills imports
+
+###### dependencies update
+- update `@angular/animations` to `^9.1.12`
+- update `@angular/common` to `^9.1.12`
+- update `@angular/compiler` to `^9.1.12`
+- update `@angular/core` to `^9.1.12`
+- update `@angular/forms` to `^9.1.12`
+- update `@angular/platform-browser` to `^9.1.12`
+- update `@angular/platform-browser-dynamic` to `^9.1.12`
+- update `@angular/router` to `^9.1.12`
+- update `@coreui/angular` to `~2.9.4`
+- update `bootstrap` to `^4.5.0`
+- update `core-js` to `^3.6.5`
+- update `flag-icon-css` to `^3.5.0`
+- update `moment` to `^2.27.0`
+- update `mutationobserver-shim` to `^0.3.7`
+- update `ng2-charts` to `^2.3.2`
+- update `rxjs` to `^6.6.0`
+- update `tslib` to `^1.13.0`
+- update `@angular-devkit/build-angular` to `^0.901.11`
+- update `@angular/cli` to `^9.1.11`
+- update `@angular/compiler-cli` to `^9.1.12`
+- update `@angular/language-service` to `^9.1.12`
+- update `@types/jasmine` to `^3.5.11`
+- update `@types/node` to `^13.13.14`
+- update `karma` to `^5.1.0`
+- update `karma-jasmine` to `^3.3.1`
+- update `karma-jasmine-html-reporter` to `^1.5.4`
+- update `protractor` to `^7.0.0`
+- update `ts-node` to `^8.10.2`
+
+###### `v2.9.2`
+- fix(navbars): cannot find module `ngx-bootstrap`
+
+###### dependencies update
+- update `@angular/animations` to `^9.1.1`
+- update `@angular/common` to `^9.1.1`
+- update `@angular/compiler` to `^9.1.1`
+- update `@angular/core` to `^9.1.1`
+- update `@angular/forms` to `^9.1.1`
+- update `@angular/platform-browser` to `^9.1.1`
+- update `@angular/platform-browser-dynamic` to `^9.1.1`
+- update `@angular/router` to `^9.1.1`
+- update `@coreui/angular` to `^2.9.2`
+- update `bootstrap` to `^4.4.1`
+- update `chart.js` to `^2.9.3`
+- update `mutationobserver-shim` to `^0.3.5`
+- update `ngx-bootstrap` to `^5.6.1`
+- update `ngx-perfect-scrollbar` to `^9.0.0`
+- update `rxjs` to `^6.5.5`
+- update `tslib` to `^1.11.1`
+- update `zone.js` to `~0.10.3`
+- update `@angular-devkit/build-angular` to `~0.901.1`
+- update `@angular/cli` to `^9.1.1`
+- update `@angular/compiler-cli` to `^9.1.1`
+- update `@angular/language-service` to `^9.1.1`
+- update `@types/jasmine` to `^3.5.10`
+- update `@types/node` to `^13.11.1`
+- update `codelyzer` to `^5.2.2`
+- update `jasmine-spec-reporter` to `^5.0.1`
+- update `karma` to `^5.0.1`
+- update `karma-coverage-istanbul-reporter` to `^2.1.1`
+- update `karma-jasmine` to `^3.1.1`
+- update `karma-jasmine-html-reporter` to `^1.5.3`
+- update `protractor` to `^5.4.3`
+- update `ts-node` to `^8.8.2`
+- update `tslint` to `^6.1.1`
+
+###### `v2.9.0`
+- chore: update to `Angular 9.0.0`
+ - [https://update.angular.io/](https://update.angular.io/#8.0:9.0)
+ - [https://angular.io/guide/updating-to-version-9](https://angular.io/guide/updating-to-version-9)
+ - [https://blog.angular.io/version-9-of-angular-now-available-project-ivy-has-arrived](https://blog.angular.io/version-9-of-angular-now-available-project-ivy-has-arrived-23c97b63cfa3)
+
+- chore: update to `TypeScript 3.7`
+ - [https://www.typescriptlang.org/docs/handbook/release-notes/typescript-3-7.html](https://www.typescriptlang.org/docs/handbook/release-notes/typescript-3-7.html)
+ - [https://www.typescriptlang.org/docs/handbook/release-notes/typescript-3-6.html](https://www.typescriptlang.org/docs/handbook/release-notes/typescript-3-6.html)
+
+###### dependencies update
+- update `@angular/animations` to `^9.0.0`
+- update `@angular/common` to `^9.0.0`
+- update `@angular/compiler` to `^9.0.0`
+- update `@angular/core` to `^9.0.0`
+- update `@angular/forms` to `^9.0.0`
+- update `@angular/platform-browser` to `^9.0.0`
+- update `@angular/platform-browser-dynamic` to `^9.0.0`
+- update `@angular/router` to `^9.0.0`
+- update `@coreui/angular` to `^2.9.0`
+- update `flag-icon-css` to `^3.4.6`
+- update `@angular-devkit/build-angular` to `^0.900.1`
+- update `@angular/cli` to `^9.0.1`
+- update `@angular/compiler-cli` to `^9.0.0`
+- update `@angular/language-service` to `^9.0.0`
+- update `@types/jasmine` to `^3.5.3`
+- update `karma-jasmine-html-reporter` to `^1.5.2`
+- update `typescript` to `~3.7.5`
+
+###### `v2.7.5`
+- fix(carousels): move to picsum.photos
+
+###### dependencies update
+- update `@coreui/angular` to `^2.7.5`
+- update `@angular/animations` to `^9.0.0-rc.12`
+- update `@angular/common` to `^9.0.0-rc.12`
+- update `@angular/compiler` to `^9.0.0-rc.12`
+- update `@angular/core` to `^9.0.0-rc.12`
+- update `@angular/forms` to `^9.0.0-rc.12`
+- update `@angular/platform-browser` to `^9.0.0-rc.12`
+- update `@angular/platform-browser-dynamic` to `^9.0.0-rc.12`
+- update `@angular/router` to `^9.0.0-rc.12`
+- update `@angular-devkit/build-angular` to `^0.900.0-rc.12`
+- update `@angular/cli` to `^9.0.0-rc.12`
+- update `@angular/compiler-cli` to `^9.0.0-rc.12`
+- update `@angular/language-service` to `^9.0.0-rc.12`
+
+###### `v2.7.2`
+- feat: add missing Navbars example - thanks @EliasDerHai
+
+###### dependencies update
+- update `@angular/animations` to `^9.0.0-rc.7`
+- update `@angular/common` to `^9.0.0-rc.7`
+- update `@angular/compiler` to `^9.0.0-rc.7`
+- update `@angular/core` to `^9.0.0-rc.7`
+- update `@angular/forms` to `^9.0.0-rc.7`
+- update `@angular/platform-browser` to `^9.0.0-rc.7`
+- update `@angular/platform-browser-dynamic` to `^9.0.0-rc.7`
+- update `@angular/router` to `^9.0.0-rc.7`
+- update `@coreui/angular` to `^2.7.2`
+- update `core-js` to `^2.6.11`
+- update `@angular-devkit/build-angular` to `^0.900.0-rc.7`
+- update `@angular/cli` to `^9.0.0-rc.7`
+- update `@angular/compiler-cli` to `^9.0.0-rc.7`
+- update `@angular/language-service` to `^9.0.0-rc.7`
+- update `codelyzer` to `^5.2.1`
+
+###### `v2.7.0` for Angular 9
+- chore: upgrade to Angular 9 - see also:
+ - `https://next.angular.io/guide/updating-to-version-9`
+ - `https://update.angular.io/#8.0:9.0`
+
+###### dependencies update
+- update `@coreui/angular` to `^2.7.0`
+- update `@angular/animations` to `^9.0.0-rc.0`
+- update `@angular/common` to `^9.0.0-rc.0`
+- update `@angular/compiler` to `^9.0.0-rc.0`
+- update `@angular/core` to `^9.0.0-rc.0`
+- update `@angular/forms` to `^9.0.0-rc.0`
+- update `@angular/platform-browser` to `^9.0.0-rc.0`
+- update `@angular/platform-browser-dynamic` to `^9.0.0-rc.0`
+- update `@angular/router` to `^9.0.0-rc.0`
+- update `zone.js` to `~0.10.2`
+- update `@angular-devkit/build-angular` to `~0.900.0-rc.0`
+- update `@angular/cli` to `^9.0.0-rc.0`
+- update `@angular/compiler-cli` to `^9.0.0-rc.0`
+- update `@angular/language-service` to `^9.0.0-rc.0`
+- update `@types/jasmine` to `^3.4.5`
+- update `@types/node` to `^12.11.1`
+- update `codelyzer` to `^5.1.2`
+- update `typescript` to `~3.6.4`
+- update `chart.js` to `^2.9.2`
+
+###### `v2.5.3`
+- fix(polyfills): add optional settings for IE10 issues
+- refactor(_nav.ts): INavData moved from _nav.ts to import from @coreui/angular
+- refactor(default-layout): drop MutationObserver, add minimizedChange event
+- fix(dashboard): `scales.[x/y]Axes.barPercentage` is deprecated. Please use `dataset.barPercentage` instead
+- fix(widgets): `scales.[x/y]Axes.barPercentage` is deprecated. Please use `dataset.barPercentage` instead
+- test: add e2e test bed with some tests
+
+###### dependencies update
+- update `@angular/animations` to `^8.2.10`
+- update `@angular/common` to `^8.2.12`
+- update `@angular/compiler` to `^8.2.12`
+- update `@angular/core` to `^8.2.12`
+- update `@angular/forms` to `^8.2.12`
+- update `@angular/platform-browser` to `^8.2.12`
+- update `@angular/platform-browser-dynamic` to `^8.2.12`
+- update `@angular/router` to `^8.2.12`
+- update `@coreui/angular` to `^2.6.3`
+- update `@coreui/coreui` to `^2.1.16`
+- update `chart.js` to `^2.9.1`
+- update `core-js` to `^2.6.10`
+- update `flag-icon-css` to `^3.4.5`
+- update `ngx-bootstrap` to `^5.2.0`
+- update `rxjs` to `^6.5.3`
+- update `web-animations-js` to `^2.3.2`
+- update `zone.js` to `^0.10.2`
+- update `@angular-devkit/build-angular` to `^0.803.15`
+- update `@angular/cli` to `^8.3.15`
+- update `@angular/compiler-cli` to `^8.2.12`
+- update `@angular/language-service` to `^8.2.12`
+- update `@types/jasmine` to `^3.4.4`
+- update `@types/jasminewd2` to `^2.0.8`
+- update `@types/node` to `^12.7.12`
+- update `codelyzer` to `^5.2.0`
+- update `jasmine-core` to `^3.5.0`
+- update `karma` to `^4.4.1`
+- update `karma-chrome-launcher` to `^3.1.0`
+- update `karma-coverage-istanbul-reporter` to `^2.1.0`
+- update `ts-node` to `^8.4.1`
+- update `tslint` to `^5.20.0`
+
+###### `v2.5.2`
+- fix(cards): card with header actions
+- fix(carousels): images and intervals cleanup
+
+###### dependencies update
+- update `@angular/animations` to `^8.0.2`
+- update `@angular/common` to `^8.0.2`
+- update `@angular/compiler` to `^8.0.2`
+- update `@angular/core` to `^8.0.2`
+- update `@angular/forms` to `^8.0.2`
+- update `@angular/platform-browser` to `^8.0.2`
+- update `@angular/platform-browser-dynamic` to `^8.0.2`
+- update `@angular/router` to `^8.0.2`
+- update `@coreui/angular` to `^2.5.2`
+- update `@coreui/coreui` to `^2.1.12`
+- update `@angular-devkit/build-angular` to `^0.800.3`
+- update `@angular/cli` to `^8.0.3`
+- update `@angular/compiler-cli` to `^8.0.2`
+- update `@angular/language-service` to `^8.0.2`
+- update `@types/node` to `^12.0.8`
+- update `ts-node` to `^8.3.0`
+
+###### `v2.5.1`
+###### dependencies update
+- update `@coreui/angular` to `^2.5.1`
+- update `ngx-bootstrap` to `^5.0.0`
+- update `ngx-perfect-scrollbar` to `^8.0.0`
+- update `tslib` to `^1.10.0`
+- update `@angular-devkit/build-angular` to `^0.800.2`
+- update `@angular/cli` to `^8.0.2`
+- update `@types/node` to `^12.0.7`
+
+###### `v2.5.0`
+- refactor(app.routing): lazy loading via dynamic import()
+- refactor(modals): `ViewChild` second parameter
+- refactor(tsconfig): `module: esnext` and `target: es5`
+- chore: update `ng2-charts@2.3.0` imports
+- chore: update `ngx-bootstrap@4.2.0`
+- fix(collapse): `No provider for AnimationBuilder` add import `BrowserAnimationsModule` to app.module
+- fix(polyfill): import `web-animations-js`
+- chore(tslint): remove depracated/undefined rules
+- chore(tsconfig): set "target" to "es5" / IE11 compatible
+
+###### breaking changes
+- `Angular v8.0.0` (see https://update.angular.io/)
+- `@ViewChild` second parameter required
+- `BrowserAnimationsModule` required
+- routing: lazy loading via dynamic import()
+
+###### dependencies update
+- update: Angular to `v8.0.0`
+- update: `@angular/animations` to `^8.0.0`
+- update: `@angular/common` to `^8.0.0`
+- update: `@angular/compiler` to `^8.0.0`
+- update: `@angular/core` to `^8.0.0`
+- update: `@angular/forms` to `^8.0.0`
+- update: `@angular/http` to `^8.0.0-beta.10`
+- update: `@angular/platform-browser` to `^8.0.0`
+- update: `@angular/platform-browser-dynamic` to `^8.0.0`
+- update: `@angular/router` to `^8.0.0`
+- update: `@coreui/angular` to `^2.5.0`
+- update: `@coreui/coreui` to `^2.1.11`
+- update: `@coreui/coreui-plugin-chartjs-custom-tooltips` to `^1.3.1`
+- update: `core-js` to `^2.6.9`
+- update: `ng2-charts` to `^2.3.0`
+- update: `ngx-boottsrap` to `^4.2.0`
+- update: `rxjs` to `^6.5.2`
+- update: `tsickle` to `^0.35.0`
+- update: `tslib` to `^1.9.3`
+- update: `zone.js` to `^0.9.1`
+- update: `@angular-devkit/build-angular` to `^0.800.1`
+- update: `@angular/cli` to `^8.0.1`
+- update: `@angular/compiler-cli` to `^8.0.0`
+- update: `@angular/language-service` to `^8.0.0`
+- update: `@types/node` to `^12.0.4`
+- update: `codelyzer` to `^5.1.0`
+- update: `jasmine-core` to `^3.4.0`
+- update: `karma` to `^4.1.0`
+- update: `karma-jasmine-html-reporter` to `^1.4.2`
+- update: `ts-node` to `^8.2.0`
+- update: `tslint` to `^5.17.0`
+- update: `typescript` to `~3.4.5`
+
+###### `v2.4.5`
+- refactor(modals): add `@ViewChild`
+- update: `@coreui/angular` to `^2.4.5`
+- update: `@coreui/coreui` to `^2.1.8`
+- update: `@angular/animations` to `^7.2.10`
+- update: `@angular/common` to `^7.2.10`
+- update: `@angular/compiler` to `^7.2.10`
+- update: `@angular/core` to `^7.2.10`
+- update: `@angular/forms` to `^7.2.10`
+- update: `@angular/http` to `^7.2.10`
+- update: `@angular/platform-browser` to `^7.2.10`
+- update: `@angular/platform-browser-dynamic` to `^7.2.10`
+- update: `@angular/router` to `^7.2.10`
+- update: `chart.js` to `^2.8.0`
+- update: `flag-icon-css` to `^3.3.0`
+- update: `@angular-devkit/build-angular` to `^0.13.6`
+- update: `@angular/cli` to `^7.3.6`
+- update: `@angular/compiler-cli` to `^7.2.10`
+- update: `@angular/language-service` to `^7.2.10`
+- update: `@types/jasmine` to `^3.3.12`
+- update: `@types/node` to `^11.11.4`
+- update: `karma` to `^4.0.1`
+- update: `ts-node` to `^8.0.3`
+- update: `tslint` to `^5.14.0`
+
+###### `v2.4.3`
+- update: `@coreui/angular` to `^2.4.3`
+- update: `@coreui/coreui` to `^2.1.7`
+- update: `@angular/animations` to `^7.2.6`
+- update: `@angular/common` to `^7.2.6`
+- update: `@angular/compiler` to `^7.2.6`
+- update: `@angular/core` to `^7.2.6`
+- update: `@angular/forms` to `^7.2.6`
+- update: `@angular/http` to `^7.2.6`
+- update: `@angular/platform-browser` to `^7.2.6`
+- update: `@angular/platform-browser-dynamic` to `^7.2.6`
+- update: `@angular/router` to `^7.2.6`
+- update: `@angular-devkit/build-angular` to `^0.13.3`
+- update: `@angular/cli` to `^7.3.3`
+- update: `@angular/compiler-cli` to `^7.2.6`
+- update: `@angular/language-service` to `^7.2.6`
+- update: `ngx-perfect-scrollbar` to `^7.2.1`
+
+###### `v2.4.0`
+- fix(sidebar): navItems reassignment bug #126, #42
+- refactor(default-layout): use `cui-breadcrumb` instead of deprecated `app-breadcrumb` (migrate when ready)
+- fix(polyfills.ts): ie issues add `core-js/es7/array` and `core-js/es7/object`
+- update: `@angular/animations` to `^7.2.5`
+- update: `@angular/common` to `^7.2.5`
+- update: `@angular/compiler` to `^7.2.5`
+- update: `@angular/core` to `^7.2.5`
+- update: `@angular/forms` to `^7.2.5`
+- update: `@angular/http` to `^7.2.5`
+- update: `@angular/platform-browser` to `^7.2.5`
+- update: `@angular/platform-browser-dynamic` to `^7.2.5`
+- update: `@angular/router` to `^7.2.5`
+- update: `@coreui/angular` to `^2.4.1`
+- update: `bootstrap` to `^4.3.1`
+- update: `core-js` to `^2.6.5`
+- update: `moment` to `^2.24.0`
+- update: `ngx-bootstrap` to `^3.2.0`
+- update: `rxjs` to `^6.4.0`
+- update: `tsickle` to `^0.34.3`
+- update: `zone.js` to `^0.8.29`
+- update: `@angular-devkit/build-angular` to `^0.13.2`
+- update: `@angular/cli` to `^7.3.2`
+- update: `@angular/compiler-cli` to `^7.2.5`
+- update: `@angular/language-service` to `^7.2.5`
+- update: `@types/jasmine` to `^3.3.9`
+- update: `@types/node` to `^10.12.26`
+- update: `karma` to `^4.0.0`
+- update: `karma-coverage-istanbul-reporter` to `^2.0.5`
+
+###### `v2.2.4`
+- refactor(colors): use 'DOCUMENT' of '@angular/common'
+- refactor(default-layout): use 'DOCUMENT' of '@angular/common' #133 - thanks @damingerdai
+- refactor(main): add compiler option `preserveWhitespaces` #128 - thanks @ctaleck
+- refactor(routing): added URL 404 default #125 - thanks @slam24
+- refactor(dropdowns): remove temp css fix
+- refactor(_nav.ts): NavData interface add semicolons
+- update: `@angular/animations` to `^7.2.1`
+- update: `@angular/common` to `^7.2.1`
+- update: `@angular/compiler` to `^7.2.1`
+- update: `@angular/core` to `^7.2.1`
+- update: `@angular/forms` to `^7.2.1`
+- update: `@angular/http` to `^7.2.1`
+- update: `@angular/platform-browser` to `^7.2.1`
+- update: `@angular/platform-browser-dynamic` to `^7.2.1`
+- update: `@angular/router` to `^7.2.1`
+- update: `@coreui/angular` to `^2.2.4`
+- update: `mutationobserver-shim` to `^0.3.3`
+- update: `zone.js` to `^0.8.28`
+- update: `@angular-devkit/build-angular` to `^0.12.2`
+- update: `@angular/cli` to `^7.2.2`
+- update: `@angular/compiler-cli` to `^7.2.1`
+- update: `@angular/language-service` to `^7.2.1`
+- update: `@types/jasmine` to `^3.3.7`
+- update: `typescript` to `~3.2.4`
+
+###### `v2.2.3`
+- refactor(_nav.ts): add NavData interface
+- update: `bootstrap` to `^4.2.1`
+- update: `@coreui/angular` to `^2.2.3`
+- update: `@coreui/coreui` to `^2.1.6`
+- update: `@angular/animations` to `^7.2.0`
+- update: `@angular/common` to `^7.2.0`
+- update: `@angular/compiler` to `^7.2.0`
+- update: `@angular/core` to `^7.2.0`
+- update: `@angular/forms` to `^7.2.0`
+- update: `@angular/http` to `^7.2.0`
+- update: `@angular/platform-browser` to `^7.2.0`
+- update: `@angular/platform-browser-dynamic` to `^7.2.0`
+- update: `@angular/router` to `^7.2.0`
+- update: `core-js` to `^2.6.2`
+- update: `moment` to `^2.23.0`
+- update: `ngx-bootstrap` to `^3.1.4`
+- update: `ngx-perfect-scrollbar` to `^7.2.0`
+- update: `zone.js` to `^0.8.27`
+- update: `@angular-devkit/build-angular` to `^0.12.1`
+- update: `@angular/cli` to `^7.2.1`
+- update: `@angular/compiler-cli` to `^7.2.0`
+- update: `@angular/language-service` to `^7.2.0`
+- update: `@types/jasmine` to `^3.3.5`
+- update: `@types/node` to `^10.12.18`
+- update: `karma` to `^3.1.4`
+- update: `protractor` to `^5.4.2`
+- update: `tslint` to `^5.12.1`
+
+###### `v2.2.1`
+- fix(routes): add default routes
+- fix(colors): class order for `bg-blue`
+- refactor(dafault-layout): observer add `attributeFilter` prop & `disconnect()`
+- update: `@coreui/angular` to `2.2.1`
+- update: `core-js` to `2.6.0`
+- update: `@types/node` to `10.12.12`
+- update: `@angular/cli` to `7.1.1`
+- update: `@angular-devkit/build-angular` to `0.11.1`
+- update: `@types/jasmine` to `3.3.1`
+
+###### `v2.2.0`
+- chore: update Angular to `^7.1.0` see: https://update.angular.io/
+- update: `@angular/animations` to `^7.1.1`
+- update: `@angular/common` to `^7.1.1`
+- update: `@angular/compiler` to `^7.1.1`
+- update: `@angular/core` to `^7.1.1`
+- update: `@angular/forms` to `^7.1.1`
+- update: `@angular/http` to `^7.1.1`
+- update: `@angular/platform-browser` to `^7.1.1`
+- update: `@angular/platform-browser-dynamic` to `^7.1.1`
+- update: `@angular/router` to `^7.1.1`
+- update: `@coreui/angular` to `^2.2.0`
+- update: `ngx-perfect-scrollbar` to `^7.1.0`
+- update: `tslib` to `^1.9.0`
+- update: `@angular-devkit/build-angular` to `~0.11.0`
+- update: `@angular/cli` to `^7.1.0`
+- update: `@angular/compiler-cli` to `^7.1.1`
+- update: `@angular/language-service` to `^7.1.1`
+- update: `@types/jasmine` to `^3.3.0`
+- update: `karma-jasmine` to `^2.0.1`
+- update: `typescript` to `3.1.x`
+
+###### `v2.1.0`
+- feat: sidebar nav-link `attributes` - optional JS object with valid JS API naming:
+ - valid attributes: `rel`, `target`, `hidden`, `disabled`, etc...
+ - item example (`_nav.ts`):
+```
+...
+{
+ name: 'Try CoreUI PRO',
+ url: 'https://coreui.io/pro/react/',
+ icon: 'cui-layers icons',
+ variant: 'danger',
+ attributes: { target: '_blank', rel: "noopener" },
+},
+...
+```
+- update: `@coreui/angular` to `2.1.0`
+- update: `@coreui/coreui` to `^2.1.3`
+- update: `ngx-bootstrap` to `^3.1.2`
+- update: `@angular/cli` to `^6.2.8`
+- update: `@types/jasmine` to `^2.8.12`
+- update: `@types/jasminewd2` to `^2.0.6`
+- update: `@types/node` to `^10.12.11`
+- update: `jasmine-core` to `^3.3.0`
+- update: `karma` to `^3.1.3`
+- update: `karma-jasmine-html-reporter` to `^1.4.0`
+
+
+###### `v2.0.1`
+- refactor(modals): buttons spacing
+- refactor(brand-buttons): buttons spacing
+- update: `@coreui/coreui` to `2.0.20`
+- update: `@angular/*` to `6.1.10`
+- update: `@angular/cli` to `6.2.6`
+- update: `chart.js` to `2.7.3`
+- update: `flag-icon-css` to `3.2.1`
+- update: `ngx-perfect-scrollbar` to `6.3.1`
+- update: `rxjs` to `6.3.3`
+- update: `rxjs-compat` to `6.3.3`
+- update: `tsickle` to `0.33.0`
+- update: `@types/jasmine` to `2.8.9`
+- update: `@types/jasminewd2` to `2.0.5`
+- update: `@types/node` to `10.12.0`
+- update: `codelyzer` to `4.5.0`
+- update: `karma-coverage-istanbul-reporter` to `2.0.4`
+- update: `protractor` to `5.4.1`
+
+###### `v2.0.0`
+- fix(dropdowns): dropup misplaced temp fix
+- chore: update `@coreui/icons` to `0.3.0`
+- refactor(coreui-icons): move to `@coreui/icons v0.3.0`
+- update: `@angular/*` to `6.1.6`
+- update: `angular-devkit/build-angular` to `0.7.5`
+- update: `@angular/cli` to `6.1.5`
+- update: `rxjs` to `6.3.0`
+- update: `rxjs-compat` to `6.3.0`
+- update: `@types/node` to `10.9.4`
+- update: `jasmine-core` to `3.2.1`
+- update: `karma-coverage-istanbul-reporter` to `2.0.2`
+- update: `karma-jasmine-html-reporter` to `1.3.1`
+
+###### `v2.0.0-rc.4`
+- fix(forms): validation classes example closes #95
+- fix(forms): card-header-actions example
+- fix(forms): autocomplete
+- fix(login): form, autocomplete
+- fix(register): form, autocomplete
+- update: `@types/node` to `10.7.0`
+- update: `codelyzer` to `4.4.4`
+- update: `karma-jasmine-html-reporter` to `1.3.0`
+- update: `typescript` to `2.9.2`
+
+###### `v2.0.0-rc.3`
+- fix(carousels): move to `loremflickr` image placeholders
+- refactor: code cleanup
+- tests: fix minimal testing
+- update: `@angular/*` to `6.1.2`
+- update: `@angular/cli` to `6.1.3`
+- update: `@angular-devkit/build-angular` to `0.7.3`
+- update: `ngx-perfect-scrollbar` to `6.3.0`
+- update: `rxjs` to `6.2.2`
+- update: `rxjs-compat` to `6.2.2`
+- update: `@types/node` to `10.5.8`
+- update: `codelyzer` to `4.4.3`
+- update: `jasmine-core` to `3.2.0`
+- update: `karma` to `3.0.0`
+- update: `protractor` to `5.4.0`
+- update: `ts-node` to `7.0.1`
+- update: `tslint` to `5.11.0`
+
+###### `v2.0.0-rc.2`
+- update: @angular/animations to 6.0.9
+- update: @angular/common to 6.0.9
+- update: @angular/compiler to 6.0.9
+- update: @angular/core to 6.0.9
+- update: @angular/forms to 6.0.9
+- update: @angular/http to 6.0.9
+- update: @angular/platform-browser to 6.0.9
+- update: @angular/platform-browser-dynamic to 6.0.9
+- update: @angular/router to 6.0.9
+- update: @coreui/coreui to 2.0.4
+- update: @coreui/icons to 0.3.0
+- update: bootstrap to 4.1.2
+- update: codelyzer to 4.4.2
+- update: karma-jasmine-html-reporter to 1.2.0
+
+###### `v2.0.0-rc.1`
+- chore: dependencies update
+
+###### `v1.0.10`
+- update: ngx-bootstrap to `2.0.2`
+- update: dependencies
+
+###### `v1.0.9`
+- update: bootstrap to `v4.0.0`
+- update: dependencies
+
+###### `v1.0.8`
+- update: bootstrap to `4.0.0-beta.3`
+- update: ngx-bootstrap to `2.0.0-rc.0`
+- fix(forms): duplicate `select` ids, toggleCollapse
+- fix(dashboard): btnRadio
+- refactor: `input-group-addon` to new `4.0.0-beta.3` classes
+- feature: some Bootstrap4 components added
+- feat: mobile sidebar link click closes the sidebar
+- update: dependencies
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
new file mode 100644
index 000000000..c293454c8
--- /dev/null
+++ b/CONTRIBUTING.md
@@ -0,0 +1,172 @@
+# Contributing to CoreUI Free Angular Admin Template
+
+Looking to contribute something to CoreUI Free Angular Admin Template? **Here's how you can help.**
+
+Please take a moment to review this document in order to make the contribution process easy and effective for everyone involved.
+
+Following these guidelines helps to communicate that you respect the time of the developers managing and developing this open source project. In return, they should reciprocate that respect in addressing your issue or assessing patches and features.
+
+## Using the issue tracker
+
+The [issue tracker](https://github.com/coreui/coreui-free-angular-admin-template/issues) is the preferred channel for [bug reports](#bug-reports), [features requests](#feature-requests) and [submitting pull requests](#pull-requests), but please respect the following restrictions:
+
+* Please **do not** use the issue tracker for personal support requests.
+
+* Please **do not** post comments consisting solely of "+1" or ":thumbsup:".
+ Use [GitHub's "reactions" feature](https://github.com/blog/2119-add-reactions-to-pull-requests-issues-and-comments)
+ instead.
+
+* Please **do not** open issues or pull requests regarding the code in [`@coreui/coreui`](https://github.com/coreui/coreui) and [`@coreui/coreui-angular`](https://github.com/coreui/coreui) (open them in their respective repositories).
+
+## Bug reports
+
+A bug is a _demonstrable problem_ that is caused by the code in the repository.
+Good bug reports are extremely helpful, so thanks!
+
+Guidelines for bug reports:
+
+0. **Validate and lint your code** — to ensure your problem isn't caused by a simple error in your own code.
+
+1. **Use the GitHub issue search** — check if the issue has already been reported.
+
+2. **Check if the issue has been fixed** — try to reproduce it using the latest `master` or development branch in the repository.
+
+3. **Isolate the problem** — ideally create a [reduced test case](https://css-tricks.com/reduced-test-cases/) and a live example. [This JS Bin](http://jsbin.com/lefey/1/edit?html,output) is a helpful template.
+
+
+A good bug report shouldn't leave others needing to chase you up for more
+information. Please try to be as detailed as possible in your report. What is
+your environment? What steps will reproduce the issue? What browser(s) and OS
+experience the problem? Do other browsers show the bug differently? What
+would you expect to be the outcome? All these details will help people to fix
+any potential bugs.
+
+Example:
+
+> Short and descriptive example bug report title
+>
+> A summary of the issue and the browser/OS environment in which it occurs. If
+> suitable, include the steps required to reproduce the bug.
+>
+> 1. This is the first step
+> 2. This is the second step
+> 3. Further steps, etc.
+>
+> ` ` - a link to the reduced test case
+>
+> Any other information you want to share that is relevant to the issue being
+> reported. This might include the lines of code that you have identified as
+> causing the bug, and potential solutions (and your opinions on their
+> merits).
+
+## Feature requests
+
+Feature requests are welcome. Before opening a feature request, please take a moment to find out whether your idea
+fits with the scope and aims of the project. It's up to *you* to make a strong
+case to convince the project's developers of the merits of this feature. Please
+provide as much detail and context as possible.
+
+
+## Pull requests
+
+Good pull requests—patches, improvements, new features—are a fantastic
+help. They should remain focused in scope and avoid containing unrelated
+commits.
+
+**Please ask first** before embarking on any significant pull request (e.g.
+implementing features, refactoring code, porting to a different language),
+otherwise you risk spending a lot of time working on something that the
+project's developers might not want to merge into the project.
+
+Adhering to the following process is the best way to get your work
+included in the project:
+
+1. [Fork](https://help.github.com/fork-a-repo/) the project, clone your fork,
+ and configure the remotes:
+
+ ```bash
+ # Clone your fork of the repo into the current directory
+ git clone https://github.com//free-angular-admin-template.git
+ # Navigate to the newly cloned directory
+ cd free-angular-admin-template
+ # Assign the original repo to a remote called "upstream"
+ git remote add upstream https://github.com/coreui/coreui-free-angular-admin-template.git
+ ```
+
+2. If you cloned a while ago, get the latest changes from upstream:
+
+ ```bash
+ git checkout master
+ git pull upstream master
+ ```
+
+3. Create a new topic branch (off the main project development branch) to
+ contain your feature, change, or fix:
+
+ ```bash
+ git checkout -b
+ ```
+
+4. Commit your changes in logical chunks. Please adhere to these [git commit
+ message guidelines](http://tbaggery.com/2008/04/19/a-note-about-git-commit-messages.html)
+ or your code is unlikely to be merged into the main project. Use Git's
+ [interactive rebase](https://help.github.com/articles/interactive-rebase)
+ feature to tidy up your commits before making them public.
+
+5. Locally merge (or rebase) the upstream development branch into your topic branch:
+
+ ```bash
+ git pull [--rebase] upstream master
+ ```
+
+6. Push your topic branch up to your fork:
+
+ ```bash
+ git push origin
+ ```
+
+7. [Open a Pull Request](https://help.github.com/articles/using-pull-requests/) with a clear title and description against the `master` branch.
+
+**IMPORTANT**: By submitting a patch, you agree to allow the project owners to license your work under the terms of the [MIT License](LICENSE).
+
+### Semantic Git commit messages
+
+Inspired by Sparkbox's awesome article on [semantic commit messages](http://seesparkbox.com/foundry/semantic_commit_messages). Please use following commit message format.
+
+* chore (updating npm tasks etc; no production code change) -> ```git test -m 'chore: commit-message-here'```
+* docs (changes to documentation) -> ```git commit -m 'docs: commit-message-here'```
+* feat (new feature) -> ```git commit -m 'feat: commit-message-here'```
+* fix (bug fix) -> ```git commit -m 'fix: commit-message-here'```
+* refactor (refactoring production code) -> ```git commit -m 'refactor: commit-message-here'```
+* style (formatting, missing semi colons, etc; no code change) -> ```git commit -m 'style: commit-message-here'```
+* test (adding missing tests, refactoring tests; no production code change) -> ```git test -m 'refactor: commit-message-here'```
+
+
+## Code guidelines
+
+### HTML
+
+[Adhere to the Code Guide.](http://codeguide.co/#html)
+
+- Use tags and elements appropriate for an HTML5 doctype (e.g., self-closing tags).
+- Use CDNs and HTTPS for third-party JS when possible. We don't use protocol-relative URLs in this case because they break when viewing the page locally via `file://`.
+- Use [WAI-ARIA](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA) attributes in documentation examples to promote accessibility.
+
+### CSS
+
+[Adhere to the Code Guide.](http://codeguide.co/#css)
+
+- When feasible, default color palettes should comply with [WCAG color contrast guidelines](http://www.w3.org/TR/WCAG20/#visual-audio-contrast).
+- Except in rare cases, don't remove default `:focus` styles (via e.g. `outline: none;`) without providing alternative styles. See [this A11Y Project post](http://a11yproject.com/posts/never-remove-css-outlines) for more details.
+
+### JS
+
+- No semicolons (in client-side JS)
+- 2 spaces (no tabs)
+- strict mode
+- "Attractive"
+- Don't use [jQuery event alias convenience methods](https://github.com/jquery/jquery/blob/master/src/event/alias.js) (such as `$().focus()`). Instead, use [`$().trigger(eventType, ...)`](http://api.jquery.com/trigger/) or [`$().on(eventType, ...)`](http://api.jquery.com/on/), depending on whether you're firing an event or listening for an event. (For example, `$().trigger('focus')` or `$().on('focus', function (event) { /* handle focus event */ })`) We do this to be compatible with custom builds of jQuery where the event aliases module has been excluded.
+
+## License
+
+By contributing your code, you agree to license your contribution under the [MIT License](LICENSE).
diff --git a/ISSUE_TEMPLATE.md b/ISSUE_TEMPLATE.md
new file mode 100644
index 000000000..76bc67e06
--- /dev/null
+++ b/ISSUE_TEMPLATE.md
@@ -0,0 +1,20 @@
+Before opening an issue:
+
+- [Search for duplicate or closed issues](https://github.com/coreui/coreui-free-angular-admin-template/issues?utf8=%E2%9C%93&q=is%3Aissue)
+- Prepare a [reduced test case](https://css-tricks.com/reduced-test-cases/) for any bugs
+- Read the [contributing guidelines](https://github.com/coreui/coreui-free-angular-admin-template/blob/master/CONTRIBUTING.md)
+
+When asking general "how to" questions:
+
+- Please do not open an issue here
+
+When reporting a bug, include:
+
+- Operating system and version (Windows, Mac OS X, Android, iOS, Win10 Mobile)
+- Browser and version (Chrome, Firefox, Safari, IE, MS Edge, Opera 15+, Android Browser)
+- Reduced test cases and potential fixes using [CodePen](https://codepen.io/) or [JS Bin](https://jsbin.com/)
+
+When suggesting a feature, include:
+
+- As much detail as possible for what we should add and why it's important to CoreUI Admin Template
+- Relevant links to prior art, screenshots, or live demos whenever possible
diff --git a/LICENSE b/LICENSE
index cac144682..b9c1de91a 100644
--- a/LICENSE
+++ b/LICENSE
@@ -1,6 +1,6 @@
The MIT License (MIT)
-Copyright (c) 2017 creativeLabs Łukasz Holeczek.
+Copyright (c) 2017-2022 creativeLabs Łukasz Holeczek.
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
diff --git a/README.md b/README.md
index a9fc92b17..4040c1d62 100644
--- a/README.md
+++ b/README.md
@@ -1,69 +1,192 @@
-### Check out our Angular Admin Templates and support CoreUI Development
+
+[![npm package][npm-coreui-angular-badge-v2]][npm-coreui-angular]
+[![npm package][npm-coreui-angular-badge-latest]][npm-coreui-angular]
+[![NPM downloads][npm-coreui-angular-download]][npm-coreui-angular]
+[](https://github.com/coreui/coreui)
+[![npm package][npm-coreui-badge-v2]][npm-coreui]
+[![npm package][npm-coreui-badge]][npm-coreui]
+[![NPM downloads][npm-coreui-download]][npm-coreui]
+
+
+[npm-coreui-angular]: https://www.npmjs.com/package/@coreui/angular
+[npm-coreui-angular-badge-v2]: https://img.shields.io/npm/v/@coreui/angular/v2-lts?style=flat-square&color=red
+[npm-coreui-angular-badge-latest]: https://img.shields.io/npm/v/@coreui/angular/latest?style=flat-square&color=red
+[npm-coreui-angular-badge-next]: https://img.shields.io/npm/v/@coreui/angular/next?style=flat-square&color=red
+[npm-coreui-angular-download]: https://img.shields.io/npm/dm/@coreui/angular.svg?style=flat-square
+[npm-coreui-angular-next]: https://img.shields.io/npm/v/@coreui/angular/next?style=flat-square
+[npm-coreui]: https://www.npmjs.com/package/@coreui/coreui
+[npm-coreui-badge]: https://img.shields.io/npm/v/@coreui/coreui/latest?style=flat-square
+[npm-coreui-badge-v2]: https://img.shields.io/npm/v/@coreui/coreui/v2-lts?style=flat-square
+[npm-coreui-download]: https://img.shields.io/npm/dm/@coreui/coreui.svg?style=flat-square
+
+# CoreUI Free Angular 2+ Admin Template [](https://twitter.com/intent/tweet?text=CoreUI%20-%20Free%20Bootstrap%204%20Admin%20Template%20&url=https://coreui.io&hashtags=bootstrap,admin,template,dashboard,panel,free,angular,react,vue)
+
+Please help us on [Product Hunt](https://www.producthunt.com/posts/coreui-open-source-bootstrap-4-admin-template-with-angular-2-react-js-vue-js-support) and [Designer News](https://www.designernews.co/stories/81127). Thanks in advance!
+
+Curious why I decided to create CoreUI? Please read this article: [Jack of all trades, master of none. Why Bootstrap Admin Templates suck.](https://medium.com/@lukaszholeczek/jack-of-all-trades-master-of-none-5ea53ef8a1f#.7eqx1bcd8)
+
+CoreUI is an Open Source Bootstrap Admin Template. But CoreUI is not just another Admin Template. It goes way beyond hitherto admin templates thanks to transparent code and file structure. And if that's not enough, let’s just add that CoreUI consists bunch of unique features and over 1000 high quality icons.
+
+CoreUI is based on Bootstrap 4 and offers 4 versions:
+[HTML5](https://github.com/coreui/coreui-free-bootstrap-admin-template),
+[Angular 2+](https://github.com/coreui/coreui-free-angular-admin-template),
+[React.js](https://github.com/coreui/coreui-free-react-admin-template),
+[Vue.js](https://github.com/coreui/coreui-free-vue-admin-template).
+
+CoreUI is meant to be the UX game changer. Pure & transparent code is devoid of redundant components, so the app is light enough to offer ultimate user experience. This means mobile devices also, where the navigation is just as easy and intuitive as on a desktop or laptop. The CoreUI Layout API lets you customize your project for almost any device – be it Mobile, Web or WebApp – CoreUI covers them all!
+
+## Table of Contents
+
+- [CoreUI Free Angular 2+ Admin Template ](#coreui-free-angular-2-admin-template-tweethttpstwittercomintenttweettextcoreui20-20free20bootstrap20420admin20template20urlhttpscoreuiiohashtagsbootstrapadmintemplatedashboardpanelfreeangularreactvue)
+ - [Table of Contents](#table-of-contents)
+ - [Versions](#versions)
+ - [CoreUI Pro](#coreui-pro)
+ - [Admin Templates built on top of CoreUI Pro](#admin-templates-built-on-top-of-coreui-pro)
+ - [Prerequisites](#prerequisites)
+ - [Node.js](#nodejs)
+ - [Angular CLI](#angular-cli)
+ - [Update to Angular 13](#update-to-angular-13)
+ - [Installation](#installation)
+ - [Clone repo](#clone-repo)
+ - [Usage](#usage)
+ - [What's included](#whats-included)
+ - [Documentation](#documentation)
+ - [Contributing](#contributing)
+ - [Versioning](#versioning)
+ - [Creators](#creators)
+ - [Community](#community)
+ - [Community Projects](#community-projects)
+ - [Copyright and license](#copyright-and-license)
+ - [Support CoreUI Development](#support-coreui-development)
+
+## Versions
+
+CoreUI is built on top of Bootstrap 4 and supports popular frameworks.
+
+* [CoreUI Free Bootstrap Admin Template](https://github.com/coreui/coreui-free-bootstrap-admin-template)
+* [CoreUI Free Angular 2+ Admin Template](https://github.com/coreui/coreui-free-angular-admin-template)
+* [CoreUI Free React.js Admin Template](https://github.com/coreui/coreui-free-react-admin-template)
+* [CoreUI Free Vue.js Admin Template](https://github.com/coreui/coreui-free-vue-admin-template)
+
+## CoreUI Pro
+
+* 💪 [CoreUI Pro Bootstrap Admin Template](https://coreui.io/pro/)
+* 💪 [CoreUI Pro Angular Admin Template](https://coreui.io/pro/angular)
+* 💪 [CoreUI Pro React Admin Template](https://coreui.io/pro/react)
+* 💪 [CoreUI Pro Vue Admin Template](https://coreui.io/pro/vue)
+
+#### Prerequisites
+Before you begin, make sure your development environment includes `Node.js®` and an `npm` package manager.
+
+###### Node.js
+Angular 13 requires `Node.js` version 12.20 or later.
+
+- To check your version, run `node -v` in a terminal/console window.
+- To get `Node.js`, go to [nodejs.org](https://nodejs.org/).
+
+###### Angular CLI
+Install the Angular CLI globally using a terminal/console window.
+```bash
+npm install -g @angular/cli
+```
-[](https://genesisui.com/bundle.html?support=1)
+##### Update to Angular 13
+Angular 13 requires `Node.js` version 12.20 or newer
+Update guide - see: [https://update.angular.io](https://update.angular.io)
-[Check out Angular Bootstrap Admin Templates Bundle](https://genesisui.com/bundle.html?support=1)
+## Installation
-# CoreUI Angular - Free Bootstrap Admin Template
+### Clone repo
-This is Angular 2+ version of our Bootstrap 4 admin template [CoreUI](https://github.com/mrholek/CoreUI-Free-Bootstrap-Admin-Template).
+``` bash
+# clone the repo
+$ git clone https://github.com/coreui/coreui-free-angular-admin-template.git my-project
-Please help us on [Product Hunt](https://www.producthunt.com/posts/coreui-open-source-bootstrap-4-admin-template-with-angular-2-react-js-vue-js-support) & [Designer News](https://www.designernews.co/stories/81127). Thanks in advance!
+# go into app's directory
+$ cd my-project
-Why I decided to create CoreUI? Please read this article: [Jack of all trades, master of none. Why Boostrap Admin Templates suck.](https://medium.com/@lukaszholeczek/jack-of-all-trades-master-of-none-5ea53ef8a1f#.7eqx1bcd8)
+# install app's dependencies
+$ npm install
+```
-CoreUI is Open Source Angular & Bootstrap Admin Template. CoreUI is not just another Admin Template. It goes way beyond hitherto admin templates thanks to transparent code and file structure. And if that's not enough, let's just add that the CoreUI consists bunch of unique features and over 1000 high quality icons.
+## Usage
-CoreUI based on Bootstrap 4 and offers 6 versions: HTML5, AJAX, AngularJS, Angular 2, React.js & Vue.js.
+``` bash
+# serve with hot reload at localhost:4200.
+$ ng serve
-CoreUI is meant to be the UX game changer. Pure & transparent code is devoid of redundant components, so the app is light enough to offer ultimate user experience. This means also mobile devices, where the navigation is the same easy and intuitive as in desktop or laptop. CoreUI Layout API lets you customize your project for almost any device – be it Mobile, Web or WebApp – CoreUI covers them all!
+# build for production with minification
+$ ng build
+```
-[](http://coreui.io)
+## What's included
-**NOTE:** Please remember to **STAR** this project and **FOLLOW** [my Github](https://github.com/mrholek) to keep you update with this template.
+Within the download you'll find the following directories and files, logically grouping common assets and providing both compiled and minified variations. You'll see something like this:
-## Demo
+```
+free-angular-admin-template/
+├── e2e/
+├── src/
+│ ├── app/
+│ ├── assets/
+│ ├── environments/
+│ ├── scss/
+│ ├── index.html
+│ └── ...
+├── .angular-cli.json
+├── ...
+├── package.json
+└── ...
+```
-A fully functional demo is available at [CoreUI](http://coreui.io/)
+## Documentation
-## What's included
+The documentation for the CoreUI Free Angularp Admin Template is hosted at our website [CoreUI](https://coreui.io/angular/)
-Within the download you'll find the following directories and files, You'll see something like this:
+## Contributing
-```
-CoreUI-Angular/
-├── Angular4_CLI_Full_Project/
-├── Angular4_CLI_Starter/
+Please read through our [contributing guidelines](https://github.com/coreui/coreui-free-angular-admin-template/blob/master/CONTRIBUTING.md). Included are directions for opening issues, coding standards, and notes on development.
-```
+Editor preferences are available in the [editor config](https://github.com/coreui/coreui-free-angular-admin-template/blob/master/.editorconfig) for easy use in common text editors. Read more and download plugins at .
-## Other Versions
+## Versioning
-CoreUI includes 6 Version for Angular 4, AngularJS, React.js, Vue.js, Static HTML5 and AJAX HTML5.
+For transparency into our release cycle and in striving to maintain backward compatibility, CoreUI Free Admin Template is maintained under [the Semantic Versioning guidelines](http://semver.org/).
-* [Angular Version (Angular 2+)](https://github.com/mrholek/CoreUI-Angular).
-* [AngularJS Version](https://github.com/mrholek/CoreUI-AngularJS).
-* [HTML5 AJAX Version](https://github.com/mrholek/CoreUI-Free-Bootstrap-Admin-Template).
-* [HTML5 Static Version](https://github.com/mrholek/CoreUI-Free-Bootstrap-Admin-Template).
-* [React.js Version](https://github.com/mrholek/CoreUI-React).
-* [Vue.js Version](https://github.com/mrholek/CoreUI-Vue).
+See [the Releases section of our project](https://github.com/coreui/coreui-free-angular-admin-template/releases) for changelogs for each release version.
-## Bugs and feature requests
+## Creators
-Have a bug or a feature request? [Please open a new issue](https://github.com/mrholek/CoreUI-Angular/issues/new).
+**Łukasz Holeczek**
-## Documentation
+*
+*
+
+**Andrzej Kopański**
+
+*
+
+## Community
+
+Get updates on CoreUI's development and chat with the project maintainers and community members.
+
+- Follow [@core_ui on Twitter](https://twitter.com/core_ui).
+- Read and subscribe to [CoreUI Blog](https://coreui.io/blog/).
+
+### Community Projects
-CoreUI's documentation is hosted at our website [CoreUI](http://coreui.io/)
+Some of projects created by community but not maintained by CoreUI team.
+* [NuxtJS + Vue CoreUI](https://github.com/muhibbudins/nuxt-coreui)
+* [Colmena](https://github.com/colmena/colmena)
## Copyright and license
-copyright 2017 creativeLabs Łukasz Holeczek. Code released under [the MIT license](https://github.com/mrholek/CoreUI-Angular/blob/master/LICENSE).
-creativeLabs Łukasz Holeczek reserves the right to change the license of future releases. You can’t re-distribute the CoreUI as stock. You can’t do this if you modify the CoreUI.
+copyright 2017-2022 creativeLabs Łukasz Holeczek. Code released under [the MIT license](https://github.com/coreui/coreui-free-angular-admin-template/blob/master/LICENSE).
+There is only one limitation you can't re-distribute the CoreUI as stock. You can’t do this if you modify the CoreUI. In past we faced some problems with persons who tried to sell CoreUI based templates.
## Support CoreUI Development
-CoreUI is an MIT licensed open source project and completely free to use. However, the amount of effort needed to maintain and develop new features for the project is not sustainable without proper financial backing. You can support development by donating on [PayPal](https://www.paypal.me/holeczek) or buying one of our [premium bootstrap 4 admin templates](https://genesisui.com/?support=1).
+CoreUI is an MIT licensed open source project and completely free to use. However, the amount of effort needed to maintain and develop new features for the project is not sustainable without proper financial backing. You can support development by donating on [PayPal](https://www.paypal.me/holeczek), buying [CoreUI Pro Version](https://coreui.io/pro) or buying one of our [premium admin templates](https://genesisui.com/?support=1).
-As of now I am exploring the possibility of working on CoreUI fulltime - if you are a business that is building core products using CoreUI, I am also open to conversations regarding custom sponsorship / consulting arrangements. Get in touch on [Twitter](https://twitter.com/lukaszholeczek).
+As of now I am exploring the possibility of working on CoreUI full-time - if you are a business that is building core products using CoreUI, I am also open to conversations regarding custom sponsorship / consulting arrangements. Get in touch on [Twitter](https://twitter.com/lukaszholeczek).
diff --git a/angular.json b/angular.json
new file mode 100644
index 000000000..450da9e54
--- /dev/null
+++ b/angular.json
@@ -0,0 +1,150 @@
+{
+ "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
+ "version": 1,
+ "newProjectRoot": "projects",
+ "projects": {
+ "ng": {
+ "projectType": "application",
+ "schematics": {
+ "@schematics/angular:component": {
+ "style": "scss"
+ },
+ "@schematics/angular:application": {
+ "strict": false
+ }
+ },
+ "root": "",
+ "sourceRoot": "src",
+ "prefix": "app",
+ "architect": {
+ "build": {
+ "builder": "@angular-devkit/build-angular:browser",
+ "options": {
+ "outputPath": "dist",
+ "index": "src/index.html",
+ "main": "src/main.ts",
+ "polyfills": "src/polyfills.ts",
+ "tsConfig": "tsconfig.app.json",
+ "inlineStyleLanguage": "scss",
+ "preserveSymlinks": true,
+ "assets": [
+ "src/favicon.ico",
+ "src/assets"
+ ],
+ "styles": [
+ "node_modules/@coreui/icons/css/free.css",
+ "node_modules/flag-icon-css/css/flag-icon.css",
+ "node_modules/font-awesome/css/font-awesome.css",
+ "node_modules/simple-line-icons/dist/styles/simple-line-icons.css",
+ "src/scss/style.scss"
+ ],
+ "stylePreprocessorOptions": {
+ "includePaths": [
+ "./node_modules"
+ ]
+ },
+ "scripts": [],
+ "allowedCommonJsDependencies": [
+ "chart.js",
+ "classnames"
+ ]
+ },
+ "configurations": {
+ "production": {
+ "budgets": [
+ {
+ "type": "initial",
+ "maximumWarning": "1500kb",
+ "maximumError": "2mb"
+ },
+ {
+ "type": "anyComponentStyle",
+ "maximumWarning": "6kb",
+ "maximumError": "12kb"
+ }
+ ],
+ "fileReplacements": [
+ {
+ "replace": "src/environments/environment.ts",
+ "with": "src/environments/environment.prod.ts"
+ }
+ ],
+ "outputHashing": "all"
+ },
+ "development": {
+ "buildOptimizer": false,
+ "optimization": false,
+ "vendorChunk": true,
+ "extractLicenses": false,
+ "sourceMap": true,
+ "namedChunks": true
+ }
+ },
+ "defaultConfiguration": "production"
+ },
+ "serve": {
+ "builder": "@angular-devkit/build-angular:dev-server",
+ "configurations": {
+ "production": {
+ "browserTarget": "ng:build:production"
+ },
+ "development": {
+ "browserTarget": "ng:build:development"
+ }
+ },
+ "defaultConfiguration": "development"
+ },
+ "extract-i18n": {
+ "builder": "@angular-devkit/build-angular:extract-i18n",
+ "options": {
+ "browserTarget": "ng:build"
+ }
+ },
+ "test": {
+ "builder": "@angular-devkit/build-angular:karma",
+ "options": {
+ "main": "src/test.ts",
+ "polyfills": "src/polyfills.ts",
+ "tsConfig": "tsconfig.spec.json",
+ "karmaConfig": "karma.conf.js",
+ "inlineStyleLanguage": "scss",
+ "assets": [
+ "src/favicon.ico",
+ "src/assets"
+ ],
+ "styles": [
+ "node_modules/@coreui/icons/css/free.css",
+ "node_modules/flag-icon-css/css/flag-icon.css",
+ "node_modules/font-awesome/css/font-awesome.css",
+ "node_modules/simple-line-icons/dist/styles/simple-line-icons.css",
+ "src/scss/style.scss"
+ ],
+ "stylePreprocessorOptions": {
+ "includePaths": [
+ "./node_modules"
+ ]
+ }
+ }
+ }
+ }
+ },
+ "ng-e2e": {
+ "root": "",
+ "sourceRoot": "",
+ "projectType": "application",
+ "architect": {
+ "e2e": {
+ "builder": "@angular-devkit/build-angular:protractor",
+ "options": {
+ "protractorConfig": "./protractor.conf.js",
+ "devServerTarget": "ng:serve"
+ }
+ }
+ }
+ }
+ },
+ "defaultProject": "ng",
+ "cli": {
+ "analytics": false
+ }
+}
diff --git a/e2e/app.e2e-spec.ts b/e2e/app.e2e-spec.ts
new file mode 100644
index 000000000..15b73d541
--- /dev/null
+++ b/e2e/app.e2e-spec.ts
@@ -0,0 +1,72 @@
+import { AppDashboard } from './app.po';
+
+describe('CoreUI template', () => {
+ let page: AppDashboard;
+ const sleep = 300;
+
+ page = new AppDashboard();
+ const browser = page.getBrowser();
+ browser.driver.manage().window().setSize(600, 800);
+ browser.sleep(sleep);
+ page.navigateTo();
+
+ // beforeEach(() => {
+ // page = new AppDashboard();
+ // page.navigateTo();
+ // });
+
+ it('should display CoreUI Dashboard', async () => {
+ expect(await page.getParagraphText()).toEqual('Traffic');
+ });
+
+ it('should display footer containing creativeLabs', async () => {
+ expect(await page.getFooterText()).toContain('creativeLabs');
+ });
+
+ it('should toggle `sidebar-minimized` body.class on `sidebar-minimizer` click', () => {
+ browser.manage().window().maximize();
+ browser.sleep(1000);
+ const body = page.getBody();
+ expect(body.getAttribute('class')).not.toContain('sidebar-minimized');
+ const button = page.getByCss('.sidebar-minimizer');
+ button.click();
+ browser.sleep(sleep);
+ expect(body.getAttribute('class')).toContain('sidebar-minimized');
+ browser.sleep(sleep);
+ button.click();
+ browser.sleep(sleep);
+ expect(body.getAttribute('class')).not.toContain('sidebar-minimized');
+ });
+
+ it('should toggle `sidebar-show` body.class on `navbar-toggler` click', () => {
+ browser.driver.manage().window().setSize(600, 800);
+ browser.sleep(1000);
+ const body = page.getBody();
+ expect(body.getAttribute('class')).not.toContain('sidebar-show');
+ const button1 = page.getByCss('.navbar-toggler.d-lg-none').first();
+ browser.sleep(sleep);
+ button1.click();
+ browser.sleep(sleep);
+ expect(body.getAttribute('class')).toContain('sidebar-show');
+ const button2 = page.getByCss('.navbar-toggler').first();
+ browser.sleep(sleep);
+ button2.click();
+ browser.sleep(sleep);
+ expect(body.getAttribute('class')).not.toContain('sidebar-show');
+ });
+
+ it('should toggle `aside-menu-lg-show` body.class on `navbar-toggler` click', () => {
+ browser.manage().window().maximize();
+ browser.sleep(1000);
+ const body = page.getBody();
+ expect(body.getAttribute('class')).not.toContain('aside-menu-lg-show');
+ const button1 = page.getByCss('.navbar-toggler.d-none.d-lg-block').last();
+ button1.click();
+ browser.sleep(sleep);
+ expect(body.getAttribute('class')).toContain('aside-menu-lg-show');
+ browser.sleep(sleep);
+ button1.click();
+ browser.sleep(sleep);
+ expect(body.getAttribute('class')).not.toContain('aside-menu-lg-show');
+ });
+});
diff --git a/e2e/app.po.ts b/e2e/app.po.ts
new file mode 100644
index 000000000..eb36d6c09
--- /dev/null
+++ b/e2e/app.po.ts
@@ -0,0 +1,25 @@
+import { browser, by, element } from 'protractor';
+
+export class AppDashboard {
+
+ getBrowser() {
+ return browser;
+ }
+
+ navigateTo() {
+ return browser.get('/');
+ }
+
+ getParagraphText() {
+ return element(by.xpath('/html/body/app-dashboard/div/main/div/ng-component/div/div[2]/div[1]/div[1]/div[1]/h4')).getText();
+ }
+ getBody() {
+ return element(by.xpath('/html/body'));
+ }
+ getByCss(selector) {
+ return element.all(by.css(selector));
+ }
+ getFooterText() {
+ return element(by.className('app-footer')).getText();
+ }
+}
diff --git a/Angular4_CLI_Full_Project/e2e/tsconfig.e2e.json b/e2e/tsconfig.e2e.json
similarity index 100%
rename from Angular4_CLI_Full_Project/e2e/tsconfig.e2e.json
rename to e2e/tsconfig.e2e.json
diff --git a/karma.conf.js b/karma.conf.js
new file mode 100644
index 000000000..b97545491
--- /dev/null
+++ b/karma.conf.js
@@ -0,0 +1,44 @@
+// Karma configuration file, see link for more information
+// https://karma-runner.github.io/1.0/config/configuration-file.html
+
+module.exports = function (config) {
+ config.set({
+ basePath: '',
+ frameworks: ['jasmine', '@angular-devkit/build-angular'],
+ plugins: [
+ require('karma-jasmine'),
+ require('karma-chrome-launcher'),
+ require('karma-jasmine-html-reporter'),
+ require('karma-coverage'),
+ require('@angular-devkit/build-angular/plugins/karma')
+ ],
+ client: {
+ jasmine: {
+ // you can add configuration options for Jasmine here
+ // the possible options are listed at https://jasmine.github.io/api/edge/Configuration.html
+ // for example, you can disable the random execution with `random: false`
+ // or set a specific seed with `seed: 4321`
+ },
+ clearContext: false // leave Jasmine Spec Runner output visible in browser
+ },
+ jasmineHtmlReporter: {
+ suppressAll: true // removes the duplicated traces
+ },
+ coverageReporter: {
+ dir: require('path').join(__dirname, './coverage/coreui-free-angular-admin-template'),
+ subdir: '.',
+ reporters: [
+ { type: 'html' },
+ { type: 'text-summary' }
+ ]
+ },
+ reporters: ['progress', 'kjhtml'],
+ port: 9876,
+ colors: true,
+ logLevel: config.LOG_INFO,
+ autoWatch: true,
+ browsers: ['Chrome'],
+ singleRun: false,
+ restartOnFileChange: true
+ });
+};
diff --git a/package.json b/package.json
index b8a8c12f5..4322b81ae 100644
--- a/package.json
+++ b/package.json
@@ -1,33 +1,82 @@
{
- "name": "coreui.io-angular",
- "version": "1.0.0-alpha.6",
- "description": "Open Source Angular Admin Template",
- "main": "",
- "homepage": "http://coreui.io/",
- "github": "https://github.com/mrholek/CoreUI-Angular#readme",
- "scripts": {
- "test": "echo \"Error: no test specified\" && exit 1"
- },
- "repository": {
- "type": "git",
- "url": "git+https://github.com/mrholek/CoreUI-Angular.git"
+ "name": "@coreui/coreui-free-angular-admin-template",
+ "version": "2.13.0",
+ "description": "CoreUI Free Angular 13 Admin Template",
+ "author": {
+ "name": "Łukasz Holeczek",
+ "url": "http://holeczek.pl/",
+ "github": "https://github.com/mrholek",
+ "twitter": "https://twitter.com/lukaszholeczek"
},
- "keywords": [
- "Bootstrap",
- "Admin",
- "Template",
- "Open Source",
- "Angular",
- "Angular 2",
- "Angular 4",
- "CSS",
- "HTML",
- "RWD",
- "Dashboard"
+ "contributors": [
+ {
+ "name": "Andrzej Kopański",
+ "url": "https://github.com/xidedix"
+ }
],
- "author": "Łukasz Holeczek",
+ "homepage": "https://coreui.io/angular",
+ "copyright": "Copyright 2017-2022 creativeLabs Łukasz Holeczek",
"license": "MIT",
- "bugs": {
- "url": "https://github.com/mrholek/CoreUI-Angular/issues"
+ "scripts": {
+ "ng": "ng",
+ "start": "ng serve",
+ "build": "ng build",
+ "watch": "ng build --watch --configuration development",
+ "test": "ng test",
+ "e2e": "ng e2e"
+ },
+ "private": true,
+ "dependencies": {
+ "@angular/animations": "^13.3.0",
+ "@angular/cdk": "^13.3.0",
+ "@angular/common": "^13.3.0",
+ "@angular/compiler": "^13.3.0",
+ "@angular/core": "^13.3.0",
+ "@angular/forms": "^13.3.0",
+ "@angular/localize": "^13.3.0",
+ "@angular/platform-browser": "^13.3.0",
+ "@angular/platform-browser-dynamic": "^13.3.0",
+ "@angular/router": "^13.3.0",
+ "@coreui/angular": "~2.13.0",
+ "@coreui/coreui": "^2.1.16",
+ "@coreui/coreui-plugin-chartjs-custom-tooltips": "^1.3.1",
+ "@coreui/icons": "^2.1.0",
+ "@coreui/icons-angular": "1.0.0-alpha.3",
+ "bootstrap": "^4.6.1",
+ "chart.js": "^2.9.4",
+ "core-js": "^3.21.1",
+ "flag-icon-css": "^3.5.0",
+ "font-awesome": "^4.7.0",
+ "ng2-charts": "^2.4.3",
+ "ngx-bootstrap": "^6.2.0",
+ "ngx-perfect-scrollbar": "^10.1.1",
+ "rxjs": "^6.6.7",
+ "simple-line-icons": "^2.5.5",
+ "ts-helpers": "^1.1.2",
+ "tslib": "^2.3.1",
+ "zone.js": "~0.11.4"
+ },
+ "devDependencies": {
+ "@angular-devkit/build-angular": "^13.3.0",
+ "@angular/cli": "^13.3.0",
+ "@angular/compiler-cli": "^13.3.0",
+ "@angular/language-service": "^13.3.0",
+ "@types/jasmine": "~3.8.0",
+ "@types/jasminewd2": "^2.0.10",
+ "@types/node": "^14.18.12",
+ "jasmine-core": "~3.8.0",
+ "jasmine-spec-reporter": "^7.0.0",
+ "karma": "~6.3.17",
+ "karma-chrome-launcher": "~3.1.1",
+ "karma-coverage": "~2.0.3",
+ "karma-jasmine": "~4.0.1",
+ "karma-jasmine-html-reporter": "^1.7.0",
+ "protractor": "~7.0.0",
+ "ts-node": "^9.1.1",
+ "typescript": "~4.6.2"
+ },
+ "engines": {
+ "node": "^12.20.0 || ^14.15.0 || >=16.10.0",
+ "npm": ">= 6"
}
}
diff --git a/Angular4_CLI_Starter/protractor.conf.js b/protractor.conf.js
similarity index 90%
rename from Angular4_CLI_Starter/protractor.conf.js
rename to protractor.conf.js
index 1c5e1e5a4..eed36ab59 100644
--- a/Angular4_CLI_Starter/protractor.conf.js
+++ b/protractor.conf.js
@@ -12,19 +12,17 @@ exports.config = {
'browserName': 'chrome'
},
directConnect: true,
- baseUrl: 'http://localhost:4200/',
+ baseUrl: 'http://localhost:4202/',
framework: 'jasmine',
jasmineNodeOpts: {
showColors: true,
defaultTimeoutInterval: 30000,
print: function() {}
},
- beforeLaunch: function() {
+ onPrepare() {
require('ts-node').register({
project: 'e2e/tsconfig.e2e.json'
});
- },
- onPrepare() {
jasmine.getEnv().addReporter(new SpecReporter({ spec: { displayStacktrace: true } }));
}
};
diff --git a/src/app/_nav.ts b/src/app/_nav.ts
new file mode 100644
index 000000000..264c3c292
--- /dev/null
+++ b/src/app/_nav.ts
@@ -0,0 +1,251 @@
+import { INavData } from '@coreui/angular';
+
+export const navItems: INavData[] = [
+ {
+ name: 'Dashboard',
+ url: '/dashboard',
+ icon: 'icon-speedometer',
+ badge: {
+ variant: 'info',
+ text: 'NEW'
+ }
+ },
+ {
+ title: true,
+ name: 'Theme'
+ },
+ {
+ name: 'Colors',
+ url: '/theme/colors',
+ icon: 'icon-drop'
+ },
+ {
+ name: 'Typography',
+ url: '/theme/typography',
+ icon: 'icon-pencil'
+ },
+ {
+ title: true,
+ name: 'Components'
+ },
+ {
+ name: 'Base',
+ url: '/base',
+ icon: 'icon-puzzle',
+ children: [
+ {
+ name: 'Cards',
+ url: '/base/cards',
+ icon: 'icon-puzzle'
+ },
+ {
+ name: 'Carousels',
+ url: '/base/carousels',
+ icon: 'icon-puzzle'
+ },
+ {
+ name: 'Collapses',
+ url: '/base/collapses',
+ icon: 'icon-puzzle'
+ },
+ {
+ name: 'Forms',
+ url: '/base/forms',
+ icon: 'icon-puzzle'
+ },
+ {
+ name: 'Navbars',
+ url: '/base/navbars',
+ icon: 'icon-puzzle'
+
+ },
+ {
+ name: 'Pagination',
+ url: '/base/paginations',
+ icon: 'icon-puzzle'
+ },
+ {
+ name: 'Popovers',
+ url: '/base/popovers',
+ icon: 'icon-puzzle'
+ },
+ {
+ name: 'Progress',
+ url: '/base/progress',
+ icon: 'icon-puzzle'
+ },
+ {
+ name: 'Switches',
+ url: '/base/switches',
+ icon: 'icon-puzzle'
+ },
+ {
+ name: 'Tables',
+ url: '/base/tables',
+ icon: 'icon-puzzle'
+ },
+ {
+ name: 'Tabs',
+ url: '/base/tabs',
+ icon: 'icon-puzzle'
+ },
+ {
+ name: 'Tooltips',
+ url: '/base/tooltips',
+ icon: 'icon-puzzle'
+ }
+ ]
+ },
+ {
+ name: 'Buttons',
+ url: '/buttons',
+ icon: 'icon-cursor',
+ children: [
+ {
+ name: 'Buttons',
+ url: '/buttons/buttons',
+ icon: 'icon-cursor'
+ },
+ {
+ name: 'Dropdowns',
+ url: '/buttons/dropdowns',
+ icon: 'icon-cursor'
+ },
+ {
+ name: 'Brand Buttons',
+ url: '/buttons/brand-buttons',
+ icon: 'icon-cursor'
+ }
+ ]
+ },
+ {
+ name: 'Charts',
+ url: '/charts',
+ icon: 'icon-pie-chart'
+ },
+ {
+ name: 'Icons',
+ url: '/icons',
+ icon: 'icon-star',
+ children: [
+ {
+ name: 'CoreUI Icons',
+ url: '/icons/coreui-icons',
+ icon: 'icon-star',
+ badge: {
+ variant: 'success',
+ text: 'NEW'
+ }
+ },
+ {
+ name: 'Flags',
+ url: '/icons/flags',
+ icon: 'icon-star'
+ },
+ {
+ name: 'Font Awesome',
+ url: '/icons/font-awesome',
+ icon: 'icon-star',
+ badge: {
+ variant: 'secondary',
+ text: '4.7'
+ }
+ },
+ {
+ name: 'Simple Line Icons',
+ url: '/icons/simple-line-icons',
+ icon: 'icon-star'
+ }
+ ]
+ },
+ {
+ name: 'Notifications',
+ url: '/notifications',
+ icon: 'icon-bell',
+ children: [
+ {
+ name: 'Alerts',
+ url: '/notifications/alerts',
+ icon: 'icon-bell'
+ },
+ {
+ name: 'Badges',
+ url: '/notifications/badges',
+ icon: 'icon-bell'
+ },
+ {
+ name: 'Modals',
+ url: '/notifications/modals',
+ icon: 'icon-bell'
+ }
+ ]
+ },
+ {
+ name: 'Widgets',
+ url: '/widgets',
+ icon: 'icon-calculator',
+ badge: {
+ variant: 'info',
+ text: 'NEW'
+ }
+ },
+ {
+ divider: true
+ },
+ {
+ title: true,
+ name: 'Extras',
+ },
+ {
+ name: 'Pages',
+ url: '/pages',
+ icon: 'icon-star',
+ children: [
+ {
+ name: 'Login',
+ url: '/login',
+ icon: 'icon-star'
+ },
+ {
+ name: 'Register',
+ url: '/register',
+ icon: 'icon-star'
+ },
+ {
+ name: 'Error 404',
+ url: '/404',
+ icon: 'icon-star'
+ },
+ {
+ name: 'Error 500',
+ url: '/500',
+ icon: 'icon-star'
+ }
+ ]
+ },
+ {
+ name: 'Disabled',
+ url: '/dashboard',
+ icon: 'icon-ban',
+ badge: {
+ variant: 'secondary',
+ text: 'NEW'
+ },
+ attributes: { disabled: true },
+ },
+ {
+ name: 'Download CoreUI',
+ url: 'http://coreui.io/angular/',
+ icon: 'icon-cloud-download',
+ class: 'mt-auto',
+ variant: 'success',
+ attributes: { target: '_blank', rel: 'noopener' }
+ },
+ {
+ name: 'Try CoreUI PRO',
+ url: 'http://coreui.io/pro/angular/',
+ icon: 'icon-layers',
+ variant: 'danger',
+ attributes: { target: '_blank', rel: 'noopener' }
+ }
+];
diff --git a/Angular4_CLI_Full_Project/src/app/app.component.html b/src/app/app.component.css
similarity index 100%
rename from Angular4_CLI_Full_Project/src/app/app.component.html
rename to src/app/app.component.css
diff --git a/src/app/app.component.spec.ts b/src/app/app.component.spec.ts
new file mode 100644
index 000000000..5193e129a
--- /dev/null
+++ b/src/app/app.component.spec.ts
@@ -0,0 +1,18 @@
+import { RouterTestingModule } from '@angular/router/testing';
+import { TestBed, waitForAsync } from '@angular/core/testing';
+import { AppComponent } from './app.component';
+describe('AppComponent', () => {
+ beforeEach(waitForAsync(() => {
+ TestBed.configureTestingModule({
+ declarations: [
+ AppComponent
+ ],
+ imports: [ RouterTestingModule ]
+ }).compileComponents();
+ }));
+ it('should create the app', waitForAsync(() => {
+ const fixture = TestBed.createComponent(AppComponent);
+ const app = fixture.debugElement.componentInstance;
+ expect(app).toBeTruthy();
+ }));
+});
diff --git a/src/app/app.component.ts b/src/app/app.component.ts
new file mode 100644
index 000000000..818c47b23
--- /dev/null
+++ b/src/app/app.component.ts
@@ -0,0 +1,30 @@
+import { Component, OnInit } from '@angular/core';
+import { Router, NavigationEnd } from '@angular/router';
+
+import { IconSetService } from '@coreui/icons-angular';
+import { cilUser } from '@coreui/icons';
+
+@Component({
+ // tslint:disable-next-line
+ selector: 'body',
+ template: '',
+ providers: [IconSetService],
+})
+export class AppComponent implements OnInit {
+ constructor(
+ private router: Router,
+ public iconSet: IconSetService
+ ) {
+ // iconSet singleton
+ iconSet.icons = { cilUser };
+ }
+
+ ngOnInit() {
+ this.router.events.subscribe((evt) => {
+ if (!(evt instanceof NavigationEnd)) {
+ return;
+ }
+ window.scrollTo(0, 0);
+ });
+ }
+}
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
new file mode 100644
index 000000000..22c295d12
--- /dev/null
+++ b/src/app/app.module.ts
@@ -0,0 +1,80 @@
+import { BrowserModule } from '@angular/platform-browser';
+import { NgModule } from '@angular/core';
+import { LocationStrategy, HashLocationStrategy } from '@angular/common';
+import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
+
+import { PerfectScrollbarModule } from 'ngx-perfect-scrollbar';
+import { PERFECT_SCROLLBAR_CONFIG } from 'ngx-perfect-scrollbar';
+import { PerfectScrollbarConfigInterface } from 'ngx-perfect-scrollbar';
+
+import { IconModule, IconSetModule, IconSetService } from '@coreui/icons-angular';
+
+const DEFAULT_PERFECT_SCROLLBAR_CONFIG: PerfectScrollbarConfigInterface = {
+ suppressScrollX: true
+};
+
+import { AppComponent } from './app.component';
+
+// Import containers
+import { DefaultLayoutComponent } from './containers';
+
+import { P404Component } from './views/error/404.component';
+import { P500Component } from './views/error/500.component';
+import { LoginComponent } from './views/login/login.component';
+import { RegisterComponent } from './views/register/register.component';
+
+const APP_CONTAINERS = [
+ DefaultLayoutComponent
+];
+
+import {
+ AppAsideModule,
+ AppBreadcrumbModule,
+ AppHeaderModule,
+ AppFooterModule,
+ AppSidebarModule,
+} from '@coreui/angular';
+
+// Import routing module
+import { AppRoutingModule } from './app.routing';
+
+// Import 3rd party components
+import { BsDropdownModule } from 'ngx-bootstrap/dropdown';
+import { TabsModule } from 'ngx-bootstrap/tabs';
+import { ChartsModule } from 'ng2-charts';
+
+@NgModule({
+ imports: [
+ BrowserModule,
+ BrowserAnimationsModule,
+ AppRoutingModule,
+ AppAsideModule,
+ AppBreadcrumbModule.forRoot(),
+ AppFooterModule,
+ AppHeaderModule,
+ AppSidebarModule,
+ PerfectScrollbarModule,
+ BsDropdownModule.forRoot(),
+ TabsModule.forRoot(),
+ ChartsModule,
+ IconModule,
+ IconSetModule.forRoot(),
+ ],
+ declarations: [
+ AppComponent,
+ ...APP_CONTAINERS,
+ P404Component,
+ P500Component,
+ LoginComponent,
+ RegisterComponent
+ ],
+ providers: [
+ {
+ provide: LocationStrategy,
+ useClass: HashLocationStrategy
+ },
+ IconSetService,
+ ],
+ bootstrap: [ AppComponent ]
+})
+export class AppModule { }
diff --git a/src/app/app.routing.ts b/src/app/app.routing.ts
new file mode 100644
index 000000000..fdd62cbc6
--- /dev/null
+++ b/src/app/app.routing.ts
@@ -0,0 +1,94 @@
+import { NgModule } from '@angular/core';
+import { Routes, RouterModule } from '@angular/router';
+
+// Import Containers
+import { DefaultLayoutComponent } from './containers';
+
+import { P404Component } from './views/error/404.component';
+import { P500Component } from './views/error/500.component';
+import { LoginComponent } from './views/login/login.component';
+import { RegisterComponent } from './views/register/register.component';
+
+export const routes: Routes = [
+ {
+ path: '',
+ redirectTo: 'dashboard',
+ pathMatch: 'full',
+ },
+ {
+ path: '404',
+ component: P404Component,
+ data: {
+ title: 'Page 404'
+ }
+ },
+ {
+ path: '500',
+ component: P500Component,
+ data: {
+ title: 'Page 500'
+ }
+ },
+ {
+ path: 'login',
+ component: LoginComponent,
+ data: {
+ title: 'Login Page'
+ }
+ },
+ {
+ path: 'register',
+ component: RegisterComponent,
+ data: {
+ title: 'Register Page'
+ }
+ },
+ {
+ path: '',
+ component: DefaultLayoutComponent,
+ data: {
+ title: 'Home'
+ },
+ children: [
+ {
+ path: 'base',
+ loadChildren: () => import('./views/base/base.module').then(m => m.BaseModule)
+ },
+ {
+ path: 'buttons',
+ loadChildren: () => import('./views/buttons/buttons.module').then(m => m.ButtonsModule)
+ },
+ {
+ path: 'charts',
+ loadChildren: () => import('./views/chartjs/chartjs.module').then(m => m.ChartJSModule)
+ },
+ {
+ path: 'dashboard',
+ loadChildren: () => import('./views/dashboard/dashboard.module').then(m => m.DashboardModule)
+ },
+ {
+ path: 'icons',
+ loadChildren: () => import('./views/icons/icons.module').then(m => m.IconsModule)
+ },
+ {
+ path: 'notifications',
+ loadChildren: () => import('./views/notifications/notifications.module').then(m => m.NotificationsModule)
+ },
+ {
+ path: 'theme',
+ loadChildren: () => import('./views/theme/theme.module').then(m => m.ThemeModule)
+ },
+ {
+ path: 'widgets',
+ loadChildren: () => import('./views/widgets/widgets.module').then(m => m.WidgetsModule)
+ }
+ ]
+ },
+ { path: '**', component: P404Component }
+];
+
+@NgModule({
+ imports: [ RouterModule.forRoot(routes, { relativeLinkResolution: 'legacy' }) ],
+ exports: [ RouterModule ]
+})
+export class AppRoutingModule {}
diff --git a/src/app/containers/default-layout/default-layout.component.html b/src/app/containers/default-layout/default-layout.component.html
new file mode 100644
index 000000000..9a58e200c
--- /dev/null
+++ b/src/app/containers/default-layout/default-layout.component.html
@@ -0,0 +1,341 @@
+
+
+
+ -
+ 5
+
+ -
+
+
+ -
+
+
+ -
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Today
+
+
+ 
+
+ Meeting with
+ Lucas
+
+
+ 1 - 3pm
+
+ Palo Alto, CA
+
+
+
+ 
+
+ Skype with
+ Megan
+
+
+ 4 - 5pm
+
+ On-line
+
+ Tomorrow
+
+ New UI Project -
+ deadline
+
+
+ 10 - 11pm
+
+ creativeLabs HQ
+
+
+ 
+
+
+ 
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+ #10 Startups.Garden Meetup
+
+ 1 - 3pm
+
+ Palo Alto, CA
+
+
+
+ Team meeting
+
+
+ 4 - 6pm
+
+ creativeLabs HQ
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+ Lukasz Holeczek
+ 1:52 PM
+
+ Lorem ipsum dolor sit amet
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt...
+
+
+
+
+
+
+
+
+
+
+ Lukasz Holeczek
+ 1:52 PM
+
+ Lorem ipsum dolor sit amet
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt...
+
+
+
+
+
+
+
+
+
+
+ Lukasz Holeczek
+ 1:52 PM
+
+ Lorem ipsum dolor sit amet
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt...
+
+
+
+
+
+
+
+
+
+
+ Lukasz Holeczek
+ 1:52 PM
+
+ Lorem ipsum dolor sit amet
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt...
+
+
+
+
+
+
+
+
+
+
+ Lukasz Holeczek
+ 1:52 PM
+
+ Lorem ipsum dolor sit amet
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt...
+
+
+ Settings
+
+
+ Option 1
+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+
+
+
+
+ Option 2
+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+
+
+
+
+ Option 3
+
+
+
+
+
+ System Utilization
+ CPU Usage
+
+ 348 Processes. 1/4 Cores.
+ Memory Usage
+
+ 11444GB/16384MB
+ SSD 1 Usage
+
+ 243GB/256GB
+ SSD 2 Usage
+
+ 25GB/256GB
+
+
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
@@ -47,7 +48,9 @@
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
@@ -58,7 +61,9 @@
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
diff --git a/Angular4_CLI_Full_Project/src/app/views/components/cards.component.ts b/src/app/views/base/cards.component.ts
similarity index 100%
rename from Angular4_CLI_Full_Project/src/app/views/components/cards.component.ts
rename to src/app/views/base/cards.component.ts
diff --git a/src/app/views/base/carousels.component.html b/src/app/views/base/carousels.component.html
new file mode 100644
index 000000000..9765b5731
--- /dev/null
+++ b/src/app/views/base/carousels.component.html
@@ -0,0 +1,137 @@
+
+
+
+
+
+
+
+
+
+ 
+
+ First slide label
+ Nulla vitae elit libero, a pharetra augue mollis interdum.
+ 
+
+ Second slide label
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+ 
+
+ Third slide label
+ Praesent commodo cursus magna, vel scelerisque nisl consectetur.
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+ First slide label
+ Nulla vitae elit libero, a pharetra augue mollis interdum.
+ 
+
+ Second slide label
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+ 
+
+ Third slide label
+ Praesent commodo cursus magna, vel scelerisque nisl consectetur.
+
+
+
+
+
+
+
+
+
+
+ ![image slide]()
+
+
+ Slide {{index}}
+ {{slide.text}}
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/app/views/base/carousels.component.ts b/src/app/views/base/carousels.component.ts
new file mode 100644
index 000000000..f2971be37
--- /dev/null
+++ b/src/app/views/base/carousels.component.ts
@@ -0,0 +1,43 @@
+import {Component, OnDestroy} from '@angular/core';
+import { CarouselConfig } from 'ngx-bootstrap/carousel';
+
+@Component({
+ templateUrl: 'carousels.component.html',
+ providers: [
+ { provide: CarouselConfig, useValue: { interval: 1500, noPause: false } },
+ ]
+})
+export class CarouselsComponent implements OnDestroy {
+
+ myInterval: number | false = 6000;
+ slides: any[] = [];
+ activeSlideIndex: number = 0;
+ noWrapSlides: boolean = false;
+
+ constructor() {
+ for (let i = 0; i < 4; i++) {
+ this.addSlide();
+ }
+ }
+
+ ngOnDestroy(): void {
+ this.myInterval = 0;
+ this.noWrapSlides = true;
+ this.myInterval = false;
+ }
+
+ addSlide(): void {
+ setTimeout( () => {
+ const seed = Math.random().toString(36).slice(-6);
+ this.slides.push({
+ image: `https://picsum.photos/seed/${seed}/900/500`
+ });
+ }, 500);
+ }
+
+ removeSlide(index?: number): void {
+ const toRemove = index ? index : this.activeSlideIndex;
+ this.slides.splice(toRemove, 1);
+ }
+
+}
diff --git a/src/app/views/base/collapses.component.html b/src/app/views/base/collapses.component.html
new file mode 100644
index 000000000..41aecf421
--- /dev/null
+++ b/src/app/views/base/collapses.component.html
@@ -0,0 +1,26 @@
+
+
+
+
+
+ Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo
+ consequat.
+
+
+
+
+
diff --git a/src/app/views/base/collapses.component.ts b/src/app/views/base/collapses.component.ts
new file mode 100644
index 000000000..0cb435641
--- /dev/null
+++ b/src/app/views/base/collapses.component.ts
@@ -0,0 +1,20 @@
+import { Component } from '@angular/core';
+
+@Component({
+ templateUrl: 'collapses.component.html'
+})
+export class CollapsesComponent {
+
+ constructor() { }
+
+ isCollapsed: boolean = false;
+
+ collapsed(event: any): void {
+ // console.log(event);
+ }
+
+ expanded(event: any): void {
+ // console.log(event);
+ }
+
+}
diff --git a/Angular4_CLI_Full_Project/src/app/views/components/forms.component.html b/src/app/views/base/forms.component.html
similarity index 68%
rename from Angular4_CLI_Full_Project/src/app/views/components/forms.component.html
rename to src/app/views/base/forms.component.html
index 980c6b515..1e552e8b6 100644
--- a/Angular4_CLI_Full_Project/src/app/views/components/forms.component.html
+++ b/src/app/views/base/forms.component.html
@@ -114,48 +114,55 @@
|