Eric Fernandez / wrapper-demo

Commit dfc231406016479e1826e27e4f971583f87f035e

Authored by Eric Fernandez 2019-07-08 10:39:12 -0300

Exists in master

Merge branch 'master' into 'develop'

Master(mpuebla)

See merge request !140

Showing 2 changed files Show diff stats

src/sass/_constants.scss

Diff comments View file @ dfc2314

 $primary: #cd9035;
 $primaryTransparency: #d6a55bcc;
 $highlightedArea: #df9424;
 $default: #6c757d;
 $defaultTransparency: #6c757dcc;
 $danger: #dc3545;
 $dangerTransparency: #e98a94;
+$textDanger: #ae4c3c;
+$textSuccess: #95ac3d;

src/sass/general.scss

Diff comments View file @ dfc2314

-@import 'constants';
+@import "constants";
-@import 'admin-seguimiento';
+@import "admin-seguimiento";
-@import 'bootstrap';
+@import "bootstrap";
-@import 'botonera';
+@import "botonera";
-@import 'botonera-lateral';
+@import "botonera-lateral";
-@import 'botonera-principal';
+@import "botonera-principal";
-@import 'botonera-secundaria';
+@import "botonera-secundaria";
-@import 'contenedor';
+@import "contenedor";
-@import 'lista';
+@import "lista";
-@import 'login';
+@import "login";
-@import 'panel-informativo';
+@import "panel-informativo";
-@import 'tabla';
+@import "tabla";
-@import 'teclado';
+@import "teclado";
-@import 'tabla-articulos';
+@import "tabla-articulos";
-@import 'acciones-mobile';
+@import "acciones-mobile";
-@import 'swiper';
+@import "swiper";
-@import 'foca-crear';
+@import "foca-crear";
-@import 'logistica-pedido-ruta';
+@import "logistica-pedido-ruta";
-@import 'tabs';
+@import "tabs";
-@import 'grid';
+@import "grid";
-@import 'paginador-abm';
+@import "paginador-abm";
-@import 'table-autorizar-nota-pedido';
+@import "table-autorizar-nota-pedido";
 //OCULTA FLECHAS INPUT NUMBER
-input[type='number'] {
+input[type="number"] {
-    -moz-appearance:textfield;
+    -moz-appearance: textfield;
 }
 input::-webkit-outer-spin-button,
 input::-webkit-inner-spin-button {
     -webkit-appearance: none;
 }
-.d-md-grid{
+.d-md-grid {
     @media (min-width: 768px) {
         display: grid !important;
     }
 }
-.btn-dashed{
+.btn-dashed {
     border-style: dashed !important;
     border-width: 3px;
     border-color: white;
     background-color: #dedfe0;
 }
 .marcador {
     position: absolute;
     right: 97px;
     bottom: -50px;
 }
-.informacion{
+.informacion {
     position: absolute;
     right: 18px;
     bottom: 5px;
 }
-.flashit{
+.flashit {
     -webkit-animation: flash linear 1s infinite;
     animation: flash linear 1s infinite;
 }
 @-webkit-keyframes flash {
-    0% { opacity: 1; }
+    0% {
-    50% { opacity: .6; }
+        opacity: 1;
-    100% { opacity: 1; }
+    }
+    50% {
+        opacity: 0.6;
+    }
+    100% {
+        opacity: 1;
+    }
 }
 @keyframes flash {
-    0% { opacity: 1; }
+    0% {
-    50% { opacity: .6; }
+        opacity: 1;
-    100% { opacity: 1; }
+    }
+    50% {
+        opacity: 0.6;
+    }
+    100% {
+        opacity: 1;
+    }
 }
-.btn-outline-debo{
+.btn-outline-debo {
     background-color: transparent;
     color: $primary;
     border-color: $primary;
-    &:hover{
+    &:hover {
-        color: #FFF;
+        color: #fff;
         border-color: transparent;
         background-color: $primary;
     }
     &:focus {
         box-shadow: 0px 0px 0px 3px $primaryTransparency !important;
     }
     &:active {
-        color: #FFF;
+        color: #fff;
         background-color: $primary !important;
         box-shadow: 0px 0px 0px 3px $primaryTransparency !important;
     }
 }
 .input-group-append > button {
     &:focus {
         border-color: $primary !important;
         box-shadow: 0 0 5px $primary !important;
     }
     &:active {
         border-color: $primary !important;
         box-shadow: 0 0 5px $primary !important;
     }
 }
 .line-break {
-    white-space:pre-wrap
+    white-space: pre-wrap;
 }
 .input-group-append > button {
     &:focus {
         border-color: $primary !important;
         box-shadow: 0 0 5px $primary !important;
     }
     &:active {
         border-color: $primary !important;
         box-shadow: 0 0 5px $primary !important;
     }
 }
 .btn-login {
     box-shadow: none !important;
 }
 input[type="file"] {
     display: none;
 }
- .custom-file-upload {
+.custom-file-upload {
     border: 1px solid #ccc;
     display: inline-block;
     padding: 6px 12px;
     cursor: pointer;
- }
+}
 .btn-brown {
-    background-color:$primary;
+    background-color: $primary;
     -webkit-appearance: none;
     border-color: transparent;
     &:focus {
         outline: 0 !important;
         box-shadow: none;
     }
     .icon-white {
         color: white;
     }
 }
 .btn-Guardar {
-    background-color:green;
+    background-color: green;
     -webkit-appearance: none;
     border-color: transparent;
     &:focus {
         outline: 0 !important;
         box-shadow: none;
     }
     .icon-white {
         color: white;
     }
 }
 .page-item.active .page-link {
     z-index: 1;
     color: #fff;
     background-color: $primary;
     border-color: $primary;
 }
 .foca-input {
     &:focus {
         border-color: $primary;
         box-shadow: 0 0 5px $primary;
     }
     &:hover {
         border-color: $primary;
         box-shadow: 0 0 5px $primary;
     }
 }
 .btn-enviar {
     background-color: white;
     border-color: #cd9035;
     &:focus {
         box-shadow: none !important;
     }
     &:hover {
         border-color: $primaryTransparency !important;
         background-color: $primaryTransparency !important;
     }
-    &:active{
+    &:active {
         background-color: $primary !important;
         box-shadow: 0px 0px 0px 3px $primaryTransparency !important;
     }
 }
 .btn-primary {
     background-color: $primary !important;
     border-color: $primary !important;
     &:focus {
         box-shadow: none !important;
     }
     &:hover {
         border-color: $primaryTransparency !important;
         background-color: $primaryTransparency !important;
     }
-    &:active{
+    &:active {
         background-color: $primary !important;
         box-shadow: 0px 0px 0px 3px $primaryTransparency !important;
     }
 }
 .input-group-text {
     &:focus {
         outline: none;
         border-color: $primary;
         box-shadow: 0 0 5px $primary;
     }
     &:hover {
         border-color: $primary;
         box-shadow: 0 0 5px $primary;
     }
-    &:active{
+    &:active {
         box-shadow: 0 0 5px $primary;
     }
 }
 .btn-default {
-    color: #FFF;
+    color: #fff;
     background-color: $default !important;
     border-color: $default !important;
     &:focus {
         box-shadow: none !important;
     }
     &:hover {
-        color: #FFF;
+        color: #fff;
         border-color: $defaultTransparency !important;
         background-color: $defaultTransparency !important;
     }
-    &:active{
+    &:active {
         background-color: $default !important;
         box-shadow: 0px 0px 0px 3px $defaultTransparency !important;
     }
 }
 .btn-danger {
     &:hover {
-        color: #FFF;
+        color: #fff;
         border-color: $dangerTransparency !important;
         background-color: $dangerTransparency !important;
     }
 }
 .table-celda-total {
-   background-color: $highlightedArea;
+    background-color: $highlightedArea;
 }
 marquee {
     background-color: $highlightedArea;
 }
-.front-index{
+.front-index {
     z-index: 9999;
 }
-.uib-daypicker{
+.uib-daypicker {
-    outline: 0
+    outline: 0;
 }
-.right-0{
+.right-0 {
     right: 0;
 }
-.tabla-factura{
+.tabla-factura {
     word-wrap: break-word;
     table-layout: fixed;
 }
-.ladda-w-100 .ladda-label{
+.ladda-w-100 .ladda-label {
     width: 100%;
     float: right;
 }
-.btn-delete-image{
+.btn-delete-image {
     height: 25px;
     width: 25px;
     top: -10px;
     right: 0;
 }
-button.clear-input{
+button.clear-input {
     cursor: pointer;
     background: transparent;
     border: none;
     margin-left: -24px;
     z-index: 9;
     color: #a3a3a3;
-    &:focus{
+    &:focus {
         outline: none;
     }
 }
 .custom-control-input {
     &:checked ~ .custom-control-label::before {
-		border: none !important;
+        border: none !important;
         color: $primary !important;
-		background-color: $primary !important;
+        background-color: $primary !important;
         box-shadow: 0px 0px 0px 2px $primaryTransparency !important;
     }
-	&:active ~ .custom-control-label::before {
+    &:active ~ .custom-control-label::before {
-		border: none !important;
+        border: none !important;
         color: $primary !important;
-		background-color: $primary !important;
+        background-color: $primary !important;
     }
     &:focus ~ .custom-control-label::before {
-		border: none !important;
+        border: none !important;
         box-shadow: 0px 0px 0px 2px $primaryTransparency !important;
     }
     &:focus:not(:checked) ~ .custom-control-label::before {
         border: none !important;
     }
     &:not(:disabled):active ~ .custom-control-label::before {
         border: none !important;
         color: $primary !important;
         box-shadow: 0px 0px 0px 2px $primaryTransparency !important;
-	}
+    }
-	&:hover ~ .custom-control-label::before {
+    &:hover ~ .custom-control-label::before {
-		border: none !important;
+        border: none !important;
-		background-color: $primaryTransparency;
+        background-color: $primaryTransparency;
-	}
+    }
 }
 .disable-selection {
     user-select: none;
     -moz-user-select: none; /* Firefox */
     -ms-user-select: none; /* Internet Explorer */
     -khtml-user-select: none; /* KHTML browsers (e.g. Konqueror) */
     -webkit-user-select: none; /* Chrome, Safari, and Opera */
     -webkit-touch-callout: none; /* Disable Android and iOS callouts*/
 }
+.foca-text-success {
+    color: $textSuccess !important;
+}
+.foca-text-danger {
+    color: $textDanger !important;