Commit 680f85f9461ae8ebcef3e0f23a7dccc47510b05e
Exists in
master
Merge branch 'develop' of git.focasoftware.com:npm/wrapper-demo
Showing
1 changed file
Show diff stats
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 |