Marcelo Puebla / wrapper-demo

Compare View

switch
from
...
to
 
Commits (2)
Showing 2 changed files   Show diff stats
src/sass/_botonera-secundaria.scss
Diff comments   View file @ 09433ee
1 .botonera-secundaria { 1 .botonera-secundaria {
2 .row { 2 .row {
3 border-radius: 5px; 3 border-radius: 5px;
4 overflow: hidden; 4 overflow: hidden;
5 } 5 }
6 .btn-xs { 6 .btn-xs {
7 display: grid; 7 display: grid;
8 border-width: 3px !important; 8 border-width: 3px !important;
9 border-radius: .7rem !important; 9 border-radius: .7rem !important;
10 margin-right: 1px; 10 margin-right: 1px;
11 width: calc(100% - 1px); 11 width: calc(100% - 1px);
12 margin-bottom: 1px; 12 margin-bottom: 1px;
13 13
14 &:hover{ 14 &:hover{
15 background-color: #d8b07d; 15 background-color: #cd903550 ;
16 border-color: #e09125 !important; 16 border-color: #cd9035 !important;
17 } 17 }
18 &:focus{ 18 &:focus{
19 box-shadow: 0 0 0 0.2rem rgb(216, 176, 125); 19 box-shadow: 0 0 0 0.2rem rgb(216, 176, 125);
20 } 20 }
21 img{ 21 img{
22 width: 50%; 22 width: 50%;
23 margin: auto 23 margin: auto
24 } 24 }
25 span{ 25 span{
26 font-size: 11px; 26 font-size: 11px;
27 margin-left: -.25rem; 27 margin-left: -.25rem;
28 margin-right: -.25rem; 28 margin-right: -.25rem;
29 } 29 }
30 } 30 }
31 @media(max-width: 992px){ 31 @media(max-width: 992px){
32 .btn-xs{ 32 .btn-xs{
33 font-weight: 700; 33 font-weight: 700;
34 } 34 }
35 } 35 }
36 @media(min-width: 1200px){ 36 @media(min-width: 1200px){
37 .btn-xs{ 37 .btn-xs{
38 height: 85px !important; 38 height: 85px !important;
39 } 39 }
40 .foca-facturador-px{ 40 .foca-facturador-px{
41 padding-left: 3rem; 41 padding-left: 3rem;
42 padding-right: 3rem; 42 padding-right: 3rem;
43 } 43 }
44 } 44 }
45 45
46 @media(min-width: 992px) and (max-width: 1200px){ 46 @media(min-width: 992px) and (max-width: 1200px){
47 .btn-xs{ 47 .btn-xs{
48 height: 73px !important; 48 height: 73px !important;
49 } 49 }
50 } 50 }
51 51
52 @media(min-width: 768px) and (max-width: 992px){ 52 @media(min-width: 768px) and (max-width: 992px){
53 .btn-xs{ 53 .btn-xs{
54 height: 62px !important; 54 height: 62px !important;
55 } 55 }
56 } 56 }
57 57
58 @media(min-width: 576px) and (max-width: 768px){ 58 @media(min-width: 576px) and (max-width: 768px){
59 .btn-xs{ 59 .btn-xs{
60 max-height: 51px; 60 max-height: 51px;
61 } 61 }
62 } 62 }
63 63
64 @media(max-width: 576px) { 64 @media(max-width: 576px) {
65 .btn-xs{ 65 .btn-xs{
66 max-height: 13vw; 66 max-height: 13vw;
67 } 67 }
68 } 68 }
69 69
70 } 70 }
71 71
src/sass/general.scss
Diff comments   View file @ 09433ee
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 @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 22
23 23
24 //OCULTA FLECHAS INPUT NUMBER 24 //OCULTA FLECHAS INPUT NUMBER
25 input[type='number'] { 25 input[type='number'] {
26 -moz-appearance:textfield; 26 -moz-appearance:textfield;
27 } 27 }
28 input::-webkit-outer-spin-button, 28 input::-webkit-outer-spin-button,
29 input::-webkit-inner-spin-button { 29 input::-webkit-inner-spin-button {
30 -webkit-appearance: none; 30 -webkit-appearance: none;
31 } 31 }
32 32
33 .d-md-grid{ 33 .d-md-grid{
34 @media (min-width: 768px) { 34 @media (min-width: 768px) {
35 display: grid !important; 35 display: grid !important;
36 } 36 }
37 } 37 }
38 38
39 .btn-outline-debo{ 39 .btn-outline-debo{
40 background-color: transparent; 40 background-color: transparent;
41 color: $primary-color; 41 color: $primary-color;
42 border-color: $primary-color; 42 border-color: $primary-color;
43 &:hover{ 43 &:hover{
44 color: #FFF; 44 color: #FFF;
45 border-color: transparent; 45 border-color: transparent;
46 background-color: $primary-color; 46 background-color: $primary-color;
47 } 47 }
48 } 48 }
49 49
50 .front-index{ 50 .front-index{
51 z-index: 9999; 51 z-index: 9999;
52 } 52 }
53 53
54 .uib-daypicker{ 54 .uib-daypicker{
55 outline: 0 55 outline: 0
56 } 56 }
57 57
58 .right-0{ 58 .right-0{
59 right: 0; 59 right: 0;
60 } 60 }
61 61
62 .tabla-factura{ 62 .tabla-factura{
63 word-wrap: break-word; 63 word-wrap: break-word;
64 table-layout: fixed; 64 table-layout: fixed;
65 } 65 }
66 66
67 .ladda-w-100 .ladda-label{ 67 .ladda-w-100 .ladda-label{
68 width: 100%; 68 width: 100%;
69 float: right;
69 float: right; 70 }
70 } 71
71 72 .btn-delete-image{
72 .btn-delete-image{ 73 height: 25px;
73 height: 25px; 74 width: 25px;
74 width: 25px; 75 top: -10px;
75 top: -10px; 76 right: 0;
76 right: 0; 77 }
77 } 78
78 79 button.clear-input{
79 button.clear-input{ 80 cursor: pointer;
80 cursor: pointer; 81 background: transparent;
81 background: transparent; 82 border: none;
82 border: none; 83 margin-left: -24px;
83 margin-left: -24px; 84 z-index: 9;
84 z-index: 9; 85 &:focus{
85 &:focus{ 86 outline: none;
86 outline: none; 87 }
87 } 88 }
88 } 89