Commit 0a5892ffe7798e4987c3c6a2811f7226d2a6031a

Authored by Marcelo Puebla
1 parent 244ebb151b
Exists in master

Agregada clase css.

Showing 1 changed file with 19 additions and 0 deletions   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: none !important; 51 box-shadow: none !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 .btn-brown { 60 .btn-brown {
61 background-color:$primary; 61 background-color:$primary;
62 -webkit-appearance: none; 62 -webkit-appearance: none;
63 border-color: transparent; 63 border-color: transparent;
64 &:focus { 64 &:focus {
65 outline: 0 !important; 65 outline: 0 !important;
66 box-shadow: none; 66 box-shadow: none;
67 } 67 }
68 .icon-white { 68 .icon-white {
69 color: white; 69 color: white;
70 } 70 }
71 } 71 }
72 72
73 73
74 .page-item.active .page-link { 74 .page-item.active .page-link {
75 z-index: 1; 75 z-index: 1;
76 color: #fff; 76 color: #fff;
77 background-color: $primary; 77 background-color: $primary;
78 border-color: $primary; 78 border-color: $primary;
79 } 79 }
80 80
81 .foca-input { 81 .foca-input {
82 &:focus { 82 &:focus {
83 border-color: $primary; 83 border-color: $primary;
84 box-shadow: 0 0 5px $primary; 84 box-shadow: 0 0 5px $primary;
85 } 85 }
86 &:hover {
87 border-color: $primary;
88 box-shadow: 0 0 5px $primary;
89 }
86 } 90 }
87 91
88 .btn-primary { 92 .btn-primary {
89 background-color: $primary !important; 93 background-color: $primary !important;
90 border-color: $primary !important; 94 border-color: $primary !important;
91 &:focus { 95 &:focus {
92 box-shadow: none !important; 96 box-shadow: none !important;
93 } 97 }
94 &:hover { 98 &:hover {
95 border-color: $primaryTransparency !important; 99 border-color: $primaryTransparency !important;
96 background-color: $primaryTransparency !important; 100 background-color: $primaryTransparency !important;
97 } 101 }
98 &:active{ 102 &:active{
99 background-color: $primary !important; 103 background-color: $primary !important;
100 box-shadow: 0px 0px 0px 3px $primaryTransparency !important; 104 box-shadow: 0px 0px 0px 3px $primaryTransparency !important;
101 } 105 }
102 } 106 }
103 107
108 .input-group-text {
109 &:focus {
110 outline: none;
111 border-color: $primary;
112 box-shadow: 0 0 5px $primary;
113 }
114 &:hover {
115 border-color: $primary;
116 box-shadow: 0 0 5px $primary;
117 }
118 &:active{
119 box-shadow: 0 0 5px $primary;
120 }
121 }
122
104 .btn-default { 123 .btn-default {
105 color: #FFF; 124 color: #FFF;
106 background-color: $default !important; 125 background-color: $default !important;
107 border-color: $default !important; 126 border-color: $default !important;
108 &:focus { 127 &:focus {
109 box-shadow: none !important; 128 box-shadow: none !important;
110 } 129 }
111 &:hover { 130 &:hover {
112 color: #FFF; 131 color: #FFF;
113 border-color: $defaultTransparency !important; 132 border-color: $defaultTransparency !important;
114 background-color: $defaultTransparency !important; 133 background-color: $defaultTransparency !important;
115 } 134 }
116 &:active{ 135 &:active{
117 background-color: $default !important; 136 background-color: $default !important;
118 box-shadow: 0px 0px 0px 3px $defaultTransparency !important; 137 box-shadow: 0px 0px 0px 3px $defaultTransparency !important;
119 } 138 }
120 } 139 }
121 140
122 .table-celda-total { 141 .table-celda-total {
123 background-color: $highlightedArea; 142 background-color: $highlightedArea;
124 } 143 }
125 144
126 marquee { 145 marquee {
127 background-color: $highlightedArea; 146 background-color: $highlightedArea;
128 } 147 }
129 148
130 .front-index{ 149 .front-index{
131 z-index: 9999; 150 z-index: 9999;
132 } 151 }
133 152
134 .uib-daypicker{ 153 .uib-daypicker{
135 outline: 0 154 outline: 0
136 } 155 }
137 156
138 .right-0{ 157 .right-0{
139 right: 0; 158 right: 0;
140 } 159 }
141 160
142 .tabla-factura{ 161 .tabla-factura{
143 word-wrap: break-word; 162 word-wrap: break-word;
144 table-layout: fixed; 163 table-layout: fixed;
145 } 164 }
146 165
147 .ladda-w-100 .ladda-label{ 166 .ladda-w-100 .ladda-label{
148 width: 100%; 167 width: 100%;
149 float: right; 168 float: right;
150 } 169 }
151 170
152 .btn-delete-image{ 171 .btn-delete-image{
153 height: 25px; 172 height: 25px;
154 width: 25px; 173 width: 25px;
155 top: -10px; 174 top: -10px;
156 right: 0; 175 right: 0;
157 } 176 }
158 177
159 button.clear-input{ 178 button.clear-input{
160 cursor: pointer; 179 cursor: pointer;
161 background: transparent; 180 background: transparent;
162 border: none; 181 border: none;
163 margin-left: -24px; 182 margin-left: -24px;
164 z-index: 9; 183 z-index: 9;
165 color: #a3a3a3; 184 color: #a3a3a3;
166 &:focus{ 185 &:focus{
167 outline: none; 186 outline: none;
168 } 187 }
169 } 188 }
170 .custom-control-input { 189 .custom-control-input {
171 &:checked ~ .custom-control-label::before { 190 &:checked ~ .custom-control-label::before {
172 border: none !important; 191 border: none !important;
173 color: $primary !important; 192 color: $primary !important;
174 background-color: $primary !important; 193 background-color: $primary !important;
175 box-shadow: 0px 0px 0px 2px $primaryTransparency !important; 194 box-shadow: 0px 0px 0px 2px $primaryTransparency !important;
176 } 195 }
177 &:active ~ .custom-control-label::before { 196 &:active ~ .custom-control-label::before {
178 border: none !important; 197 border: none !important;
179 color: $primary !important; 198 color: $primary !important;
180 background-color: $primary !important; 199 background-color: $primary !important;
181 } 200 }
182 &:focus ~ .custom-control-label::before { 201 &:focus ~ .custom-control-label::before {
183 border: none !important; 202 border: none !important;
184 box-shadow: 0px 0px 0px 2px $primaryTransparency !important; 203 box-shadow: 0px 0px 0px 2px $primaryTransparency !important;
185 } 204 }
186 &:focus:not(:checked) ~ .custom-control-label::before { 205 &:focus:not(:checked) ~ .custom-control-label::before {
187 border: none !important; 206 border: none !important;
188 } 207 }
189 &:not(:disabled):active ~ .custom-control-label::before { 208 &:not(:disabled):active ~ .custom-control-label::before {
190 border: none !important; 209 border: none !important;
191 color: $primary !important; 210 color: $primary !important;
192 box-shadow: 0px 0px 0px 2px $primaryTransparency !important; 211 box-shadow: 0px 0px 0px 2px $primaryTransparency !important;
193 } 212 }
194 &:hover ~ .custom-control-label::before { 213 &:hover ~ .custom-control-label::before {
195 border: none !important; 214 border: none !important;
196 background-color: $primaryTransparency; 215 background-color: $primaryTransparency;
197 } 216 }
198 } 217 }
199 218