Commit 680f85f9461ae8ebcef3e0f23a7dccc47510b05e

Authored by Marcelo Puebla
Exists in master

Merge branch 'develop' of git.focasoftware.com:npm/wrapper-demo

src/sass/general.scss
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 {
61 &:focus {
62 border-color: $primary !important;
63 box-shadow: 0 0 5px $primary !important;
64 }
65 &:active {
66 border-color: $primary !important;
67 box-shadow: 0 0 5px $primary !important;
68 }
69 }
70
71 .input-group-append > button {
72 &:focus {
73 border-color: $primary !important;
74 box-shadow: 0 0 5px $primary !important;
75 }
76 &:active {
77 border-color: $primary !important;
78 box-shadow: 0 0 5px $primary !important;
79 }
80 }
81
82
60 .btn-login { 83 .btn-login {
61 box-shadow: none !important; 84 box-shadow: none !important;
62 } 85 }
63 86
64 input[type="file"] { 87 input[type="file"] {
65 display: none; 88 display: none;
66 } 89 }
67 .custom-file-upload { 90 .custom-file-upload {
68 border: 1px solid #ccc; 91 border: 1px solid #ccc;
69 display: inline-block; 92 display: inline-block;
70 padding: 6px 12px; 93 padding: 6px 12px;
71 cursor: pointer; 94 cursor: pointer;
72 } 95 }
73 96
74 .btn-brown { 97 .btn-brown {
75 background-color:$primary; 98 background-color:$primary;
76 -webkit-appearance: none; 99 -webkit-appearance: none;
77 border-color: transparent; 100 border-color: transparent;
78 &:focus { 101 &:focus {
79 outline: 0 !important; 102 outline: 0 !important;
80 box-shadow: none; 103 box-shadow: none;
81 } 104 }
82 .icon-white { 105 .icon-white {
83 color: white; 106 color: white;
84 } 107 }
85 } 108 }
86 109
87 .btn-Guardar { 110 .btn-Guardar {
88 background-color:green; 111 background-color:green;
89 -webkit-appearance: none; 112 -webkit-appearance: none;
90 border-color: transparent; 113 border-color: transparent;
91 &:focus { 114 &:focus {
92 outline: 0 !important; 115 outline: 0 !important;
93 box-shadow: none; 116 box-shadow: none;
94 } 117 }
95 .icon-white { 118 .icon-white {
96 color: white; 119 color: white;
97 } 120 }
98 } 121 }
99 122
100 .page-item.active .page-link { 123 .page-item.active .page-link {
101 z-index: 1; 124 z-index: 1;
102 color: #fff; 125 color: #fff;
103 background-color: $primary; 126 background-color: $primary;
104 border-color: $primary; 127 border-color: $primary;
105 } 128 }
106 129
107 .foca-input { 130 .foca-input {
108 &:focus { 131 &:focus {
109 border-color: $primary; 132 border-color: $primary;
110 box-shadow: 0 0 5px $primary; 133 box-shadow: 0 0 5px $primary;
111 } 134 }
112 &:hover { 135 &:hover {
113 border-color: $primary; 136 border-color: $primary;
114 box-shadow: 0 0 5px $primary; 137 box-shadow: 0 0 5px $primary;
115 } 138 }
116 } 139 }
117 140
118 .btn-primary { 141 .btn-primary {
119 background-color: $primary !important; 142 background-color: $primary !important;
120 border-color: $primary !important; 143 border-color: $primary !important;
121 &:focus { 144 &:focus {
122 box-shadow: none !important; 145 box-shadow: none !important;
123 } 146 }
124 &:hover { 147 &:hover {
125 border-color: $primaryTransparency !important; 148 border-color: $primaryTransparency !important;
126 background-color: $primaryTransparency !important; 149 background-color: $primaryTransparency !important;
127 } 150 }
128 &:active{ 151 &:active{
129 background-color: $primary !important; 152 background-color: $primary !important;
130 box-shadow: 0px 0px 0px 3px $primaryTransparency !important; 153 box-shadow: 0px 0px 0px 3px $primaryTransparency !important;
131 } 154 }
132 } 155 }
133 156
134 .input-group-text { 157 .input-group-text {
135 &:focus { 158 &:focus {
136 outline: none; 159 outline: none;
137 border-color: $primary; 160 border-color: $primary;
138 box-shadow: 0 0 5px $primary; 161 box-shadow: 0 0 5px $primary;
139 } 162 }
140 &:hover { 163 &:hover {
141 border-color: $primary; 164 border-color: $primary;
142 box-shadow: 0 0 5px $primary; 165 box-shadow: 0 0 5px $primary;
143 } 166 }
144 &:active{ 167 &:active{
145 box-shadow: 0 0 5px $primary; 168 box-shadow: 0 0 5px $primary;
146 } 169 }
147 } 170 }
148 171
149 .btn-default { 172 .btn-default {
150 color: #FFF; 173 color: #FFF;
151 background-color: $default !important; 174 background-color: $default !important;
152 border-color: $default !important; 175 border-color: $default !important;
153 &:focus { 176 &:focus {
154 box-shadow: none !important; 177 box-shadow: none !important;
155 } 178 }
156 &:hover { 179 &:hover {
157 color: #FFF; 180 color: #FFF;
158 border-color: $defaultTransparency !important; 181 border-color: $defaultTransparency !important;
159 background-color: $defaultTransparency !important; 182 background-color: $defaultTransparency !important;
160 } 183 }
161 &:active{ 184 &:active{
162 background-color: $default !important; 185 background-color: $default !important;
163 box-shadow: 0px 0px 0px 3px $defaultTransparency !important; 186 box-shadow: 0px 0px 0px 3px $defaultTransparency !important;
164 } 187 }
165 } 188 }
166 189
167 .btn-danger { 190 .btn-danger {
168 &:hover { 191 &:hover {
169 color: #FFF; 192 color: #FFF;
170 border-color: $dangerTransparency !important; 193 border-color: $dangerTransparency !important;
171 background-color: $dangerTransparency !important; 194 background-color: $dangerTransparency !important;
172 } 195 }
173 } 196 }
174 197
175 .table-celda-total { 198 .table-celda-total {
176 background-color: $highlightedArea; 199 background-color: $highlightedArea;
177 } 200 }
178 201
179 marquee { 202 marquee {
180 background-color: $highlightedArea; 203 background-color: $highlightedArea;
181 } 204 }
182 205
183 .front-index{ 206 .front-index{
184 z-index: 9999; 207 z-index: 9999;
185 } 208 }
186 209
187 .uib-daypicker{ 210 .uib-daypicker{
188 outline: 0 211 outline: 0
189 } 212 }
190 213
191 .right-0{ 214 .right-0{
192 right: 0; 215 right: 0;
193 } 216 }
194 217
195 .tabla-factura{ 218 .tabla-factura{
196 word-wrap: break-word; 219 word-wrap: break-word;
197 table-layout: fixed; 220 table-layout: fixed;
198 } 221 }
199 222
200 .ladda-w-100 .ladda-label{ 223 .ladda-w-100 .ladda-label{
201 width: 100%; 224 width: 100%;
202 float: right; 225 float: right;
203 } 226 }
204 227
205 .btn-delete-image{ 228 .btn-delete-image{
206 height: 25px; 229 height: 25px;
207 width: 25px; 230 width: 25px;
208 top: -10px; 231 top: -10px;
209 right: 0; 232 right: 0;
210 } 233 }
211 234
212 button.clear-input{ 235 button.clear-input{
213 cursor: pointer; 236 cursor: pointer;
214 background: transparent; 237 background: transparent;
215 border: none; 238 border: none;
216 margin-left: -24px; 239 margin-left: -24px;
217 z-index: 9; 240 z-index: 9;
218 color: #a3a3a3; 241 color: #a3a3a3;
219 &:focus{ 242 &:focus{
220 outline: none; 243 outline: none;
221 } 244 }
222 } 245 }
223 .custom-control-input { 246 .custom-control-input {
224 &:checked ~ .custom-control-label::before { 247 &:checked ~ .custom-control-label::before {
225 border: none !important; 248 border: none !important;
226 color: $primary !important; 249 color: $primary !important;
227 background-color: $primary !important; 250 background-color: $primary !important;
228 box-shadow: 0px 0px 0px 2px $primaryTransparency !important; 251 box-shadow: 0px 0px 0px 2px $primaryTransparency !important;
229 } 252 }
230 &:active ~ .custom-control-label::before { 253 &:active ~ .custom-control-label::before {
231 border: none !important; 254 border: none !important;
232 color: $primary !important; 255 color: $primary !important;
233 background-color: $primary !important; 256 background-color: $primary !important;
234 } 257 }
235 &:focus ~ .custom-control-label::before { 258 &:focus ~ .custom-control-label::before {
236 border: none !important; 259 border: none !important;
237 box-shadow: 0px 0px 0px 2px $primaryTransparency !important; 260 box-shadow: 0px 0px 0px 2px $primaryTransparency !important;
238 } 261 }
239 &:focus:not(:checked) ~ .custom-control-label::before { 262 &:focus:not(:checked) ~ .custom-control-label::before {
240 border: none !important; 263 border: none !important;
241 } 264 }
242 &:not(:disabled):active ~ .custom-control-label::before { 265 &:not(:disabled):active ~ .custom-control-label::before {
243 border: none !important; 266 border: none !important;
244 color: $primary !important; 267 color: $primary !important;
245 box-shadow: 0px 0px 0px 2px $primaryTransparency !important; 268 box-shadow: 0px 0px 0px 2px $primaryTransparency !important;
246 } 269 }
247 &:hover ~ .custom-control-label::before { 270 &:hover ~ .custom-control-label::before {
248 border: none !important; 271 border: none !important;
249 background-color: $primaryTransparency; 272 background-color: $primaryTransparency;
250 } 273 }
251 } 274 }
252 275