move styles from bootstrap custom to chill entrypoint. split chillmain with imports sheets. clean styles

src/Bundle/ChillMainBundle/Resources/public/chill/scss/buttons.scss

@@ -0,0 +1,103 @@
+/// buttons
+
+// adding special chill actions buttons
+$chill-theme-buttons: (
+   "submit":        $chill-green,
+   "save":          $chill-green,
+   "create":        $chill-green,
+   "new":           $chill-green,
+   "duplicate":     $chill-green,
+   "not-duplicate": $chill-green,
+   "reset":         $chill-red,
+   "delete":        $chill-red,
+   "danger":        $chill-red,
+   "remove":        $chill-red,
+   "action":        $chill-orange,
+   "edit":          $chill-orange,
+   "update":        $chill-orange,
+   "show":          $chill-blue,
+   "view":          $chill-blue,
+   "misc":          $chill-light-gray,
+   "cancel":        $chill-light-gray,
+);
+
+@each $button, $color in $chill-theme-buttons {
+  .btn-#{$button} {
+    @include button-variant($color, $color);
+  }
+}
+
+@each $button, $color in $chill-theme-buttons {
+  .btn-outline-#{$button} {
+    @include button-outline-variant($color);
+  }
+}
+
+.btn {
+   &.btn-submit,
+   &.btn-save,
+   &.btn-create,
+   &.btn-new,
+   &.btn-duplicate,
+   &.btn-not-duplicate,
+   &.btn-reset,
+   &.btn-delete,
+   &.btn-danger,
+   &.btn-remove,
+   &.btn-action,
+   &.btn-edit,
+   &.btn-update {
+       &, &:hover {
+          color: $light;
+       }
+   }
+}
+
+.btn {
+   &.btn-new::before,
+   &.btn-create::before,
+   &.btn-edit::before,
+   &.btn-update::before,
+   &.btn-show::before,
+   &.btn-view::before,
+   &.btn-save::before,
+   &.btn-duplicate::before,
+      &.btn-not-duplicate::before,
+      &.btn-submit::before,
+      &.btn-reset::before,
+      &.btn-action::before,
+   &.btn-delete::before,
+   &.btn-remove::before,
+   &.btn-cancel::before {
+      font: normal normal normal 14px/1 ForkAwesome;
+      margin-right: 0.5em;
+   }
+   &[class*='btn-']:empty {
+      &::before {
+         margin-right: 0;         
+      }
+   }
+}
+
+.btn {
+   &.btn-new::before,
+   &.btn-create::before    { content: "\f067"; } // fa-plus 
+   &.btn-edit::before, 
+   &.btn-update::before    { content: "\f040"; } // fa-pencil
+   &.btn-show::before, 
+   &.btn-view::before      { content: "\f06e"; } // fa-eye
+   &.btn-save::before      { content: "\f0c7"; } // fa-floppy-o
+   &.btn-duplicate::before { content: "\f24d"; } // fa-clone  // f0c5 fa-files-o
+   &.btn-delete::before    { content: "\f1f8"; } // fa-trash
+   &.btn-remove::before    { content: "\f00d"; } // fa-times
+   &.btn-cancel::before    { content: "\f060"; } // fa-arrow-left
+}
+
+
+/// fix text color on themes buttons
+.btn-success,
+.btn-warning {
+   &, &:hover {
+      color: $light;
+   }
+}

src/Bundle/ChillMainBundle/Resources/public/chill/scss/forms.scss

@@ -0,0 +1,39 @@
+/// forms
+form {
+
+    /* avoid useless html in first level of the custom fields row loop in forms
+    * (better should to improve the loop)
+    */
+    & > div.container-fluid {
+        & > div.row > .parent {
+            padding: 0;
+            & div.cf-fields span.cf-title {
+                margin: 1em -15px 0;
+                width: calc(100% + 30px);
+                @include title_in_form;
+            }
+        }
+    }
+
+    fieldset {
+        margin-top: 1em;
+        & > legend {
+            @include title_in_form;
+        }
+    }
+
+    label {
+        display: inline;
+        &.required:after {
+            content: " *";
+            color: $red;
+        }
+    }
+}
+
+.col-form-label {
+    padding-top: .5em;
+    padding-bottom: .5em;
+    font-weight: 700;
+    margin-bottom: .375em;
+}

src/Bundle/ChillMainBundle/Resources/public/chill/scss/mixins.scss

@@ -1,4 +1,18 @@
 
+//
+//
+//
+
+@mixin title_in_form {
+    font-size: 1.438em;
+    font-weight: 700;
+    width: 100%;
+    border-bottom: 3px solid $gray-200;
+    margin-bottom: 1em;
+    display: block;
+}
+
+
 // We use box-shadow instead of border
 // to avoid to manage border double-width
 // Then we can simulate border-collapse: collapse (table)

src/Bundle/ChillMainBundle/Resources/public/chill/scss/record_actions.scss

@@ -0,0 +1,91 @@
+ul.record_actions {
+   display: flex;
+   flex-direction: row;
+   flex-wrap: wrap-reverse;
+   justify-content: flex-end;
+   padding: 0.5em 0;
+
+   &.column {
+      flex-direction: column;
+   }
+
+   &.left {
+      justify-content: flex-start;
+   }
+
+   &.sticky-form-buttons {
+      padding-left: 1em;
+      padding-right: 1em;
+   }
+
+   li {
+      display: inline-block;
+      list-style-type: none;
+      margin-right: 1em;
+      order: 99;
+
+      &:last-child {
+         margin-right: 0;
+      }
+
+      &.cancel {
+         order: 1;
+         margin-right: auto;
+      }
+   }
+}
+.sticky-form-buttons {
+   margin-top: 4em;
+   background-color: $beige;
+   position: sticky;
+   bottom: 0.3em;
+   text-align: center;
+   display: flex;
+   padding: 0.8em 1.6em;
+   border-radius: 0;
+}
+
+/// EXCEPTIONS
+// inside table exceptions
+table {
+   td ul.record_actions,
+   ul.record_actions_small {
+      li {
+         margin-right: 0.2em;
+      }
+   }
+   ul.record_actions {
+      margin: 0;
+      padding: 0.5em;
+   }
+}
+
+// inside alert exceptions
+div.alert.alert-with-actions {
+   display: flex;
+   flex-direction: row;
+
+   ul.record_actions {
+      display: flex;
+      flex-direction: column;
+      padding: 0;
+      margin: 0;
+
+      li:nth-child(1n+2) {
+         margin-top: 0.5rem;
+      }
+
+      li {
+         margin-right: 0;
+      }
+   }
+
+   @media screen and (max-width: 1050px) {
+      flex-direction: column;
+
+      ul.record_actions {
+         margin-top: 1rem;
+         text-align: center;
+      }
+   }
+}