Cambios diseño de modales

Luigi
1 parent d54f55b3dd
Showing 4 changed files with 65 additions and 2 deletions Show diff stats
src/sass/_botonera-secundaria.scss
src/sass/_login.scss
src/sass/_swiper.scss
src/sass/general.scss
 .botonera-secundaria {
+    height: 78px;
     .row {
         border-radius: 5px;
         overflow: hidden;
@@ -35,7 +35,6 @@
         }
     }
  
-
     &-button {
         width: 80%;        
         background-color: #cd9035;
 .swiper {
     &-container {
         height: 300px;
-        
     }
     &-slide {
         background: transparent;
@@ -21,3 +20,8 @@
         }
     }
 }
+
+.swiper-pagination-bullet-active {
+    opacity: 1;
+    background: #CD9035;
+}
@@ -25,6 +25,7 @@ $primary-color: #e09125;
 input[type='number'] {
     -moz-appearance:textfield;
 }
+
 input::-webkit-outer-spin-button,
 input::-webkit-inner-spin-button {
     -webkit-appearance: none;
@@ -47,6 +48,64 @@ input::-webkit-inner-spin-button {
     }
 }
  
+.btn-brown {
+    background-color:#Cd9035;
+    -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: #Cd9035;
+    border-color: #Cd9035;
+}
+
+.foca-input {
+    &:focus {
+        border-color: #ff9900;
+        box-shadow: none;
+    }
+}
+
+.btn-info {
+    background-color: #Cd9035;
+    border-color: #Cd9035;
+    &:focus {
+        box-shadow: none;
+    }
+    &:hover {
+        background-color: #Cd9035;
+    }
+}
+
+.btn-primary {
+    background-color: #Cd9035;
+    border-color: #Cd9035;
+    &:focus {
+        box-shadow: none;
+    }
+    &:hover {
+        background-color: #Cd9035;
+    }
+}
+
+.table-celda-total {
+   background-color: #CD9035;
+}
+
+marquee {
+    background-color: #Cd9035;
+}
+
 .front-index{
     z-index: 9999;
 }
1	1	.botonera-secundaria {
	2	+ height: 78px;
2	3	.row {
3	4	border-radius: 5px;
4	5	overflow: hidden;
...	...	@@ -35,7 +35,6 @@
35	35	}
36	36	}
37	37
38		-
39	38	&-button {
40	39	width: 80%;
41	40	background-color: #cd9035;
1	1	.swiper {
2	2	&-container {
3	3	height: 300px;
4		-
5	4	}
6	5	&-slide {
7	6	background: transparent;
...	...	@@ -21,3 +20,8 @@
21	20	}
22	21	}
23	22	}
	23	+
	24	+.swiper-pagination-bullet-active {
	25	+ opacity: 1;
	26	+ background: #CD9035;
	27	+}
...	...	@@ -25,6 +25,7 @@ $primary-color: #e09125;
25	25	input[type='number'] {
26	26	-moz-appearance:textfield;
27	27	}
	28	+
28	29	input::-webkit-outer-spin-button,
29	30	input::-webkit-inner-spin-button {
30	31	-webkit-appearance: none;
...	...	@@ -47,6 +48,64 @@ input::-webkit-inner-spin-button {
47	48	}
48	49	}
49	50
	51	+.btn-brown {
	52	+ background-color:#Cd9035;
	53	+ -webkit-appearance: none;
	54	+ border-color: transparent;
	55	+ &:focus {
	56	+ outline: 0 !important;
	57	+ box-shadow: none;
	58	+ }
	59	+ .icon-white {
	60	+ color: white;
	61	+ }
	62	+}
	63	+
	64	+
	65	+.page-item.active .page-link {
	66	+ z-index: 1;
	67	+ color: #fff;
	68	+ background-color: #Cd9035;
	69	+ border-color: #Cd9035;
	70	+}
	71	+
	72	+.foca-input {
	73	+ &:focus {
	74	+ border-color: #ff9900;
	75	+ box-shadow: none;
	76	+ }
	77	+}
	78	+
	79	+.btn-info {
	80	+ background-color: #Cd9035;
	81	+ border-color: #Cd9035;
	82	+ &:focus {
	83	+ box-shadow: none;
	84	+ }
	85	+ &:hover {
	86	+ background-color: #Cd9035;
	87	+ }
	88	+}
	89	+
	90	+.btn-primary {
	91	+ background-color: #Cd9035;
	92	+ border-color: #Cd9035;
	93	+ &:focus {
	94	+ box-shadow: none;
	95	+ }
	96	+ &:hover {
	97	+ background-color: #Cd9035;
	98	+ }
	99	+}
	100	+
	101	+.table-celda-total {
	102	+ background-color: #CD9035;
	103	+}
	104	+
	105	+marquee {
	106	+ background-color: #Cd9035;
	107	+}
	108	+
50	109	.front-index{
51	110	z-index: 9999;
52	111	}