Nicolás Guarnieri / wrapper-demo

Download as
Browse Code »

Commit e05577ac08d0f4d78dde7730ba74e0b3504c3af1

Authored by Eric Fernandez
2 parents 58380e9109 9843adba8d
Exists in master

Merge branch 'master' of https://debo.suite.repo/Wrappers/wrapper-demo

Showing 5 changed files   Show diff stats
src/sass/_bootstrap.scss
Diff comments   View file @ e05577a
1 .active{ 1 .active{
2 color: #fff; 2 color: #fff;
3 text-decoration: none; 3 text-decoration: none;
4 outline: 0; 4 outline: 0;
5 background-color: #337ab7; 5 background-color: #337ab7;
6 } 6 }
7 .btn-xs {
8 padding: .15rem .5rem;
9 font-size: .8rem;
10 line-height: 1.5;
11 border-radius: .2rem;
12 }
src/sass/_botonera-principal.scss
Diff comments   View file @ e05577a
1 .botonera-principal { 1 .botonera-principal {
2 margin: 0; 2 margin: 0;
3 padding-left: 30px; 3 padding-left: 30px;
4 padding-top: 30px; 4 padding-top: 30px;
5 & menuitem { 5 & menuitem {
6 display: inline-block; 6 display: inline-block;
7 height: 130px; 7 height: 130px;
8 text-align: center; 8 text-align: center;
9 width: 180px; 9 width: 180px;
10 } 10 }
11 & button { 11 & button {
12 background-image: url('../img/botonera.png'); 12 background-image: url('../img/botonera.png');
13 border-radius: 12px; 13 border-radius: 12px;
14 border-width: 0; 14 border-width: 0;
15 height: 90px; 15 height: 90px;
16 position: relative; 16 position: relative;
17 width: 90px; 17 width: 90px;
18 } 18 }
19 & span { 19 & span {
20 left: 0; 20 left: 0;
21 position: absolute; 21 position: absolute;
22 text-align: center; 22 text-align: center;
23 top: 90px; 23 top: 90px;
24 width: 100%; 24 width: 100%;
25 font-size: 12px; 25 font-size: 12px;
26 color: #777777; 26 color: #777777;
27 } 27 }
28 &-abrir-turno { 28 &-abrir-turno {
29 & button { 29 & button {
30 background-position: 0 0; 30 background-position: 0 0;
31 &:hover { 31 &:hover {
32 background-position: 0 -90px; 32 background-position: 0 -90px;
33 } 33 }
34 } 34 }
35 } 35 }
36 &-cerrar-turno { 36 &-cerrar-turno {
37 & button { 37 & button {
38 background-position: -90px 0; 38 background-position: -90px 0;
39 &:hover { 39 &:hover {
40 background-position: -90px -90px; 40 background-position: -90px -90px;
41 } 41 }
42 } 42 }
43 } 43 }
44 &-caja { 44 &-caja {
45 & button { 45 & button {
46 background-position: -180px 0; 46 background-position: -180px 0;
47 &:hover { 47 &:hover {
48 background-position: -180px -90px; 48 background-position: -180px -90px;
49 } 49 }
50 } 50 }
51 } 51 }
52 &-facturador { 52 &-facturador {
53 & button { 53 & button {
54 background-position: -270px 0px; 54 background-position: -270px 0px;
55 &:hover { 55 &:hover {
56 background-position: -270px -90px; 56 background-position: -270px -90px;
57 } 57 }
58 } 58 }
59 } 59 }
60 &-nota-pedido { 60 &-nota-pedido {
61 & button { 61 & button {
62 background-position: -270px 0px; 62 background-position: -1250px 0px;
63 &:hover { 63 &:hover {
64 background-position: -270px -90px; 64 background-position: -1250px -90px;
65 } 65 }
66 } 66 }
67 } 67 }
68 } 68 }
69 69
src/sass/_botonera-secundaria.scss
Diff comments   View file @ e05577a
1 .botonera-secundaria { 1 .botonera-secundaria {
2 background-color: rgba(0, 0, 0, 0.8); 2 background-color: rgba(0, 0, 0, 0.8);
3 .btn-xs {
4 padding: .15rem .5rem;
5 font-size: .8rem;
6 line-height: 1.5;
7 border-radius: .2rem;
8 }
9 } 3 }
10 4
src/sass/_login.scss
Diff comments   View file @ e05577a
1 .login { 1 .login {
2 background-color: #bdbdbd; 2 background-color: #bdbdbd;
3 border: 1px solid #000000; 3 border: 1px solid #000000;
4 border-radius: 3px; 4 border-radius: 3px;
5 height: 150px; 5 height: 155px;
6 left: calc(50% - 130px); 6 left: calc(50% - 130px);
7 opacity: 0.7; 7 opacity: 0.7;
8 position: absolute; 8 position: absolute;
9 text-align: center; 9 text-align: center;
10 top: 190px; 10 top: 190px;
11 width: 260px; 11 width: 260px;
12 &-titulo { 12 &-titulo {
13 border-bottom: 1px solid #ffffff; 13 border-bottom: 1px solid #ffffff;
14 padding: 5px 0; 14 padding: 5px 0;
15 } 15 }
16 &-campo { 16 &-campo {
17 label { 17 label {
18 display: block; 18 display: block;
19 font-size: 12px; 19 font-size: 12px;
20 margin: 5px 0 0; 20 margin: 5px 0 0;
21 } 21 }
22 input { 22 input {
23 &:focus { 23 &:focus {
24 outline: 3px solid #ff9900; 24 outline: 3px solid #ff9900;
25 } 25 }
26 } 26 }
27 } 27 }
28 } 28 }
29 29
src/sass/_panel-informativo.scss
Diff comments   View file @ e05577a
1 .panel-informativo { 1 .panel-informativo {
2 background: linear-gradient(#ccc, #eee); 2 background: linear-gradient(#ccc, #eee);
3 min-height: 32px;
3 .form-group { 4 .form-group {
4 margin-bottom: 5px; 5 margin-bottom: 5px;
5 } 6 }
6 .form-control-xs { 7 .form-control-xs {
7 height: calc(1.6rem); 8 height: calc(1.6rem);
8 padding: .25rem .5rem; 9 padding: .25rem .5rem;
9 font-size: .8rem; 10 font-size: .8rem;
10 line-height: 1.3; 11 line-height: 1.3;
11 border-radius: .2rem; 12 border-radius: .2rem;
12 } 13 }
13 .label { 14 .label {
14 font-size: .8em; 15 font-size: .8em;
15 } 16 }
16 .valor { 17 .valor {
17 font-size: .8em; 18 font-size: .8em;
18 } 19 }
19 } 20 }
20 21