Eric Fernandez / wrapper-demo

Download as
Browse Code ยป

Commit 5d557158f205795df5abd1af65df962a1a7b5d0d

Authored by Marcelo Puebla
1 parent afd4d078bd
Exists in master

Codigo identado, creadas clases para color de texto.

Showing 1 changed file with 69 additions and 65 deletions   Show diff stats
src/sass/general.scss
Diff comments   View file @ 5d55715
1 @import 'constants'; 1 @import "constants";
2 @import 'admin-seguimiento'; 2 @import "admin-seguimiento";
3 @import 'bootstrap'; 3 @import "bootstrap";
4 @import 'botonera'; 4 @import "botonera";
5 @import 'botonera-lateral'; 5 @import "botonera-lateral";
6 @import 'botonera-principal'; 6 @import "botonera-principal";
7 @import 'botonera-secundaria'; 7 @import "botonera-secundaria";
8 @import 'contenedor'; 8 @import "contenedor";
9 @import 'lista'; 9 @import "lista";
10 @import 'login'; 10 @import "login";
11 @import 'panel-informativo'; 11 @import "panel-informativo";
12 @import 'tabla'; 12 @import "tabla";
13 @import 'teclado'; 13 @import "teclado";
14 @import 'tabla-articulos'; 14 @import "tabla-articulos";
15 @import 'acciones-mobile'; 15 @import "acciones-mobile";
16 @import 'swiper'; 16 @import "swiper";
17 @import 'foca-crear'; 17 @import "foca-crear";
18 @import 'logistica-pedido-ruta'; 18 @import "logistica-pedido-ruta";
19 @import 'tabs'; 19 @import "tabs";
20 @import 'grid'; 20 @import "grid";
21 @import 'paginador-abm'; 21 @import "paginador-abm";
22 @import 'table-autorizar-nota-pedido'; 22 @import "table-autorizar-nota-pedido";
23
24 23
25 //OCULTA FLECHAS INPUT NUMBER 24 //OCULTA FLECHAS INPUT NUMBER
26 input[type='number'] { 25 input[type="number"] {
27 -moz-appearance:textfield; 26 -moz-appearance: textfield;
28 } 27 }
29 28
30 input::-webkit-outer-spin-button, 29 input::-webkit-outer-spin-button,
31 input::-webkit-inner-spin-button { 30 input::-webkit-inner-spin-button {
32 -webkit-appearance: none; 31 -webkit-appearance: none;
33 } 32 }
34 33
35 .d-md-grid{ 34 .d-md-grid {
36 @media (min-width: 768px) { 35 @media (min-width: 768px) {
37 display: grid !important; 36 display: grid !important;
38 } 37 }
39 } 38 }
40 39
41 .btn-outline-debo{ 40 .btn-outline-debo {
42 background-color: transparent; 41 background-color: transparent;
43 color: $primary; 42 color: $primary;
44 border-color: $primary; 43 border-color: $primary;
45 &:hover{ 44 &:hover {
46 color: #FFF; 45 color: #fff;
47 border-color: transparent; 46 border-color: transparent;
48 background-color: $primary; 47 background-color: $primary;
49 } 48 }
50 &:focus { 49 &:focus {
51 box-shadow: 0px 0px 0px 3px $primaryTransparency !important; 50 box-shadow: 0px 0px 0px 3px $primaryTransparency !important;
52 } 51 }
53 &:active { 52 &:active {
54 color: #FFF; 53 color: #fff;
55 background-color: $primary !important; 54 background-color: $primary !important;
56 box-shadow: 0px 0px 0px 3px $primaryTransparency !important; 55 box-shadow: 0px 0px 0px 3px $primaryTransparency !important;
57 } 56 }
58 } 57 }
59 58
60 .input-group-append > button { 59 .input-group-append > button {
61 &:focus { 60 &:focus {
62 border-color: $primary !important; 61 border-color: $primary !important;
63 box-shadow: 0 0 5px $primary !important; 62 box-shadow: 0 0 5px $primary !important;
64 } 63 }
65 &:active { 64 &:active {
66 border-color: $primary !important; 65 border-color: $primary !important;
67 box-shadow: 0 0 5px $primary !important; 66 box-shadow: 0 0 5px $primary !important;
68 } 67 }
69 } 68 }
70 69
71 .line-break { 70 .line-break {
72 white-space:pre-wrap 71 white-space: pre-wrap;
73 } 72 }
74 73
75 .input-group-append > button { 74 .input-group-append > button {
76 &:focus { 75 &:focus {
77 border-color: $primary !important; 76 border-color: $primary !important;
78 box-shadow: 0 0 5px $primary !important; 77 box-shadow: 0 0 5px $primary !important;
79 } 78 }
80 &:active { 79 &:active {
81 border-color: $primary !important; 80 border-color: $primary !important;
82 box-shadow: 0 0 5px $primary !important; 81 box-shadow: 0 0 5px $primary !important;
83 } 82 }
84 } 83 }
85 84
86
87 .btn-login { 85 .btn-login {
88 box-shadow: none !important; 86 box-shadow: none !important;
89 } 87 }
90 88
91 input[type="file"] { 89 input[type="file"] {
92 display: none; 90 display: none;
93 } 91 }
94 .custom-file-upload { 92 .custom-file-upload {
95 border: 1px solid #ccc; 93 border: 1px solid #ccc;
96 display: inline-block; 94 display: inline-block;
97 padding: 6px 12px; 95 padding: 6px 12px;
98 cursor: pointer; 96 cursor: pointer;
99 } 97 }
100 98
101 .btn-brown { 99 .btn-brown {
102 background-color:$primary; 100 background-color: $primary;
103 -webkit-appearance: none; 101 -webkit-appearance: none;
104 border-color: transparent; 102 border-color: transparent;
105 &:focus { 103 &:focus {
106 outline: 0 !important; 104 outline: 0 !important;
107 box-shadow: none; 105 box-shadow: none;
108 } 106 }
109 .icon-white { 107 .icon-white {
110 color: white; 108 color: white;
111 } 109 }
112 } 110 }
113 111
114 .btn-Guardar { 112 .btn-Guardar {
115 background-color:green; 113 background-color: green;
116 -webkit-appearance: none; 114 -webkit-appearance: none;
117 border-color: transparent; 115 border-color: transparent;
118 &:focus { 116 &:focus {
119 outline: 0 !important; 117 outline: 0 !important;
120 box-shadow: none; 118 box-shadow: none;
121 } 119 }
122 .icon-white { 120 .icon-white {
123 color: white; 121 color: white;
124 } 122 }
125 } 123 }
126 124
127 .page-item.active .page-link { 125 .page-item.active .page-link {
128 z-index: 1; 126 z-index: 1;
129 color: #fff; 127 color: #fff;
130 background-color: $primary; 128 background-color: $primary;
131 border-color: $primary; 129 border-color: $primary;
132 } 130 }
133 131
134 .foca-input { 132 .foca-input {
135 &:focus { 133 &:focus {
136 border-color: $primary; 134 border-color: $primary;
137 box-shadow: 0 0 5px $primary; 135 box-shadow: 0 0 5px $primary;
138 } 136 }
139 &:hover { 137 &:hover {
140 border-color: $primary; 138 border-color: $primary;
141 box-shadow: 0 0 5px $primary; 139 box-shadow: 0 0 5px $primary;
142 } 140 }
143 } 141 }
144 142
145 .btn-enviar { 143 .btn-enviar {
146 background-color: white; 144 background-color: white;
147 border-color: #cd9035; 145 border-color: #cd9035;
148 &:focus { 146 &:focus {
149 box-shadow: none !important; 147 box-shadow: none !important;
150 } 148 }
151 &:hover { 149 &:hover {
152 border-color: $primaryTransparency !important; 150 border-color: $primaryTransparency !important;
153 background-color: $primaryTransparency !important; 151 background-color: $primaryTransparency !important;
154 } 152 }
155 &:active{ 153 &:active {
156 background-color: $primary !important; 154 background-color: $primary !important;
157 box-shadow: 0px 0px 0px 3px $primaryTransparency !important; 155 box-shadow: 0px 0px 0px 3px $primaryTransparency !important;
158 } 156 }
159 } 157 }
160 158
161 .btn-primary { 159 .btn-primary {
162 background-color: $primary !important; 160 background-color: $primary !important;
163 border-color: $primary !important; 161 border-color: $primary !important;
164 &:focus { 162 &:focus {
165 box-shadow: none !important; 163 box-shadow: none !important;
166 } 164 }
167 &:hover { 165 &:hover {
168 border-color: $primaryTransparency !important; 166 border-color: $primaryTransparency !important;
169 background-color: $primaryTransparency !important; 167 background-color: $primaryTransparency !important;
170 } 168 }
171 &:active{ 169 &:active {
172 background-color: $primary !important; 170 background-color: $primary !important;
173 box-shadow: 0px 0px 0px 3px $primaryTransparency !important; 171 box-shadow: 0px 0px 0px 3px $primaryTransparency !important;
174 } 172 }
175 } 173 }
176 174
177 .input-group-text { 175 .input-group-text {
178 &:focus { 176 &:focus {
179 outline: none; 177 outline: none;
180 border-color: $primary; 178 border-color: $primary;
181 box-shadow: 0 0 5px $primary; 179 box-shadow: 0 0 5px $primary;
182 } 180 }
183 &:hover { 181 &:hover {
184 border-color: $primary; 182 border-color: $primary;
185 box-shadow: 0 0 5px $primary; 183 box-shadow: 0 0 5px $primary;
186 } 184 }
187 &:active{ 185 &:active {
188 box-shadow: 0 0 5px $primary; 186 box-shadow: 0 0 5px $primary;
189 } 187 }
190 } 188 }
191 189
192 .btn-default { 190 .btn-default {
193 color: #FFF; 191 color: #fff;
194 background-color: $default !important; 192 background-color: $default !important;
195 border-color: $default !important; 193 border-color: $default !important;
196 &:focus { 194 &:focus {
197 box-shadow: none !important; 195 box-shadow: none !important;
198 } 196 }
199 &:hover { 197 &:hover {
200 color: #FFF; 198 color: #fff;
201 border-color: $defaultTransparency !important; 199 border-color: $defaultTransparency !important;
202 background-color: $defaultTransparency !important; 200 background-color: $defaultTransparency !important;
203 } 201 }
204 &:active{ 202 &:active {
205 background-color: $default !important; 203 background-color: $default !important;
206 box-shadow: 0px 0px 0px 3px $defaultTransparency !important; 204 box-shadow: 0px 0px 0px 3px $defaultTransparency !important;
207 } 205 }
208 } 206 }
209 207
210 .btn-danger { 208 .btn-danger {
211 &:hover { 209 &:hover {
212 color: #FFF; 210 color: #fff;
213 border-color: $dangerTransparency !important; 211 border-color: $dangerTransparency !important;
214 background-color: $dangerTransparency !important; 212 background-color: $dangerTransparency !important;
215 } 213 }
216 } 214 }
217 215
218 .table-celda-total { 216 .table-celda-total {
219 background-color: $highlightedArea; 217 background-color: $highlightedArea;
220 } 218 }
221 219
222 marquee { 220 marquee {
223 background-color: $highlightedArea; 221 background-color: $highlightedArea;
224 } 222 }
225 223
226 .front-index{ 224 .front-index {
227 z-index: 9999; 225 z-index: 9999;
228 } 226 }
229 227
230 .uib-daypicker{ 228 .uib-daypicker {
231 outline: 0 229 outline: 0;
232 } 230 }
233 231
234 .right-0{ 232 .right-0 {
235 right: 0; 233 right: 0;
236 } 234 }
237 235
238 .tabla-factura{ 236 .tabla-factura {
239 word-wrap: break-word; 237 word-wrap: break-word;
240 table-layout: fixed; 238 table-layout: fixed;
241 } 239 }
242 240
243 .ladda-w-100 .ladda-label{ 241 .ladda-w-100 .ladda-label {
244 width: 100%; 242 width: 100%;
245 float: right; 243 float: right;
246 } 244 }
247 245
248 .btn-delete-image{ 246 .btn-delete-image {
249 height: 25px; 247 height: 25px;
250 width: 25px; 248 width: 25px;
251 top: -10px; 249 top: -10px;
252 right: 0; 250 right: 0;
253 } 251 }
254 252
255 button.clear-input{ 253 button.clear-input {
256 cursor: pointer; 254 cursor: pointer;
257 background: transparent; 255 background: transparent;
258 border: none; 256 border: none;
259 margin-left: -24px; 257 margin-left: -24px;
260 z-index: 9; 258 z-index: 9;
261 color: #a3a3a3; 259 color: #a3a3a3;
262 &:focus{ 260 &:focus {
263 outline: none; 261 outline: none;
264 } 262 }
265 } 263 }
266 .custom-control-input { 264 .custom-control-input {
267 &:checked ~ .custom-control-label::before { 265 &:checked ~ .custom-control-label::before {
268 border: none !important; 266 border: none !important;
269 color: $primary !important; 267 color: $primary !important;
270 background-color: $primary !important; 268 background-color: $primary !important;
271 box-shadow: 0px 0px 0px 2px $primaryTransparency !important; 269 box-shadow: 0px 0px 0px 2px $primaryTransparency !important;
272 } 270 }
273 &:active ~ .custom-control-label::before { 271 &:active ~ .custom-control-label::before {
274 border: none !important; 272 border: none !important;
275 color: $primary !important; 273 color: $primary !important;
276 background-color: $primary !important; 274 background-color: $primary !important;
277 } 275 }
278 &:focus ~ .custom-control-label::before { 276 &:focus ~ .custom-control-label::before {
279 border: none !important; 277 border: none !important;
280 box-shadow: 0px 0px 0px 2px $primaryTransparency !important; 278 box-shadow: 0px 0px 0px 2px $primaryTransparency !important;
281 } 279 }
282 &:focus:not(:checked) ~ .custom-control-label::before { 280 &:focus:not(:checked) ~ .custom-control-label::before {
283 border: none !important; 281 border: none !important;
284 } 282 }
285 &:not(:disabled):active ~ .custom-control-label::before { 283 &:not(:disabled):active ~ .custom-control-label::before {
286 border: none !important; 284 border: none !important;
287 color: $primary !important; 285 color: $primary !important;
288 box-shadow: 0px 0px 0px 2px $primaryTransparency !important; 286 box-shadow: 0px 0px 0px 2px $primaryTransparency !important;
289 } 287 }
290 &:hover ~ .custom-control-label::before { 288 &:hover ~ .custom-control-label::before {
291 border: none !important; 289 border: none !important;
292 background-color: $primaryTransparency; 290 background-color: $primaryTransparency;
293 } 291 }
294 } 292 }
295 .disable-selection { 293 .disable-selection {
296 user-select: none; 294 user-select: none;
297 -moz-user-select: none; /* Firefox */ 295 -moz-user-select: none; /* Firefox */
298 -ms-user-select: none; /* Internet Explorer */ 296 -ms-user-select: none; /* Internet Explorer */
299 -khtml-user-select: none; /* KHTML browsers (e.g. Konqueror) */ 297 -khtml-user-select: none; /* KHTML browsers (e.g. Konqueror) */
300 -webkit-user-select: none; /* Chrome, Safari, and Opera */ 298 -webkit-user-select: none; /* Chrome, Safari, and Opera */
301 -webkit-touch-callout: none; /* Disable Android and iOS callouts*/ 299 -webkit-touch-callout: none; /* Disable Android and iOS callouts*/
302 } 300 }
301 .foca-text-success {
302 color: $textSuccess !important;
303 }
304 .foca-text-danger {
305 color: $textDanger !important;