Commit 25834328d3ea23f9b2da513bc3d466ac3887d052
1 parent
2f475a32e3
Exists in
master
estilos varios
Showing
5 changed files
with
25 additions
and
7 deletions
Show diff stats
src/sass/_admin-seguimiento.scss
| 1 | .foca-admin-seguimiento { | 1 | .foca-admin-seguimiento { |
| 2 | osm { | 2 | osm { |
| 3 | &>div { | 3 | &>div { |
| 4 | height: 600px; | 4 | height: 535px; |
| 5 | } | 5 | } |
| 6 | } | 6 | } |
| 7 | } | 7 | } |
| 8 | 8 |
src/sass/_bootstrap.scss
| 1 | .active{ | 1 | button.active{ |
| 2 | color: #fff; | ||
| 3 | text-decoration: none; | 2 | text-decoration: none; |
| 4 | outline: 0; | 3 | outline: 0; |
| 5 | background-color: #337ab7; | 4 | background-color: $primary-color; |
| 5 | &:focus{ | ||
| 6 | box-shadow: 0 0 0 0.2rem #d8b07d; | ||
| 7 | } | ||
| 6 | } | 8 | } |
| 7 | .btn-xs { | 9 | .btn-xs { |
| 8 | padding: .15rem .5rem; | 10 | padding: .15rem .5rem; |
| 9 | font-size: .8rem; | 11 | font-size: .8rem; |
| 10 | line-height: 1.5; | 12 | line-height: 1.5; |
| 11 | border-radius: .2rem; | 13 | border-radius: .2rem; |
| 12 | } | 14 | } |
| 13 | .no-border-bottom { | 15 | .no-border-bottom { |
| 14 | border-bottom: 0 !important; | 16 | border-bottom: 0 !important; |
| 15 | } | 17 | } |
| 16 | .no-border-top { | 18 | .no-border-top { |
| 17 | border-top: 0 !important; | 19 | border-top: 0 !important; |
| 18 | } | 20 | } |
| 19 | .no-border { | 21 | .no-border { |
| 20 | border: 0 !important; | 22 | border: 0 !important; |
| 21 | } | 23 | } |
| 22 | .margin-bottom-mobile { | 24 | .margin-bottom-mobile { |
| 23 | margin-bottom: 2.5em !important; | 25 | margin-bottom: 2.5em !important; |
| 24 | } | 26 | } |
| 25 | .tamaño-boton { | 27 | .tamaño-boton { |
| 26 | width:44px; | 28 | width:44px; |
| 27 | } | 29 | } |
| 28 | .modal-content { | 30 | .modal-content { |
| 29 | .modal-header{ | 31 | .modal-header{ |
| 30 | display: block; | 32 | display: block; |
| 31 | >div.row{ | 33 | >div.row{ |
| 32 | margin: 0 !important; | 34 | margin: 0 !important; |
| 33 | >div{ | 35 | >div{ |
| 34 | padding: 0 !important; | 36 | padding: 0 !important; |
| 35 | } | 37 | } |
| 36 | } | 38 | } |
| 37 | } | 39 | } |
| 38 | @media (max-width: 576px) { | 40 | @media (max-width: 576px) { |
| 39 | height: auto; | 41 | height: auto; |
| 40 | height: 100%; | 42 | height: 100%; |
| 41 | border-radius: 0; | 43 | border-radius: 0; |
| 42 | } | 44 | } |
| 43 | } | 45 | } |
| 44 | .modal.show .modal-dialog { | 46 | .modal.show .modal-dialog { |
| 45 | @media (min-width: 1201px){ | 47 | @media (min-width: 1201px){ |
| 46 | -webkit-transform: translate(0, 70px); | 48 | -webkit-transform: translate(0, 70px); |
| 47 | transform: translate(0, 70px); | 49 | transform: translate(0, 70px); |
| 48 | } | 50 | } |
| 49 | @media (min-width: 576px) { | 51 | @media (min-width: 576px) { |
| 50 | -webkit-transform: translate(0, 90px); | 52 | -webkit-transform: translate(0, 90px); |
| 51 | transform: translate(0, 90px); | 53 | transform: translate(0, 90px); |
| 52 | } | 54 | } |
| 53 | @media (max-width: 576px) { | 55 | @media (max-width: 576px) { |
| 54 | width: 100%; | 56 | width: 100%; |
| 55 | height: 100%; | 57 | height: 100%; |
| 56 | margin: 0; | 58 | margin: 0; |
| 57 | padding: 0; | 59 | padding: 0; |
| 58 | } | 60 | } |
| 59 | } | 61 | } |
| 60 | .modal-body { | 62 | .modal-body { |
| 61 | @media (max-width: 576px) { | 63 | @media (max-width: 576px) { |
| 62 | overflow-y: auto; | 64 | overflow-y: auto; |
| 63 | } | 65 | } |
| 64 | } | 66 | } |
| 65 | 67 | ||
| 66 | .boton-salir { | 68 | .boton-salir { |
| 67 | position: absolute; | 69 | position: absolute; |
| 68 | bottom: 10px; | 70 | bottom: 10px; |
| 69 | right: 15px; | 71 | right: 15px; |
| 70 | width: calc(100% - 15px); | 72 | width: calc(100% - 15px); |
| 71 | } | 73 | } |
| 72 | 74 | ||
| 73 | input[type=number]::-webkit-inner-spin-button, | 75 | input[type=number]::-webkit-inner-spin-button, |
| 74 | 76 | ||
| 75 | input[type=number]::-webkit-outer-spin-button { | 77 | input[type=number]::-webkit-outer-spin-button { |
| 76 | -webkit-appearance: none; | 78 | -webkit-appearance: none; |
| 77 | margin: 0; | 79 | margin: 0; |
| 78 | } | 80 | } |
| 79 | 81 | ||
| 80 | .invisible { | 82 | .invisible { |
| 81 | color: rgba(0,0,0,0); | 83 | color: rgba(0,0,0,0); |
| 82 | } | 84 | } |
src/sass/_contenedor.scss
| 1 | body { | 1 | body { |
| 2 | @media (min-width: 768px) { | 2 | background-color: #cccccc; |
| 3 | background-color: #cccccc; | ||
| 4 | } | ||
| 5 | } | 3 | } |
| 6 | 4 | ||
| 7 | .contenedor { | 5 | .contenedor { |
| 8 | @media (min-width: 768px) { | 6 | @media (min-width: 768px) { |
| 9 | min-height: 600px; | 7 | min-height: 600px; |
| 10 | min-width: 800px; | 8 | min-width: 800px; |
| 11 | } | 9 | } |
| 12 | } | 10 | } |
| 13 | 11 | ||
| 14 | .grilla-articulo { | 12 | .grilla-articulo { |
| 15 | @media (min-width: 768px) { | 13 | @media (min-width: 768px) { |
| 16 | height: 300px; | 14 | height: 300px; |
| 17 | } | 15 | } |
| 18 | } | 16 | } |
| 19 | 17 |
src/sass/_tabla.scss
| 1 | .table { | 1 | .table { |
| 2 | &-nonfluid { | 2 | &-nonfluid { |
| 3 | width: auto; | 3 | width: auto; |
| 4 | } | 4 | } |
| 5 | &-celda-total { | 5 | &-celda-total { |
| 6 | color: #000000; | 6 | color: #000000; |
| 7 | background-color: #FF9900; | 7 | background-color: #FF9900; |
| 8 | } | 8 | } |
| 9 | 9 | ||
| 10 | thead th{ | 10 | thead th{ |
| 11 | font-size: 13px; | 11 | font-size: 13px; |
| 12 | } | 12 | } |
| 13 | |||
| 14 | &.table-abm{ | ||
| 15 | thead{ | ||
| 16 | color: #FFF; | ||
| 17 | background-color: #67615e; | ||
| 18 | } | ||
| 19 | } | ||
| 13 | 20 | ||
| 14 | } | 21 | } |
| 15 | 22 |
src/sass/general.scss
| 1 | $primary-color: #e09125; | 1 | $primary-color: #e09125; |
| 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 | 18 | ||
| 19 | 19 | ||
| 20 | //OCULTA FLECHAS INPUT NUMBER | 20 | //OCULTA FLECHAS INPUT NUMBER |
| 21 | input[type='number'] { | 21 | input[type='number'] { |
| 22 | -moz-appearance:textfield; | 22 | -moz-appearance:textfield; |
| 23 | } | 23 | } |
| 24 | input::-webkit-outer-spin-button, | 24 | input::-webkit-outer-spin-button, |
| 25 | input::-webkit-inner-spin-button { | 25 | input::-webkit-inner-spin-button { |
| 26 | -webkit-appearance: none; | 26 | -webkit-appearance: none; |
| 27 | } | 27 | } |
| 28 | 28 | ||
| 29 | .d-md-grid{ | 29 | .d-md-grid{ |
| 30 | @media (min-width: 768px) { | 30 | @media (min-width: 768px) { |
| 31 | display: grid !important; | 31 | display: grid !important; |
| 32 | } | 32 | } |
| 33 | } | 33 | } |
| 34 | |||
| 35 | .btn-outline-debo{ | ||
| 36 | background-color: transparent; | ||
| 37 | color: $primary-color; | ||
| 38 | border-color: $primary-color; | ||
| 39 | &:hover{ | ||
| 40 | color: #FFF; | ||
| 41 | border-color: transparent; | ||
| 42 | background-color: $primary-color; | ||
| 43 | } | ||
| 44 | } |