initial

2026-03-03 16:30:57 +07:00
parent a13304e40e
commit c253e1a370
7569 changed files with 1324841 additions and 0 deletions
@@ -0,0 +1,81 @@
+/* Accordions */
+
+.accordion {
+  .card {
+    margin-bottom: 10px;
+    border: 1px solid $border-color;
+    .card-header {
+      background-color: transparent;
+      border: none;
+      padding:0;
+      font-size: 14px;
+      a {
+        display: block;
+        padding:.75rem 1.70rem .75rem 1.25rem;
+        color: theme-color(dark);
+        text-decoration: none;
+        font-size: inherit;
+        position: relative;
+        @include transition-duration(0.5s);
+        transition-property: border-color;
+        -webkit-transition-property: border-color;
+        &:before{
+          font-family:"Material Design Icons";
+          position: absolute;
+          right: 7px;
+          top: 10px;
+          font-size: 20px;
+          display: block;
+          color: $black;
+        }
+        &[aria-expanded="true"]{
+          &:before{
+            content: "\F140";
+          }
+        }
+        &[aria-expanded="false"]{
+          &:before{
+            content: "\F143";
+          }
+        }
+      }
+      &.bg-success,&.bg-warning,&.bg-danger,&.bg-primary,&.bg-dark{
+        a{
+          color: $white;
+          &:before{
+            color: $white;
+          }
+        }
+      }
+    }
+    .card-body {
+      font-size: 0.88rem;
+      padding:12px 20px 26px 20px;
+      i {
+        font-size: 1.25rem;
+      }
+    }
+    &.bg-success,&.bg-danger,&.bg-primary,&.bg-info,&.bg-warning,&.bg-dark{
+      color: $white;
+      .card-header{
+        color: $white;
+        border:none;
+        &:before{
+          color: $white;
+        }
+        a{
+          color: $white;
+        }
+      }
+    }
+  }
+}
+
+/* inverse buttons */
+@each $color, $value in $theme-colors {
+  .accordion {
+    .accordion-inverse-#{$color} {
+      @include accordion-inverse-variant($value);
+    }
+  }
+}