viniBaxter-desk_front 0.2.0

data/lib/viniBaxter/sass/desk_front/administrate/components/_cells.scss

@@ -0,0 +1,47 @@
+.cell-label {
+  padding-top: 0.15em;
+
+  &:hover {
+    a {
+      color: $action-color;
+    }
+
+    svg {
+      fill: $action-color;
+      transform: rotate(180deg);
+    }
+  }
+
+  a {
+    color: inherit;
+    display: inline-block;
+    transition: color $base-duration $base-timing;
+    width: 100%;
+  }
+}
+
+.cell-label--asc,
+.cell-label--desc {
+  font-weight: $bold-font-weight;
+}
+
+.cell-label__sort-indicator {
+  float: right;
+  margin-left: 5px;
+
+  svg {
+    fill: $hint-grey;
+    height: 13px;
+    transition: transform $base-duration $base-timing;
+    width: 13px;
+  }
+}
+
+.cell-label__sort-indicator--desc {
+  transform: rotate(180deg);
+}
+
+.cell-data--number,
+.cell-label--number {
+  text-align: right;
+}

data/lib/viniBaxter/sass/desk_front/administrate/components/_field-unit.scss

@@ -0,0 +1,45 @@
+.field-unit {
+  @include administrate-clearfix;
+  align-items: center;
+  display: flex;
+  margin-bottom: $base-spacing;
+  position: relative;
+  width: 100%;
+}
+
+.field-unit__label {
+  float: left;
+  margin-left: 1rem;
+  text-align: right;
+  width: calc(15% - 1rem);
+}
+
+.field-unit__field {
+  float: left;
+  margin-left: 2rem;
+  max-width: 50rem;
+  width: 100%;
+}
+
+.field-unit--nested {
+  border: $base-border;
+  margin-left: 7.5%;
+  max-width: 60rem;
+  padding: $small-spacing;
+  width: 100%;
+
+  .field-unit__field {
+    width: 100%;
+  }
+
+  .field-unit__label {
+    width: 10rem;
+  }
+}
+
+.field-unit--required {
+  label::after {
+    color: $red;
+    content: " *";
+  }
+}

data/lib/viniBaxter/sass/desk_front/administrate/components/_flashes.scss

@@ -0,0 +1,28 @@
+$base-spacing: 1.5em !default;
+$flashes: (
+  "alert": #fff6bf,
+  "error": #fbe3e4,
+  "notice": #e5edf8,
+  "success": #e6efc2,
+) !default;
+
+@each $flash-type, $color in $flashes {
+  .flash-#{$flash-type} {
+    background-color: $color;
+    color: mix($black, $color, 60%);
+    display: block;
+    margin-bottom: $base-spacing / 2;
+    padding: $base-spacing / 2;
+    text-align: center;
+
+    a {
+      color: mix($black, $color, 70%);
+      text-decoration: underline;
+
+      &:focus,
+      &:hover {
+        color: mix($black, $color, 90%);
+      }
+    }
+  }
+}

data/lib/viniBaxter/sass/desk_front/administrate/components/_form-actions.scss

@@ -0,0 +1,3 @@
+.form-actions {
+  margin-left: calc(15% + 2rem);
+}

data/lib/viniBaxter/sass/desk_front/administrate/components/_main-content.scss

@@ -0,0 +1,29 @@
+.main-content {
+  background-color: $white;
+  border-radius: $base-border-radius;
+  box-shadow: 0 0 6px 0 rgba($black, 0.12),
+              0 2px 2px rgba($black, 0.2);
+  flex: 1 1 100%;
+  padding-bottom: 10vh;
+}
+
+.main-content__header,
+.main-content__body {
+  padding: 1rem 2rem;
+}
+
+.main-content__body--flush {
+  padding-left: 0;
+  padding-right: 0;
+}
+
+.main-content__header {
+  align-items: center;
+  border-bottom: $base-border;
+  display: flex;
+}
+
+.main-content__page-title {
+  font-size: 1.6em;
+  margin-right: auto;
+}

data/lib/viniBaxter/sass/desk_front/administrate/components/_navigation.scss

@@ -0,0 +1,32 @@
+$_navigation-link-padding: 0.6em;
+
+.navigation {
+  flex: 1 0 10rem;
+  padding: $base-spacing;
+  padding-left: 0;
+}
+
+.navigation__link {
+  background-color: transparent;
+  color: $base-font-color;
+  display: block;
+  line-height: 1;
+  margin-left: -($_navigation-link-padding);
+  padding: $_navigation-link-padding;
+  transition: background-color $base-duration $base-timing,
+              color $base-duration $base-timing;
+
+  &:not(:last-of-type) {
+    margin-bottom: $small-spacing;
+  }
+
+  &:hover {
+    background-color: mix($black, $base-background-color, 5%);
+    border-radius: $base-border-radius;
+    color: $base-font-color;
+  }
+}
+
+.navigation__link--active {
+  font-weight: $bold-font-weight;
+}

data/lib/viniBaxter/sass/desk_front/administrate/components/_pagination.scss

@@ -0,0 +1,18 @@
+.pagination {
+  margin-top: $base-spacing;
+  padding-left: $base-spacing;
+  padding-right: $base-spacing;
+  text-align: center;
+
+  .first,
+  .prev,
+  .page,
+  .next,
+  .last {
+    margin: $small-spacing;
+  }
+
+  .current {
+    font-weight: $bold-font-weight;
+  }
+}

data/lib/viniBaxter/sass/desk_front/administrate/components/_search.scss

@@ -0,0 +1,46 @@
+$_search-icon-size: 1rem;
+
+.search {
+  margin-left: auto;
+  margin-right: 2rem;
+  max-width: 20rem;
+  position: relative;
+  width: 100%;
+}
+
+.search__input {
+  border-radius: 100rem;
+  padding-left: $_search-icon-size * 2.5;
+  padding-right: $_search-icon-size * 2.5;
+}
+
+.search__eyeglass-icon {
+  fill: $grey-7;
+  height: $_search-icon-size;
+  left: $_search-icon-size;
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  width: $_search-icon-size;
+}
+
+.search__clear-link {
+  height: $_search-icon-size;
+  position: absolute;
+  right: $_search-icon-size * 0.75;
+  top: 50%;
+  transform: translateY(-50%);
+  width: $_search-icon-size;
+}
+
+.search__clear-icon {
+  fill: $grey-5;
+  height: $_search-icon-size;
+  position: absolute;
+  transition: fill $base-duration $base-timing;
+  width: $_search-icon-size;
+
+  &:hover {
+    fill: $action-color;
+  }
+}

data/lib/viniBaxter/sass/desk_front/administrate/index.scss

@@ -0,0 +1,34 @@
+// start by import the Frint from the template
+
+// the add the Administrate to overwritte some stuff
+// Adminitrate base FRONT
+@charset "utf-8";
+
+@import "reset/normalize";
+
+@import "selectize";
+@import "datetime_picker";
+
+@import "library/clearfix";
+@import "library/data-label";
+// @import "library/variables"; // are imported directly inside the rails app
+
+@import "base/forms";
+@import "base/layout";
+@import "base/lists";
+@import "base/tables";
+@import "base/typography";
+
+@import "components/app-container";
+@import "components/attributes";
+@import "components/buttons";
+@import "components/cells";
+@import "components/field-unit";
+@import "components/flashes";
+@import "components/form-actions";
+@import "components/main-content";
+@import "components/navigation";
+@import "components/pagination";
+@import "components/search";
+
+@import "utilities/text-color";

data/lib/viniBaxter/sass/desk_front/administrate/library/_clearfix.scss

@@ -0,0 +1,7 @@
+@mixin administrate-clearfix {
+  &::after {
+    clear: both;
+    content: "";
+    display: block;
+  }
+}

data/lib/viniBaxter/sass/desk_front/administrate/library/_data-label.scss

@@ -0,0 +1,8 @@
+@mixin data-label {
+  color: $hint-grey;
+  font-size: 0.8em;
+  font-weight: 400;
+  letter-spacing: 0.0357em;
+  position: relative;
+  text-transform: uppercase;
+}