@undrr/undrr-mangrove 1.3.1 → 1.3.3

package/scss/Components/Sidebar/sidebar.scss

@@ -1,236 +0,0 @@
-/* sidebar start */
-.sidebar-accordion {
-  @extend %background-white;
-
-  padding: 0;
-  position: relative;
-
-  &.mg-u-responsive--show-small {
-    h6 {
-      border-bottom: 2px solid $mg-color-black;
-
-      &::after {
-        @include transform(translateY(-50%) rotateZ(-180deg));
-      }
-    }
-
-    ul {
-      display: block;
-      padding: 0;
-    }
-  }
-
-  ul,
-  li {
-    list-style-type: none;
-    margin-bottom: 0;
-    padding-left: 0;
-
-    @include devicebreak(medium) {
-      a {
-        &:hover {
-          background-color: $mg-color-neutral-300;
-        }
-      }
-    }
-  }
-
-  h6 {
-    background-color: $mg-color-neutral-300;
-    cursor: pointer;
-    display: block;
-    margin-bottom: 0;
-    padding: $mg-spacing-50;
-    position: relative;
-
-    @include devicebreak(medium) {
-      display: none;
-    }
-
-    &::after {
-      @extend %sidebar-chevron;
-    }
-  }
-
-  ul {
-    display: none;
-    padding: 0;
-
-    @include devicebreak(medium) {
-      display: block;
-    }
-
-    & > .active {
-      border-bottom: none;
-
-      @include devicebreak(medium) {
-        button::after {
-          // background:
-          //   url(#{$img-path-Icon}/chevron-down-white.svg) no-repeat
-          //   center center;
-        }
-      }
-
-      & > a {
-        @include devicebreak(medium) {
-          background-color: $mg-color-blue-900;
-          color: $mg-color-white;
-        }
-      }
-
-      & > button::after {
-        @include transform(rotateZ(-180deg));
-
-        top: 1.125rem;
-
-        @include devicebreak(medium) {
-          top: $mg-spacing-100;
-        }
-      }
-    }
-
-    & > li {
-      background-color: $mg-color-neutral-300;
-      position: relative;
-
-      @include devicebreak(medium) {
-        background-color: transparent;
-        padding: 0;
-      }
-
-      button {
-        @extend %button;
-
-        float: right;
-        height: 1.25rem;
-        margin-right: 1.188rem;
-        margin-top: -2.188rem;
-        width: 1.25rem;
-
-        @include devicebreak(medium) {
-          margin-top: -2.688rem;
-          top: 2.063rem;
-        }
-
-        &::after {
-          @extend %sidebar-chevron;
-
-          top: $mg-spacing-100;
-
-          @include devicebreak(medium) {
-            top: 2.063rem;
-          }
-        }
-      }
-    }
-
-    ul.accordion__panel {
-      display: none;
-      height: auto;
-      padding: 0;
-
-      li {
-        a {
-          @extend %img_none;
-
-          border: none;
-          display: block;
-          font-size: $mg-font-size-200;
-          font-weight: 400;
-          padding: $mg-spacing-50 $mg-spacing-100 $mg-spacing-50 $mg-spacing-150;
-
-          @include devicebreak(medium) {
-            font-size: $mg-font-size-300;
-            padding-left: $mg-spacing-300;
-          }
-        }
-
-        &:first-of-type a {
-          background-color: transparent;
-          color: $mg-color-black;
-
-          @include devicebreak(medium) {
-            &:hover {
-              background-color: $mg-color-neutral-300;
-            }
-          }
-        }
-
-        &:last-of-type a {
-          margin-bottom: 0;
-        }
-      }
-    }
-  }
-
-  &.narrow {
-    ul.accordion__panel {
-      li {
-        a {
-          @include devicebreak(medium) {
-            font-size: 0.875rem;
-            padding-left: $mg-spacing-150;
-          }
-        }
-
-        &:last-of-type a {
-          @include devicebreak(medium) {
-            margin-bottom: $mg-spacing-200;
-          }
-        }
-      }
-    }
-
-    ul > li button::after {
-      @include devicebreak(medium) {
-        top: 1.625rem;
-      }
-    }
-
-    li.active {
-      button::after {
-        @include devicebreak(medium) {
-          top: 1.125rem;
-        }
-      }
-    }
-  }
-}
-
-[dir="rtl"] {
-  .sidebar-accordion h6,
-  .sidebar-accordion ul li > button {
-    &::after {
-      left: 24px;
-      right: unset;
-    }
-  }
-
-  .sidebar-accordion {
-    ul,
-    li {
-      padding-right: 0;
-    }
-
-    button {
-      float: left;
-      margin-left: $mg-spacing-100;
-      margin-right: 0;
-    }
-
-    &.narrow {
-      ul.accordion__panel {
-        li {
-          a {
-            @include devicebreak(medium) {
-              padding-left: $mg-spacing-100;
-              padding-right: $mg-spacing-150;
-            }
-          }
-        }
-      }
-    }
-  }
-}
-
-/* sidebar end */

package/scss/Molecules/SidebarData/sidebar-data.scss

@@ -1,44 +0,0 @@
-/* sidebar data start */
-.sidebar-accordion {
-  li > a {
-    @extend %img_none;
-
-    border: none;
-    border-bottom: 1px solid $mg-color-neutral-500;
-    display: block;
-    font-size: $mg-font-size-300;
-    font-weight: 700;
-    line-height: 1.15;
-    margin-bottom: 0;
-    padding: $mg-spacing-50;
-
-    @include devicebreak(medium) {
-      padding: $mg-spacing-100;
-    }
-  }
-
-  &.narrow {
-    li > a {
-      @include devicebreak(medium) {
-        padding: $mg-spacing-50;
-      }
-    }
-  }
-}
-
-[dir="rtl"] {
-  .sidebar-accordion {
-    .accordion__panel {
-      li > a {
-        padding-left: $mg-spacing-100;
-        padding-right: $mg-spacing-150;
-
-        @include devicebreak(medium) {
-          padding-right: $mg-spacing-300;
-        }
-      }
-    }
-  }
-}
-
-/* sidebar data end */