Luigi / wrapper-demo

Download as
Browse Code ยป

Commit c93f96db2e9c10105d6063ed8bcec28de7afbbc5

Authored by Luigi
1 parent 38eb0500e4
Exists in master

rename

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