Marcelo Puebla / wrapper-demo

Commit 8a56adea2b5fd402dd468a670d404246756c5dc1

Authored by Marcelo Puebla 2019-10-02 14:52:13 -0300

Merge branch 'master' into 'develop'

Master(mpuebla)

See merge request !170

Showing 2 changed files Show diff stats

src/sass/_login.scss

Diff comments View file @ 8a56ade

1	.login {	1	.bg-gradient-login {
2	background: linear-gradient(0 ,#ffffff, #e6e6e6);	2	background: linear-gradient(0, #ffffff, #e6e6e6);
3	border: 1px solid #000000;	3	}
4	border-radius: 3px;	4
5	height: calc(280px + 1em);	5	.login-small-text {
6	left: calc(50% - 130px);	6	font-size: 12px;
7	opacity: 0.7;
8	position: absolute;
9	text-align: center;
10	top: 190px;
11	width: 260px;
12	&-titulo {
13	border-bottom: 1px solid #ffffff;
14	padding: 5px 0;
15	}
16	&-campo {
17	label {
18	display: block;
19	font-size: 12px;
20	margin: 5px 0 0;
21	}
22	input {
23	-moz-border-radius: 10px;
24	-khtml-border-radius: 10px;
25	-webkit-border-radius: 10px;
26	-webkit-appearance: none;
27	padding-right: 5%;
28	padding-left: 5%;
29	border-radius: 10px;
30	outline: 0;
31	border-color: transparent;
32	text-transform: none !important;
33	&:focus {
34	border-color: #ff9900;
35	}
36	}
37	}
38	&-button {
39	width: 80%;
40	background-color: #cd9035;
41	color: white;
42	&:hover {
43	background-color: #a7743d;
44	color: white
45	}
46	&:focus {
47	color: white;
48	}
49	}
50	&-alerta-error {
51	width: 260px;
52	left: calc(50% - 130px);
53	top: calc(383px + 1.5em);
54	}
55	}	7	}
56		8
57	@media (min-width: 768px) {	9	@media (min-width: 768px) {
58	.img-login{	10	.img-login {
59	height: 190px;
60	width: 211px;	11	width: 211px;
61	}	12	}
62	}	13	}
63		14
64	@media (max-width: 768px) {	15	@media (max-width: 768px) {
65	.img-login{	16	.img-login {
66	height: 150px;
67	width: 158px;	17	width: 158px;
68	}	18	}
69	}	19	}
70		20

src/sass/general.scss

Diff comments View file @ 8a56ade

 @import 'constants';
 @import 'admin-seguimiento';
 @import 'bootstrap';
 @import 'botonera';
 @import 'botonera-lateral';
 @import 'botonera-principal';
 @import 'botonera-secundaria';
 @import 'contenedor';
 @import 'lista';
 @import 'login';
 @import 'panel-informativo';
 @import 'tabla';
 @import 'teclado';
 @import 'tabla-articulos';
 @import 'acciones-mobile';
 @import 'swiper';
 @import 'foca-crear';
 @import 'logistica-pedido-ruta';
 @import 'tabs';
 @import 'grid';
 @import 'paginador-abm';
 @import 'table-autorizar-nota-pedido';
 @import 'animations';
 //OCULTA FLECHAS INPUT NUMBER
 input[type="number"] {
     -moz-appearance: textfield;
 }
 input::-webkit-outer-spin-button,
 input::-webkit-inner-spin-button {
     -webkit-appearance: none;
 }
 .d-md-grid {
     @media (min-width: 768px) {
         display: grid !important;
     }
 }
 .btn-dashed {
     border-style: dashed !important;
     border-width: 3px;
     border-color: white;
     background-color: #dedfe0;
 }
 .marcador {
     position: absolute;
     right: 44.5%;
     bottom: -32%;
 }
 .informacion {
     position: absolute;
     right: 18px;
     bottom: 5px;
 }
 .flashit {
     -webkit-animation: flash linear 1s infinite;
     animation: flash linear 1s infinite;
 }
 @-webkit-keyframes flash {
     0% {
         opacity: 1;
     }
     50% {
         opacity: 0.6;
     }
     100% {
         opacity: 1;
     }
 }
 @keyframes flash {
     0% {
         opacity: 1;
     }
     50% {
         opacity: 0.6;
     }
     100% {
         opacity: 1;
     }
 }
 .btn-outline-debo {
     background-color: transparent;
     color: $primary;
     border-color: $primary;
     &:hover {
         color: #fff;
         border-color: transparent;
         background-color: $primary;
     }
     &:focus {
         box-shadow: 0px 0px 0px 3px $primaryTransparency !important;
     }
     &:active {
         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;
 }
 .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 {
     border: 1px solid #ccc;
     display: inline-block;
     padding: 6px 12px;
     cursor: pointer;
 }
 .btn-brown {
     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;
     -webkit-appearance: none;
     border-color: transparent;
     &:focus {
         outline: 0 !important;
         box-shadow: none;
     }
     .icon-white {
         color: white;
     }
 }
 .page-link {
     &:focus {
         box-shadow: 0 0 0 0.2rem $primaryTransparency !important;
     }
 }
 .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 {
         background-color: $primary !important;
         box-shadow: 0px 0px 0px 3px $primaryTransparency !important;
     }
 }
 .btn-primary {
     background-color: $primary !important;
     border-color: $primary !important;
     &:focus {
         background-color: $primary !important;
         box-shadow: 0px 0px 0px 3px $primaryTransparency !important;
     }
     &:hover {
         border-color: $primaryTransparency !important;
         background-color: $primaryTransparency !important;
     }
     &: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 {
         box-shadow: 0 0 5px $primary;
     }
 }
 .btn-default {
     color: #fff;
     background-color: $default !important;
     border-color: $default !important;
     &:focus {
         box-shadow: none !important;
     }
     &:hover {
         color: #fff;
         border-color: $defaultTransparency !important;
         background-color: $defaultTransparency !important;
     }
     &:active {
         background-color: $default !important;
         box-shadow: 0px 0px 0px 3px $defaultTransparency !important;
     }
 }
 .btn-danger {
     &:hover {
         color: #fff;
         border-color: $dangerTransparency !important;
         background-color: $dangerTransparency !important;
     }
 }
 .table-celda-total {
     background-color: $highlightedArea;
 }
 marquee {
     background-color: $highlightedArea;
 }
 .front-index {
     z-index: 9999;
 }
 .uib-daypicker {
     outline: 0;
 }
 .right-0 {
     right: 0;
 }
 .tabla-factura {
     word-wrap: break-word;
     table-layout: fixed;
 }
 .ladda-w-100 .ladda-label {
     width: 100%;
     float: right;
 }
 .btn-delete-image {
     height: 25px;
     width: 25px;
     top: -10px;
     right: 0;
 }
 button.clear-input {
     cursor: pointer;
     background: transparent;
     border: none;
     margin-left: -24px;
     z-index: 9;
     color: #a3a3a3;
     &:focus {
         outline: none;
     }
 }
 .custom-control-input {
     &:checked ~ .custom-control-label::before {
         border: none !important;
         color: $primary !important;
         background-color: $primary !important;
         box-shadow: 0px 0px 0px 2px $primaryTransparency !important;
     }
     &:active ~ .custom-control-label::before {
         border: none !important;
         color: $primary !important;
         background-color: $primary !important;
     }
     &:focus ~ .custom-control-label::before {
         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 {
         border: none !important;
         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;
 }
 .cover-spin {
     width: -webkit-fill-available;
     height: -webkit-fill-available;
     display: flex;
     position: absolute;
     background-color: rgba(255, 255, 255, 0.6);
     left: 0;
     top: 0;
     z-index: 9999;
 }
 .fadeIn {
     opacity: 0;
     animation: fadeIn 1.8s forwards;
 }
 @keyframes fadeIn {
     0% {
         opacity: 0;
         transform: translateY(10px);
     }
     30% {
         opacity: 0.6;
     }
     100% {
         opacity: 1;
         transform: translateY(0);
     }
 }
+.text-transform-none {
+    text-transform: none !important;
+}