Initial Commit

public/admin/scss/general.scss

@@ -0,0 +1,448 @@
+body {
+  font-size: 15px;
+}
+
+.form-control {
+  font-size: 0.95rem;
+}
+
+//Redefine di alcuni componenti a text-sm sul body
+.text-sm {
+
+  .navbar{
+    font-size: 16px !important;
+    height: 50px;
+    border-bottom: 0;
+  }
+
+  .btn-group {
+    .btn {
+      font-size: 1rem !important;
+    }
+  }
+
+  .brand-link {
+    font-size: 1rem;
+  }
+
+}
+
+$theme-colors: (
+        "brand": $brandColor-01
+);
+
+// Generate alert modifier classes
+@each $color, $value in $theme-colors {
+
+  @include bg-variant('.bg-#{$color}', $value);
+
+  .alert-#{$color} {
+    @include alert-variant(theme-color-level($color, -10), theme-color-level($color, -9), theme-color-level($color, 6));
+  }
+  .btn-#{$color} {
+    @include button-variant(theme-color($color), theme-color($color), darken(theme-color($color), 10%), lighten(theme-color($color), 5%), lighten(theme-color($color), 10%), darken(theme-color($color), 30%));
+  }
+}
+
+.m0, .no-margin {
+  margin: 0 !important;
+}
+
+.mr-0 {
+  margin-right: 0 !important;
+}
+
+.ml-0 {
+  margin-left: 0 !important;
+}
+
+.mt-0 {
+  margin-top: 0 !important;
+}
+
+.mb-0 {
+  margin-bottom: 0 !important;
+}
+
+.m-5 {
+  margin: 5px !important;
+}
+
+.mr-5 {
+  margin-right: 5px !important;
+}
+
+.ml-5 {
+  margin-left: 5px !important;
+}
+
+.mt-5 {
+  margin-top: 5px !important;
+}
+
+.mb-5 {
+  margin-bottom: 5px !important;
+}
+
+.m-10 {
+  margin: 10px !important;
+}
+
+.mr-10 {
+  margin-right: 10px !important;
+}
+
+.ml-10 {
+  margin-left: 10px !important;
+}
+
+.mt-10 {
+  margin-top: 10px !important;
+}
+
+.mb-10 {
+  margin-bottom: 10px !important;
+}
+
+.m-15 {
+  margin: 15px !important;
+}
+
+.mr-15 {
+  margin-right: 15px !important;
+}
+
+.ml-15 {
+  margin-left: 15px !important;
+}
+
+.mt-15 {
+  margin-top: 15px !important;
+}
+
+.mb-15 {
+  margin-bottom: 15px !important;
+}
+
+.m-20 {
+  margin: 20px !important;
+}
+
+.mr-20 {
+  margin-right: 20px !important;
+}
+
+.ml-20 {
+  margin-left: 20px !important;
+}
+
+.mt-20 {
+  margin-top: 20px !important;
+}
+
+.mb-20 {
+  margin-bottom: 20px !important;
+}
+
+
+.pd0, .no-padding {
+  padding: 0 !important;
+}
+
+.pd-0 {
+  padding: 0 !important;
+}
+
+.pdr-0 {
+  padding-right: 0 !important;
+}
+
+.pdl-0 {
+  padding-left: 0 !important;
+}
+
+.pdt-0 {
+  padding-top: 0 !important;
+}
+
+.pdb-0 {
+  padding-bottom: 0 !important;
+}
+
+.pd-5 {
+  padding: 5px !important;
+}
+
+.pdr-5 {
+  padding-right: 5px !important;
+}
+
+.pdl-5 {
+  padding-left: 5px !important;
+}
+
+.pdt-5 {
+  padding-top: 5px !important;
+}
+
+.pdb-5 {
+  padding-bottom: 5px !important;
+}
+
+.pd-10 {
+  padding: 10px !important;
+}
+
+.pdr-10 {
+  padding-right: 10px !important;
+}
+
+.pdl-10 {
+  padding-left: 10px !important;
+}
+
+.pdt-10 {
+  padding-top: 10px !important;
+}
+
+.pdb-10 {
+  padding-bottom: 10px !important;
+}
+
+.pd-15 {
+  padding: 15px !important;
+}
+
+.pdr-15 {
+  padding-right: 15px !important;
+}
+
+.pdl-15 {
+  padding-left: 15px !important;
+}
+
+.pdt-15 {
+  padding-top: 15px !important;
+}
+
+.pdb-15 {
+  padding-bottom: 15px !important;
+}
+
+.pd-20 {
+  padding: 20px !important;
+}
+
+.pdr-20 {
+  padding-right: 20px !important;
+}
+
+.pdl-20 {
+  padding-left: 20px !important;
+}
+
+.pdt-20 {
+  padding-top: 20px !important;
+}
+
+.pdb-20 {
+  padding-bottom: 20px !important;
+}
+
+/*------------------------------------------*/
+
+.no-border-top {
+  border-top: 0;
+}
+
+.no-padding-right {
+  padding-right: 0;
+}
+
+.no-padding-left {
+  padding-left: 0;
+}
+
+.no-padding-left > input {
+  border-left: 0;
+}
+
+.center-block {
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+@media (min-width: 767px) {
+
+  .no-border-right-sm {
+    border-right: 0;
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
+  }
+
+  .no-border-top-sm {
+    border-top: 0;
+  }
+
+  .no-border-r-l-sm {
+    border-radius: 0;
+  }
+
+  .no-padding-l-sm {
+    padding-left: 0;
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0;
+
+    input {
+      border-top-left-radius: 0;
+      border-bottom-left-radius: 0;
+    }
+  }
+
+  .no-padding-r-sm {
+    padding-right: 0;
+
+    input {
+      border-top-right-radius: 0;
+      border-bottom-right-radius: 0;
+    }
+  }
+
+  .no-padding-r-l-sm {
+    padding-right: 0;
+    padding-left: 0;
+
+    input {
+      border-radius: 0;
+    }
+  }
+}
+
+.filtratiLabel {
+  font-size: 13px;
+  padding-right: 10px;
+  vertical-align: bottom;
+  margin-top: 19px;
+  display: block;
+}
+
+hr {
+  &.white {
+    border-top: 1px solid #FFF;
+  }
+
+  &.dark {
+    border-top: 1px solid #333;
+  }
+
+  &.light {
+    border-top: 1px solid #DDD;
+  }
+}
+
+
+/*------------------------------------------*/
+
+.border-top-white {
+  border-top: 1px solid #FFF;
+  border-top-right-radius: 0;
+  border-top-left-radius: 0;
+}
+
+.border-bottom-white {
+  border-bottom: 1px solid #FFF;
+}
+
+.border-right-white {
+  border-right: 1px solid #FFF;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.border-left-white {
+  border-left: 1px solid #FFF;
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.sidebar-menu li.divider-md {
+  border-top: 3px solid #1a2226;
+}
+
+.note-editor.note-frame {
+  border-radius: 0 !important;
+}
+
+.logo-img {
+  position: absolute;
+  top: 0;
+  right: 15px;
+  max-height: 100px;
+}
+
+.btn > .badge {
+  position: absolute;
+  top: -6px;
+  right: -4px;
+  font-size: 10px;
+  font-weight: 400;
+  z-index: 100;
+}
+
+.main-footer {
+  padding: 10px 15px;
+}
+
+//################################# CONTENT LIST ###########################
+
+section.content.list {
+  padding: 12px 0 0 0;
+
+}
+
+//Custom scroll bar
+::-webkit-scrollbar {
+  width: 8px;
+}
+
+::-webkit-scrollbar-track {
+  background: #f1f1f1;
+}
+
+::-webkit-scrollbar-thumb {
+  background: #888;
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background: #555;
+}
+
+@include media-breakpoint-down(xs) {
+
+  .content-wrapper, .main-sidebar {
+    padding-top: 50px !important;
+  }
+
+  .box-footer {
+    padding: 8px 3px !important;
+  }
+
+  section.content.list {
+    padding: 0;
+  }
+
+  section.content-header {
+    padding: 10px 15px 8px;
+  }
+}
+
+.dropdown-menu {
+  z-index: 1100 !important;
+  font-size: 0.9rem;
+  padding: 5px 0;
+}
+
+.content-header > .breadcrumb.top0 {
+  top: 0;
+}