@leapdev/gui 0.2.265 → 1.0.0

package/dist/scss/x2/components/card/_card-default.scss

@@ -1,212 +0,0 @@
-// Set default customise component variables here,
-// Override it in theme variables files
-$card-border:                 1px solid #eee;
-$card-box-shadow:             $box-shadow-sm !default;
-$card-box-shadow-hover:       0 0.5rem 0.5rem -0.25rem rgba(theme-color("info"), 0.25) !default;
-
-// Card List
-.x-card-list {
-  @extend .d-flex,
-          .flex-wrap,
-          .justify-content-start,
-          .w-100;
-  margin-left: -0.5rem;
-  margin-right: -0.5rem;
-}
-
-
-.x-card-wrap {
-  @extend .position-relative;
-  z-index: 1;
-}
-
-.x-card-list-item {
-  @extend .px-2,
-          .mb-3,
-          .w-100;
-
-  @include media-breakpoint-up(md) {
-    max-width: 18.750rem;
-  }
-}
-
-// Card
-.x-card {
-  @extend .card,
-          .w-100,
-          .h-100,
-          .p-3,
-          .overflow-hidden;
-
-  @include box-shadow($card-box-shadow);
-
-  border: $card-border;
-
-  .card-title {
-    @extend %font-size-base,
-            .mb-1;
-  }
-
-
-  &.is-selected:before {
-    @extend .bg-primary-transparent,
-            .d-block,
-            .position-absolute;
-    z-index: 0;
-    width: 100%;
-    height:100%;
-    top: 0;
-    left: 0;
-    content: "";
-  }
-
-  .is-centered {
-    @extend .text-center,
-            .d-flex,
-            .flex-column,
-            .align-items-center,
-            .justify-content-center;
-  }
-}
-
-.x-card-hover {
-  @include transition(all 0.18s ease-in-out);
-  transform: scale(1);
-  @include x-hover-focus-active {
-    @include transition(all 0.18s ease-in-out);
-    @include box-shadow($card-box-shadow-hover);
-    transform: scale(1.01);
-  }
-}
-
-// Card Horizontal
-.x-card-inline {
-  @extend .x-card,
-          .d-inline-flex,
-          .flex-row,
-          .align-items-stretch;
-}
-
-// Prepend icon/image/avatar
-.x-card-prepend {
-  @extend .d-flex;
-
-  .x-card-default & {
-    @extend .d-flex,
-            .align-items-center,
-            .justify-content-center;
-  }
-
-  .x-card-inline & {
-    @extend .mr-2;
-  }
-
-  &.is-thumbnail {
-    @extend .align-items-center,
-            .justify-content-center;
-
-    figure {
-      @extend .mb-0,
-              .mt-2,
-              .d-flex,
-              .align-items-center,
-              .justify-content-center;
-      max-width: 6rem;
-
-      @include media-breakpoint-up(md) {
-        max-width: 8rem;
-      }
-
-      img {
-        width: 100%;
-        height: auto;
-        border-style: none;
-      }
-    }
-
-    .x-card-inline & {
-      @extend .pr-3,
-              .mr-3,
-              .border-right;
-      max-width: 9em;
-    }
-  }
-}
-
-// Card Body
-.x-card-body {
-  @extend %font-size-sm,
-          .p-0;
-
-  .x-card-default & {
-    @extend .p-3;
-    h6 {
-      @extend .font-weight-medium;
-    }
-  }
-}
-
-// Card Footer
-.x-card-footer {
-  @extend .d-flex,
-          .align-items-center,
-          .justify-content-between,
-          .mt-auto,
-          .pt-2;
-}
-
-// Card Content
-.x-card-content {
-  @extend .w-100,
-          .overflow-hidden;
-}
-
-
-
-.x-status-list {
-  @extend .list-unstyled;
-  margin: 0 auto;
-  margin-bottom: 1rem;
-
-  a.list-item {
-    @extend .d-flex,
-            .px-4,
-            .py-1,
-            .align-items-center;
-    
-    border-radius: $border-radius;
-    color: theme-color("black");
-    font-size: $font-size-sm;
-
-    &:hover,
-    &:focus {
-      @extend %cursor-pointer;
-
-      color: theme-color("primary-lighter");
-      background-color: #f5f6f7;
-    }
-
-    .x-icon {
-      @extend .mr-2;
-    }
-
-    &.x-status-success .x-icon { @extend .text-success; }
-    &.x-status-info .x-icon { @extend .text-info; }
-    &.x-status-warning .x-icon { @extend .text-warning; }
-    &.x-status-danger .x-icon { @extend .text-danger; }
-  }
-}
-
-
-.x-platform-list {
-  @extend .d-flex,
-          .pt-2;
-
-  .list-item {
-    @extend .px-2,
-            .text-primary-lighter;
-  }
-  .x-icon {
-    @extend .x-icon-md;
-  }
-}

package/dist/scss/x2/components/card/_card-info.scss

@@ -1,42 +0,0 @@
-.x-card-info {
-  @extend .d-flex,
-          .py-3,
-          .px-4,
-          .py-md-3,
-          .py-xl-4,
-          .px-md-3,
-          .px-xl-4;
-
-  .x-card-thumbnail {
-    width: 3rem;
-
-    @include media-breakpoint-up(md) {
-      width: 4rem;
-    }
-
-    @include media-breakpoint-up(lg) {
-      width: 4.5rem;
-    }
-  }
-}
-
-.x-card-info-content {
-  @extend .pl-4,
-          .flex-1;
-  h6 {
-    @extend .text-primary-darker;
-    font-weight: $font-weight-medium;
-    .x-card-primary & { @extend .text-success; }
-    .x-card-secondary & { @extend .text-secondary; }
-    .x-card-tertiary & { @extend .text-helper-default; }
-  }
-
-  p {
-    @extend .mb-0;
-    font-size: $small-font-size;
-
-    .x-aside-dark & {
-      @extend .text-light;
-    }
-  }
-}

package/dist/scss/x2/components/card/_card.scss

@@ -1,2 +0,0 @@
-@import "~bootstrap/scss/card";
-

package/dist/scss/x2/components/carousel/_carousel.scss

@@ -1,73 +0,0 @@
-@import "~bootstrap/scss/carousel";
-
-.carousel-control-next,
-.carousel-control-prev { cursor: pointer; }
-
-.carousel-control-prev-icon {
-  width: 1.75rem;
-  height: 1.75rem;
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 96 96'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23fff' d='M82,48 C82,29.2223185 66.7776815,14 48,14 C29.2223185,14 14,29.2223185 14,48 C14,66.7776815 29.2223185,82 48,82 C66.7776815,82 82,66.7776815 82,48 Z' opacity='.15'/%3E%3Cpath fill='%23fff' fill-rule='nonzero' d='M11,48 C11,27.5654643 27.5654643,11 48,11 C68.4345357,11 85,27.5654643 85,48 C85,68.4345357 68.4345357,85 48,85 C27.5654643,85 11,68.4345357 11,48 Z M78,48 C78,31.4314575 64.5685425,18 48,18 C31.4314575,18 18,31.4314575 18,48 C18,64.5685425 31.4314575,78 48,78 C64.5685425,78 78,64.5685425 78,48 Z M42.5343136,48 L56.9848649,60.7504864 C58.2272369,61.8466971 58.3457242,63.7424929 57.2495136,64.9848649 C56.1533029,66.2272369 54.2575071,66.3457242 53.0151351,65.2495136 L33.4656864,48 L53.0151351,30.7504864 C54.2575071,29.6542758 56.1533029,29.7727631 57.2495136,31.0151351 C58.3457242,32.2575071 58.2272369,34.1533029 56.9848649,35.2495136 L42.5343136,48 Z'/%3E%3C/g%3E%3C/svg%3E%0A");
-}
-
-.carousel-control-next-icon {
-  width: 1.75rem;
-  height: 1.75rem;
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 96 96'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23fff' d='M82,48 C82,29.2223185 66.7776815,14 48,14 C29.2223185,14 14,29.2223185 14,48 C14,66.7776815 29.2223185,82 48,82 C66.7776815,82 82,66.7776815 82,48 Z' opacity='.15'/%3E%3Cpath fill='%23fff' fill-rule='nonzero' d='M11,48 C11,27.5654643 27.5654643,11 48,11 C68.4345357,11 85,27.5654643 85,48 C85,68.4345357 68.4345357,85 48,85 C27.5654643,85 11,68.4345357 11,48 Z M78,48 C78,31.4314575 64.5685425,18 48,18 C31.4314575,18 18,31.4314575 18,48 C18,64.5685425 31.4314575,78 48,78 C64.5685425,78 78,64.5685425 78,48 Z M53.4656864,48 L39.0151351,35.2495136 C37.7727631,34.1533029 37.6542758,32.2575071 38.7504864,31.0151351 C39.8466971,29.7727631 41.7424929,29.6542758 42.9848649,30.7504864 L62.5343136,48 L42.9848649,65.2495136 C41.7424929,66.3457242 39.8466971,66.2272369 38.7504864,64.9848649 C37.6542758,63.7424929 37.7727631,61.8466971 39.0151351,60.7504864 L53.4656864,48 Z'/%3E%3C/g%3E%3C/svg%3E%0A");
-}
-
-.carousel-indicators li {
-  width: 0.5rem;
-  height: 0.5rem;
-  border-top: none;
-  border-bottom: none;
-  border-radius:  0.25rem;
-}
-
-.x-slider {
-  @extend .w-100,
-          .overflow-hidden;
-  max-height: 37.5rem;
-  max-width: 50rem;
-}
-
-.x-slides {
-  @extend .d-flex;
-  overflow-x: scroll;
-  -webkit-overflow-scrolling: touch;
-}
-
-.x-slides::-webkit-scrollbar {
-  @include size(0.5rem);
-}
-
-.x-slides::-webkit-scrollbar-thumb {
-  @extend .bg-info-transparent;
-  @include border-radius($input-border-radius-lg);
-}
-
-.x-slides::-webkit-scrollbar-track {
-  @extend .bg-transparent;
-}
-
-.x-slider-item {
-  @extend .d-flex,
-          .w-100,
-          .h-100,
-          .position-relative,
-          .justify-content-center,
-          .align-items-center,
-          .flex-shrink-0;
-  transform-origin: center center;
-  transition: transform 0.5s;
-
-  &.d-none {
-    @extend .d-none;
-  }
-}
-
-.x-slider > a {
-  @extend .d-inline-flex,
-          .position-relative,
-          .justify-content-center,
-          .align-items-center;
-}

package/dist/scss/x2/components/close/_close.scss

@@ -1,8 +0,0 @@
-@import "~bootstrap/scss/close";
-
-.close {
-  @extend .align-self-stretch;
-  @include transition($transition-fade);
-  opacity: 0.3;
-  line-height: 0;
-}

package/dist/scss/x2/components/custom-form/_custom-form-responsive.scss

@@ -1,21 +0,0 @@
-// Set default customise component variables here,
-// Override it in theme variables files
-
-$custom-select-padding-x-lg:     $input-btn-padding-x-lg  !default;
-$custom-select-border-radius-lg: $border-radius-lg        !default;
-
-.x-custom-select-lg {
-  @include media-breakpoint-up(sm) {
-    @include border-radius($custom-select-border-radius-lg);
-    padding-left: $custom-select-padding-x-lg;
-
-    // Form Responsive Control sizing
-    //
-    // Copy from Bootstrap to avoid Sass extend issues.
-    // = custom-select-lg;
-    height: $custom-select-height-lg;
-    padding-top: $custom-select-padding-y;
-    padding-bottom: $custom-select-padding-y;
-    font-size: $custom-select-font-size-lg;
-  }
-}

package/dist/scss/x2/components/custom-form/_custom-form.scss

@@ -1,41 +0,0 @@
-@import "~bootstrap/scss/custom-forms";
-
-// Set default customise component variables here,
-// Override it in theme variables files
-
-.custom-control {
-  @extend .align-items-center;
-
-  &:not(.custom-control-inline) {
-    @extend .d-flex;
-  }
-  &.custom-control-inline {
-    @extend .mb-0;
-  }
-
-  .form-group & {
-    min-height: 2.25rem;
-  }
-}
-
-.custom-control-label {
-  &::before {
-    @extend .border;
-    @include box-shadow(none);
-
-    @at-root {
-      .custom-control-input:not(:checked):focus ~ & {
-        @extend .border-primary;
-        @include box-shadow($custom-select-focus-box-shadow);
-      }
-      .custom-control-input:checked ~ & {
-        @extend .border-primary;
-        border-width: 2px !important;
-      }
-    }
-  }
-}
-
-.custom-select-sm {
-  line-height: 1.1;
-}