@agilemotion/oui-react-js 1.2.7 → 1.2.8

package/dist/assets/scss/black-dashboard-react/custom/_tables.scss

@@ -0,0 +1,165 @@
+//.table{
+//  > tbody > tr > td {
+//    color: rgba(255, 255, 255, 0.7) !important;
+//
+//    .photo {
+//      height: 30px;
+//      width: 30px;
+//      border-radius: 50%;
+//      overflow: hidden;
+//      margin: 0 auto;
+//
+//      img {
+//        width: 100%;
+//      }
+//    }
+//  }
+//
+//  > tbody > tr.table-success > td{
+//    background-color: darken($success,10%);
+//  }
+//
+//  > tbody > tr.table-info > td{
+//    background-color: $info;
+//  }
+//
+//  > tbody > tr.table-primary > td{
+//    background-color: $primary;
+//  }
+//
+//  > tbody > tr.table-warning > td{
+//    background-color: $warning;
+//  }
+//  > tbody > tr.table-danger > td{
+//    background-color: $danger;
+//  }
+//
+//    .img-wrapper{
+//      width: 40px;
+//      height: 40px;
+//      border-radius: 50%;
+//      overflow: hidden;
+//      margin: 0 auto;
+//    }
+//
+//    .img-row{
+//      max-width: 60px;
+//      width: 60px;
+//    }
+//
+//    .form-check{
+//        margin: 0;
+//        margin-top: 5px;
+//
+//        & label .form-check-sign::before,
+//        & label .form-check-sign::after{
+//            top: -17px;
+//            left: 4px;
+//        }
+//    }
+//
+//    .btn{
+//        margin: 0;
+//    }
+//
+//    small,.small{
+//      font-weight: 300;
+//    }
+//
+//    .card-tasks .card-body &{
+//        margin-bottom: 0;
+//
+//        > thead > tr > th,
+//        > tbody > tr > th,
+//        > tfoot > tr > th,
+//        > thead > tr > td,
+//        > tbody > tr > td,
+//        > tfoot > tr > td{
+//            padding-top: 5px;
+//            padding-bottom: 5px;
+//        }
+//    }
+//
+//   > thead > tr > th{
+//       border-bottom-width: 1px;
+//       font-size: 12px;
+//       text-transform: uppercase;
+//       font-weight: $font-weight-extra-bold;
+//       border: 0;
+//       color: rgba($white, 0.7);
+//   }
+//
+//   .radio,
+//   .checkbox{
+//       margin-top: 0;
+//       margin-bottom: 0;
+//       padding: 0;
+//       width: 15px;
+//
+//       .icons{
+//           position: relative;
+//       }
+//
+//        label{
+//            &:after,
+//            &:before{
+//                top: -17px;
+//                left: -3px;
+//            }
+//        }
+//   }
+//   > thead > tr > th,
+//   > tbody > tr > th,
+//   > tfoot > tr > th,
+//   > thead > tr > td,
+//   > tbody > tr > td,
+//   > tfoot > tr > td{
+//       border-color: rgba(255, 255, 255, 0.1);
+//       padding: 12px 7px;
+//       vertical-align: middle;
+//   }
+//
+//   &.table-shopping tbody tr:last-child td{
+//      border: none;
+//   }
+//
+//   .th-description{
+//       max-width: 150px;
+//   }
+//   .td-price{
+//       font-size: 26px;
+//       font-weight: $font-weight-light;
+//       margin-top: 5px;
+//       position: relative;
+//       top: 4px;
+//       text-align: right;
+//   }
+//   .td-total{
+//        font-weight: $font-weight-bold;
+//        font-size: $h5-font-size;
+//        padding-top: 20px;
+//        text-align: right;
+//    }
+//
+//   .td-actions .btn{
+//    margin: 0px;
+//    }
+//
+//    > tbody > tr{
+//        position: relative;
+//    }
+//
+//    > tfoot > tr {
+//      color: hsla(0,0%,100%,.7);
+//      text-transform: uppercase;
+//    }
+//}
+//
+//.table-responsive{
+//  overflow: scroll;
+//  padding-bottom: 10px;
+//}
+//
+//#tables .table-responsive{
+//    margin-bottom: 30px;
+//}

package/dist/assets/scss/black-dashboard-react/custom/_type.scss

@@ -0,0 +1,174 @@
+body {
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
+}
+
+h1, h2, h3, h4, h5, h6,
+.h1, .h2, .h3, .h4, .h5, .h6 {
+  line-height: $headings-line-height;
+
+}
+p{
+  font-weight: $font-weight-light;
+}
+
+button,
+input,
+optgroup,
+select,
+textarea{
+    font-family: $font-family-base;
+}
+.card{
+  h1,h2,h3,h4,h5,h6,p{
+    color: $opacity-8;
+  }
+}
+h1,h2,h3,h4,h5,h6{
+    font-weight: $font-weight-normal;
+    color: $opacity-8;
+}
+
+a{
+    color: $primary-states;
+    font-weight: $font-weight-light;
+    &:hover,
+    &:focus{
+        color: $primary;
+    }
+}
+h1, .h1 {
+    line-height: 1.05;
+    margin-bottom: $margin-base-vertical * 2;
+
+    small{
+        font-weight: $font-weight-bold;
+        text-transform: uppercase;
+        opacity: .8;
+    }
+
+}
+h2, .h2{
+    margin-bottom: $margin-base-vertical * 2;
+    line-height: 1.2;
+
+}
+h3, .h3{
+    margin-bottom: $margin-base-vertical * 2;
+    line-height: 1.4em;
+}
+h4, .h4{
+    line-height: 1.45em;
+    margin-bottom: $margin-base-vertical;
+
+    & + .category,
+    &.title + .category{
+        margin-top: -10px;
+    }
+}
+h5, .h5 {
+    line-height: 1.4em;
+    margin-bottom: 15px;
+}
+h6, .h6{
+    text-transform: uppercase;
+    font-weight: $font-weight-bold;
+}
+p{
+    color: $opacity-8;
+    margin-bottom: 5px;
+
+    &.description{
+        font-size: 1.14em;
+    }
+}
+
+
+.title{
+    font-weight: $font-weight-bold;
+    &.title-up{
+        text-transform: uppercase;
+
+        a{
+            color: $black;
+            text-decoration: none;
+        }
+    }
+    & + .category{
+        margin-top: -10px;
+    }
+}
+
+.description,
+.card-description,
+.footer-big p,
+.card .footer .stats{
+    color: $dark-gray;
+    font-weight: $font-weight-light;
+}
+.category,
+.card-category{
+    text-transform: capitalize;
+    font-weight: $font-weight-normal;
+    color: rgba($white, 0.6);
+    font-size: $font-size-sm;
+}
+
+.card-category{
+    font-size: $font-size-sm;
+}
+
+.blockquote{
+    border-left: none;
+    border: 1px solid $default;
+    padding: 20px;
+    font-size: $blockquote-font-size;
+    line-height: 1.8;
+
+    small{
+        color: $default;
+        font-size: $font-size-sm;
+        text-transform: uppercase;
+    }
+
+    &.blockquote-primary{
+        border-color: $primary;
+        color: $primary;
+
+        small{
+            color: $primary;
+        }
+    }
+
+    &.blockquote-danger{
+        border-color: $danger;
+        color: $danger;
+
+        small{
+            color: $danger;
+        }
+    }
+
+    &.blockquote-white{
+        border-color: $opacity-8;
+        color: $white;
+
+        small{
+            color: $opacity-8;
+        }
+    }
+}
+
+ul li, ol li{
+  color: $white;
+}
+
+pre{
+  color: $opacity-8;
+}
+
+hr{
+  border-top: 1px solid rgba(0,0,0,0.1);
+  margin-top: $spacer;
+  margin-bottom: $spacer;
+}

package/dist/assets/scss/black-dashboard-react/custom/_utilities.scss

@@ -0,0 +1,9 @@
+@import "utilities/backgrounds.scss";
+@import "utilities/floating.scss";
+@import "utilities/helper.scss";
+@import "utilities/position.scss";
+@import "utilities/sizing.scss";
+@import "utilities/spacing.scss";
+@import "utilities/shadows.scss";
+@import "utilities/text.scss";
+@import "utilities/transform.scss";