@saooti/octopus-sdk 1.0.0 → 29.0.2

package/src/assets/bootstrap_scss/_breadcrumb.scss

@@ -1,42 +0,0 @@
-.breadcrumb {
-  display: flex;
-  flex-wrap: wrap;
-  padding: $breadcrumb-padding-y $breadcrumb-padding-x;
-  margin-bottom: $breadcrumb-margin-bottom;
-  @include font-size($breadcrumb-font-size);
-  list-style: none;
-  background-color: $breadcrumb-bg;
-  @include border-radius($breadcrumb-border-radius);
-}
-
-.breadcrumb-item {
-  // The separator between breadcrumbs (by default, a forward-slash: "/")
-  + .breadcrumb-item {
-    padding-left: $breadcrumb-item-padding;
-
-    &::before {
-      display: inline-block; // Suppress underlining of the separator in modern browsers
-      padding-right: $breadcrumb-item-padding;
-      color: $breadcrumb-divider-color;
-      content: escape-svg($breadcrumb-divider);
-    }
-  }
-
-  // IE9-11 hack to properly handle hyperlink underlines for breadcrumbs built
-  // without `<ul>`s. The `::before` pseudo-element generates an element
-  // *within* the .breadcrumb-item and thereby inherits the `text-decoration`.
-  //
-  // To trick IE into suppressing the underline, we give the pseudo-element an
-  // underline and then immediately remove it.
-  + .breadcrumb-item:hover::before {
-    text-decoration: underline;
-  }
-  // stylelint-disable-next-line no-duplicate-selectors
-  + .breadcrumb-item:hover::before {
-    text-decoration: none;
-  }
-
-  &.active {
-    color: $breadcrumb-active-color;
-  }
-}

package/src/assets/bootstrap_scss/_button-group.scss

@@ -1,164 +0,0 @@
-// stylelint-disable selector-no-qualifying-type
-
-// Make the div behave like a button
-.btn-group,
-.btn-group-vertical {
-  position: relative;
-  display: inline-flex;
-  vertical-align: middle; // match .btn alignment given font-size hack above
-  
-  > .btn {
-    position: relative;
-    flex: 1 1 auto;
-
-    // Bring the hover, focused, and "active" buttons to the front to overlay
-    // the borders properly
-    @include hover() {
-      z-index: 1;
-    }
-    &:focus,
-    &:active,
-    &.active {
-      z-index: 1;
-    }
-  }
-}
-
-// Optional: Group multiple button groups together for a toolbar
-.btn-toolbar {
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: flex-start;
-
-  .input-group {
-    width: auto;
-  }
-}
-
-.btn-group {
-  // Prevent double borders when buttons are next to each other
-  > .btn:not(:first-child),
-  > .btn-group:not(:first-child) {
-    margin-left: 5px;
-    display: flex;
-  }
-
-  // Reset rounded corners
-  > .btn:not(:last-child):not(.dropdown-toggle),
-  > .btn-group:not(:last-child) > .btn {
-    @include border-right-radius(0);
-  }
-
-  > .btn:not(:first-child),
-  > .btn-group:not(:first-child) > .btn {
-    @include border-left-radius(0);
-  }
-}
-
-// Sizing
-//
-// Remix the default button sizing classes into new ones for easier manipulation.
-
-.btn-group-sm > .btn { @extend .btn-sm; }
-.btn-group-lg > .btn { @extend .btn-lg; }
-
-
-//
-// Split button dropdowns
-//
-
-.dropdown-toggle-split {
-  padding-right: $btn-padding-x * .75;
-  padding-left: $btn-padding-x * .75;
-
-  &::after,
-  .dropup &::after,
-  .dropright &::after {
-    margin-left: 0;
-  }
-
-  .dropleft &::before {
-    margin-right: 0;
-  }
-}
-
-.btn-sm + .dropdown-toggle-split {
-  padding-right: $btn-padding-x-sm * .75;
-  padding-left: $btn-padding-x-sm * .75;
-}
-
-.btn-lg + .dropdown-toggle-split {
-  padding-right: $btn-padding-x-lg * .75;
-  padding-left: $btn-padding-x-lg * .75;
-}
-
-
-// The clickable button for toggling the menu
-// Set the same inset shadow as the :active state
-.btn-group.show .dropdown-toggle {
-  @include box-shadow($btn-active-box-shadow);
-
-  // Show no shadow for `.btn-link` since it has no other button styles.
-  &.btn-link {
-    @include box-shadow(none);
-  }
-}
-
-
-//
-// Vertical button groups
-//
-
-.btn-group-vertical {
-  flex-direction: column;
-  align-items: flex-start;
-  justify-content: center;
-
-  > .btn,
-  > .btn-group {
-    width: 100%;
-  }
-
-  > .btn:not(:first-child),
-  > .btn-group:not(:first-child) {
-    margin-top: -$btn-border-width;
-   }
-
-  // Reset rounded corners
-  > .btn:not(:last-child):not(.dropdown-toggle),
-  > .btn-group:not(:last-child) > .btn {
-    @include border-bottom-radius(0);
-  }
-
-  > .btn:not(:first-child),
-  > .btn-group:not(:first-child) > .btn {
-    @include border-top-radius(0);
-  }
-}
-
-
-// Checkbox and radio options
-//
-// In order to support the browser's form validation feedback, powered by the
-// `required` attribute, we have to "hide" the inputs via `clip`. We cannot use
-// `display: none;` or `visibility: hidden;` as that also hides the popover.
-// Simply visually hiding the inputs via `opacity` would leave them clickable in
-// certain cases which is prevented by using `clip` and `pointer-events`.
-// This way, we ensure a DOM element is visible to position the popover from.
-//
-// See https://github.com/twbs/bootstrap/pull/12794 and
-// https://github.com/twbs/bootstrap/pull/14559 for more information.
-
-.btn-group-toggle {
-  > .btn,
-  > .btn-group > .btn {
-    margin-bottom: 0; // Override default `<label>` value
-
-    input[type="radio"],
-    input[type="checkbox"] {
-      position: absolute;
-      clip: rect(0, 0, 0, 0);
-      pointer-events: none;
-    }
-  }
-}

package/src/assets/bootstrap_scss/_buttons.scss

@@ -1,291 +0,0 @@
-// stylelint-disable selector-no-qualifying-type
-
-// Buttons
-.btn {
-  display: inline-block;
-  @include button-size($btn-padding-y, $btn-padding-x, $btn-font-size, $btn-line-height, $btn-border-radius);
-  @include transition($btn-transition);
-  
-  background: $octopus-light-secondary-color ;
-  border: 0;
-  border-radius: 50px;
-  font-size: 0.7rem;
-  cursor: pointer;
-  text-align: center;
-  transition: background .2s, border .2s, box-shadow .2s, color .2s;
-  vertical-align: middle;
-  white-space: nowrap;
-  color: black;
-  @media (max-width: 500px){
-    white-space: unset;
-  }
-  &:hover,
-  &:focus,
-  &:active,
-  &.active {
-    outline: none !important;
-    box-shadow: none;
-    text-decoration: none;
-  }
-  &:hover{
-    background: rgba($octopus-primary-color, 0.3) ;
-  }
-
-  &[disabled],
-  &:disabled,
-  &.disabled {
-    cursor: default;
-    opacity: .5;
-    pointer-events: none;
-  }
-
-  // Button Primary
-  &.btn-primary {
-    background: $octopus-third-color;
-    background: -moz-linear-gradient(-45deg, $octopus-third-color 0%, $octopus-primary-color 100%);
-    background: -webkit-gradient(left top, right bottom, color-stop(0%, $octopus-third-color), color-stop(100%, $octopus-primary-color));
-    background: -webkit-linear-gradient(-45deg, $octopus-third-color 0%, $octopus-primary-color 100%);
-    background: -o-linear-gradient(-45deg, $octopus-third-color 0%, $octopus-primary-color 100%);
-    background: -ms-linear-gradient(-45deg, $octopus-third-color 0%, $octopus-primary-color 100%);
-    background: linear-gradient(135deg, $octopus-third-color 0%, $octopus-primary-color 100%);
-    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d91f', endColorstr='#50b685', GradientType=1 );
-    border-color: $octopus-primary-color;
-    border-radius: 50px;
-    height: auto;
-    border-bottom: 0 solid transparent;
-    color: white !important;
-    &:focus,
-    &:hover {
-      background:$octopus-third-color;
-      background: -moz-linear-gradient(-45deg, $octopus-third-color 0%, $octopus-primary-color 100%);
-      background: -webkit-gradient(left top, right bottom, color-stop(0%, $octopus-third-color), color-stop(100%, $octopus-primary-color));
-      background: -webkit-linear-gradient(-45deg, $octopus-third-color 0%, $octopus-primary-color 100%);
-      background: -o-linear-gradient(-45deg, $octopus-third-color 0%, $octopus-primary-color 100%);
-      background: -ms-linear-gradient(-45deg, $octopus-third-color 0%, $octopus-primary-color 100%);
-      background: linear-gradient(135deg, $octopus-third-color 0%, $octopus-primary-color 100%);
-      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d91f', endColorstr='#4fcf91', GradientType=1 );
-      border: 0;
-    }
-    &:active,
-    &.active {
-      background: darken($octopus-primary-color, 4%);
-      border-color: darken($octopus-primary-color, 7%);
-    }
-  }
-  &.btn-light{
-    color: $octopus-primary-color;
-    background: transparent;
-  }
-  &.btn-auth{
-    &:focus,
-    &:hover {
-      background:$octopus-third-color;
-      background: -moz-linear-gradient(-45deg, $octopus-third-color 0%, $octopus-primary-color 100%);
-      background: -webkit-gradient(left top, right bottom, color-stop(0%, $octopus-third-color), color-stop(100%, $octopus-primary-color));
-      background: -webkit-linear-gradient(-45deg, $octopus-third-color 0%, $octopus-primary-color 100%);
-      background: -o-linear-gradient(-45deg, $octopus-third-color 0%, $octopus-primary-color 100%);
-      background: -ms-linear-gradient(-45deg, $octopus-third-color 0%, $octopus-primary-color 100%);
-      background: linear-gradient(135deg, $octopus-third-color 0%, $octopus-primary-color 100%);
-      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d91f', endColorstr='#4fcf91', GradientType=1 );
-      border: 0;
-    }
-    &:active,
-    &.active {
-      background: darken($octopus-primary-color, 4%);
-      border-color: darken($octopus-primary-color, 7%);
-    }
-  }
-//Button disable halo after click
-  .no-effect{
-  &:focus,
-    &:hover {
-      border-bottom: 0 !important;
-      outline: 0;
-      box-shadow: 0 0 0 0 transparent !important;
-    }
-  }
-  &.btn-underline{
-    background: none;
-    padding: 0;
-    margin: 0 2rem 1rem 0;
-    border-radius: 0;
-    @media (max-width: 600px) {
-      margin: 0 1rem 1rem 0;
-      font-size: 0.8em;
-    }
-  }
-
-  &.btn-arrow {
-    border-radius: 50px;
-    margin: 0.2rem;
-    width: 1.8rem;
-    height: 1.8rem;
-    background: $octopus-secondary-color;
-    padding: 0;
-    &:hover {
-      border: 0;
-      background: $octopus-secondary-color;
-    }
-  }
-
-  &.btn-link {
-    background: $octopus-secondary-color;
-    color: $octopus-primary-color;
-    font-weight: bold;
-    margin: 2rem;
-    width: fit-content;
-    align-self: center;
-    &:focus,
-    &:hover,
-    &:active,
-    &.active {
-      background: darken($octopus-secondary-color, 5%);
-      color: $octopus-primary-color;
-    }
-    @media (max-width: 500px){
-      margin: 0.3rem;
-    }
-  }
-
-  &.btn-linkPlus {
-    padding: 8px 16px;
-    font-size: 0.8rem;
-    border-radius: 50px;
-    background-color: #ddd;
-    color: #000;
-    box-shadow: none;
-    display: flex;
-    .saooti-plus{
-      line-height: 1.5 !important;
-      margin-left: 5px; 
-    }
-    &:focus,
-    &:hover,
-    &:active,
-    &.active {
-      background: $octopus-primary-color;
-      color: white;
-      border: 1px solid $octopus-primary-color;
-    }
-  }
-
-  &.btn-more{
-    background: $octopus-primary-color;
-    color: $octopus-background;
-    width: 2rem;
-    height: 2rem;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    border-radius: 50px;
-    margin: 1rem;
-  }
-
-  &.btn-bigRound{
-    border: 1px #aaa solid;
-    background: none;
-    font-size: 3rem !important;
-    color: #666;
-    border-radius: 50%;
-    padding: 1rem;
-    margin-right: 1rem;
-    width: 5rem;
-    height: 5rem;
-  }
-
-  &.admin-button {
-    padding: 0.3rem;
-    height: 1.8rem;
-    width: 1.8rem;
-    font-size: 1rem;
-    display: inline-flex;
-    align-items: center;
-  }
-}
-
-
-.share-btn {
-  font-size: 1.3rem;
-  width: 2.5rem;
-  height: 2.5rem !important;
-  padding: 0.5rem;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-}
-.share-btn.m-3 {
-  margin: 0 1rem 0 0!important;
-}
-.btn-rss {
-  background: #ddd !important;
-  &:hover {
-    border: 0;
-    background: #ccc !important;
-  }
-}
-.btn-facebook {
-  background: #d8dfea !important;
-  color: #3b5998 !important;
-  &:hover {
-    background: #afbdd4 !important;
-  }
-}
-.btn-twitter {
-  background: #d2ecfc !important;
-  color: #1da1f2 !important;
-  &:hover {
-    background: #bbe3fb !important;
-  }
-}
-.btn-linkedin {
-  background: #0077b550 !important;
-  color: #0077b5 !important;
-  &:hover {
-    background: #00a0dc !important;
-  }
-}
-
-// Future-proof disabling of clicks on `<a>` elements
-a.btn.disabled,
-fieldset:disabled a.btn {
-  pointer-events: none;
-}
-
-
-
-
-//
-// Button Sizes
-//
-
-.btn-lg {
-  @include button-size($btn-padding-y-lg, $btn-padding-x-lg, $btn-font-size-lg, $btn-line-height-lg, $btn-border-radius-lg);
-}
-
-.btn-sm {
-  @include button-size($btn-padding-y-sm, $btn-padding-x-sm, $btn-font-size-sm, $btn-line-height-sm, $btn-border-radius-sm);
-}
-
-
-//
-// Block button
-//
-
-.btn-block {
-  display: block;
-  width: 100%;
-
-  // Vertically space out multiple block buttons
-  + .btn-block {
-    margin-top: $btn-block-spacing-y;
-  }
-}
-
-// Specificity overrides
-input[type="submit"],
-input[type="reset"],
-input[type="button"] {
-  &.btn-block {
-    width: 100%;
-  }
-}