light_admin 1.0.5

data/app/assets/stylesheets/light_admin/base.scss

@@ -0,0 +1,34 @@
+// Variables
+@import 'variables/colors';
+@import 'variables/font';
+@import 'variables/borders';
+@import 'variables/shadows';
+
+// Utilities
+@import '../utilities/flex';
+@import '../utilities/spacing';
+@import '../utilities/sizing';
+
+// Components
+@import 'components/toggle_filters';
+@import 'components/list';
+@import 'components/status_tag';
+@import 'components/images';
+@import 'components/buttons';
+@import 'components/header';
+@import 'components/titles';
+@import 'components/tables';
+@import 'components/panels';
+@import 'components/forms';
+@import 'components/sidebars';
+@import 'components/comments';
+@import 'components/footer'; 
+@import 'components/breadcrumbs';
+@import 'components/flash_messages';
+@import 'components/datepicker_calendar';
+
+// Global
+@import 'rules';
+
+// Views
+@import 'views/login';

data/app/assets/stylesheets/light_admin/components/_breadcrumbs.scss

@@ -0,0 +1,3 @@
+.breadcrumb {
+  font-size: 1em;
+}

data/app/assets/stylesheets/light_admin/components/_buttons.scss

@@ -0,0 +1,358 @@
+/* BUTTONS IN THE TITLE BAR */
+#title_bar {
+  .action_items {
+    span.action_item > a {
+      background: $bg-white;
+      border: $border-style-buttons;
+      border-radius: $border-radius-btn;
+      padding: .5rem 1rem;
+      box-shadow: $buttons-shadow;
+      text-shadow: none;
+      color: $text-buttons;
+      text-transform: none;
+      font-weight: 500;
+      font-family: $font-family;
+      margin-right: 15px;
+      transition: all .3s ease;
+
+      &:not(.disabled):hover {
+        background: $bg-light;
+        border: $border-style-buttons;
+        color: $text-buttons;
+        transform: translateY(-2px);
+        box-shadow: $buttons-shadow;
+      }
+    }
+  }
+}
+
+/* SCOPE BUTTONS GROUP & DROPDOWN MENU BUTTON */
+.table_tools {
+  .scope-default-group {
+    margin: 0;
+    padding: 0;
+  }
+
+  .scopes {
+    border: $border-style;
+    border-radius: $border-radius-scope;
+    box-shadow: $buttons-shadow;
+    margin-left: 3rem;
+
+    li:first-child {
+      a {
+        margin-left: 0;
+      }
+    }
+  }
+
+  .table_tools_segmented_control {
+    li:last-child {
+      a {
+        border-right-width: 0;
+        border-radius: 0;
+      }
+    }
+  }
+
+  .scope {
+    a {
+      background: none;
+      box-shadow: none;
+      border-radius: unset;
+      border-right: $border-style;
+      padding: .74rem;
+      color: $text-buttons;
+      font-weight: normal;
+      font-family: $font-family;
+
+      &:hover {
+        background: none;
+        color: $text-info;
+      }
+    }
+  }
+
+  .scope.selected a {
+    background: none;
+    color: $text-info;
+    border-bottom: 1px solid $info;
+    border-radius: 0;
+    box-shadow: none;
+    font-family: $font-family;
+  }
+
+  .dropdown_menu_button:focus:not(.disabled),
+  .dropdown_menu_button:hover:not(.disabled) {
+    background: $bg-buttons;
+    box-shadow: none;
+  }
+
+}
+
+/* GROUPED ACTIONS BUTTON */
+a.table_tools_button, .table_tools .dropdown_menu_button {
+  box-shadow: none;
+  text-shadow: none;
+  border: none;
+  border-radius: $border-radius-btn;
+  color: $text-white;
+  font-size: $font-size;
+  font-weight: 500;
+  background: $bg-buttons;
+  padding: .5rem 1rem;
+}
+
+.table_tools_segmented_control li.selected a {
+  color: $text-buttons;
+}
+
+.dropdown_menu {
+  .dropdown_menu_button {
+    &:not(.disabled) {
+      &:hover {
+        background: $secondary;
+      }
+    }
+  }
+
+  .dropdown_menu_list_wrapper {
+    font-size: $font-family;
+    position: absolute;
+    background: $white;
+    background-image: none;
+    box-shadow: none;
+    background-image: none;
+    border: none;
+    border-top-color: unset;
+    border-bottom-color: unset;
+
+    .dropdown_menu_list {
+      border: $border-style-buttons;
+      box-shadow: $dropdown-shadow;
+
+      li {
+        a {
+          color: $global-text-color;
+
+          &:hover {
+            background: $white;
+            text-shadow: none;
+            color: $info;
+          }
+        }
+      }
+    }
+  }
+
+  .dropdown_menu_nipple {
+    display: none;
+  }
+}
+
+/* NAVIGATION TABS */
+.tabs {
+  .ui-tabs-nav {
+    margin: 0;
+    display: flex;
+
+    li {
+      background: unset;
+      float: unset;
+      text-align: center;
+
+      a {
+        background: none;
+        font-family: $font-family;
+        color: $text-buttons;
+        font-weight: 500;
+        text-shadow: none;
+        border: none;
+        border-radius: none;
+        box-shadow: none;
+        padding: 0;
+
+        &:focus {
+          outline: none;
+          color: $text-info;
+          background: $bg-white;
+        }
+
+        &:hover {
+          background: none;
+          color: $text-info;
+        }
+      }
+    }
+
+    li.ui-tabs-active {
+      a {
+        background: $bg-white;
+        color: $text-buttons;
+        font-weight: 500;
+        cursor: pointer;
+        box-shadow: none;
+      }
+    }
+  }
+
+  .nav-tabs {
+    background: none;
+    box-shadow: none;
+    border: none;
+    border-radius: none;
+    padding: 0;
+    justify-content: center;
+    margin: 25px 0 25px 0;
+    list-style: none;
+
+    li {
+      padding: 1rem;
+
+      &:first-child {
+        background: $bg-white;
+        border: $border-style-buttons;
+        box-shadow: $buttons-shadow;
+        border-radius: $border-radius-left;
+      }
+    }
+
+    li:not(:first-of-type):not(.ui-tabs-active) {
+      background: $bg-white;
+      box-shadow: $buttons-shadow;
+      border-left: none;
+      border-top: $border-style-buttons;
+      border-right: $border-style-buttons;
+      border-bottom: $border-style-buttons;
+
+      &:last-child {
+        border-radius: $border-radius-right;
+      }
+    }
+
+    li.ui-tabs-active {
+      background: $bg-white;
+      padding: 1rem;
+      margin-bottom: 0;
+      border-bottom: 2px solid $info;
+      border-top: $border-style-buttons;
+      border-right: $border-style-buttons;
+      border-radius: unset;
+      box-shadow: $buttons-shadow;
+
+      &:first-child {
+        border-radius: $border-radius-left;
+        border-left: $border-style-buttons;
+        border-bottom: 2px solid $info;
+      }
+
+      &:last-child {
+        border-radius: $border-radius-right;
+      }
+    }
+  }
+}
+
+.tab-content {
+  border: none;
+  padding: 0;
+}
+
+/* FORMS BUTTONS */
+form input[type=submit],
+form input[type=button],
+form button {
+  background: $bg-buttons;
+  color: $text-white;
+  font-family: $font-family;
+  font-weight: 500;
+  font-size: 80%;
+  text-shadow: none;
+  box-shadow: none;
+  border: .5px solid $white;
+  border-radius: $border-radius-btn;
+
+  &:not(.disabled):hover {
+    background: $bg-white;
+    color: $text-buttons;
+    border: $border-style-buttons;
+  }
+}
+
+form {
+  fieldset.actions {
+    li {
+      border: none;
+    }
+
+    li.cancel {
+      a {
+        background: $bg-danger;
+        color: $text-white;
+        font-family: $font-family;
+        font-weight: 500;
+        font-size: 80%;
+        text-shadow: none;
+        box-shadow: none;
+        border: .5px solid $white;
+        border-radius: $border-radius-btn;
+
+        &:not(.disabled):hover {
+          background: $bg-white;
+          color: $text-danger;
+          border: .5px solid $danger;
+        }
+      }
+    }
+  }
+
+  .buttons {
+    display: flex;
+  }
+}
+
+/* CLEAR FILTER BUTTON */
+form.filter_form {
+  .buttons {
+    border-top: $border-style-light;
+    padding: 24px 14px;
+    margin: auto;
+    margin-top: 24px;
+    width: 90%;
+
+    a.clear_filters_btn {
+      background: $bg-danger;
+      color: $text-white;
+      font-family: $font-family;
+      font-weight: 500;
+      font-size: 80%;
+      text-shadow: none;
+      box-shadow: none;
+      border: .5px solid $white;
+      border-radius: $border-radius-btn;
+      margin-left: auto;
+
+      &:not(.disabled):hover {
+        background: $bg-white;
+        color: $text-danger;
+        border: .5px solid $danger;
+      }
+    }
+  }
+}
+
+/* BUTTONS FOR ADD AND ERASED DOCUMENTS */
+a.button, a:link.button {
+  background: $bg-white;
+  border: $border-style-buttons;
+  border-radius: $border-radius-btn;
+  box-shadow: $buttons-shadow;
+  font-size: $font-size;
+  font-weight: 500;
+  text-shadow: none;
+  color: $text-buttons;
+}
+
+a.button:not(.disabled):hover, a:link.button:not(.disabled):hover {
+  background: $bg-light;
+}

data/app/assets/stylesheets/light_admin/components/_comments.scss

@@ -0,0 +1,66 @@
+.comments {
+  .active_admin_comment {
+    .active_admin_comment_meta {
+      background: none;
+      width: unset;
+      float: unset;
+      border: none;
+    }
+  }
+
+  .pagination_information {
+    float: unset;
+    min-width: 100%;
+    color: $global-text-color;
+    font-weight: bold;
+    font-size: .9rem;
+    padding: 0 15px;
+  }
+
+  form.active_admin_comment {
+    margin-left: 0;
+
+    .inputs {
+      box-shadow: none;
+    }
+
+    textarea {
+      max-width: 100%;
+    }
+
+    input[type=submit] {
+      margin-bottom: 24px;
+    }
+  }
+}
+
+div.active_admin_comment {
+  background: none;
+  border: none;
+  border-bottom: $border-style-light;
+  border-radius: none;
+  box-shadow: none;
+}
+
+.active_admin_comment_meta {
+  padding: 30px 15px;
+
+  a[data-method='delete'] {
+    background: $bg-white;
+    border: .5px solid $danger;
+    border-radius: $border-radius-btn;
+    color: $danger;
+    font-size: 90%;
+    margin-left: 0;
+  
+    &:hover {
+      background: $danger;
+      border: .5px solid $white;
+      color: $text-white;
+    }
+  }
+}
+
+.active_admin_comment_body {
+  padding: 30px 15px;
+}