Proyectos de Subversion LeadersLinked - Backend

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
16825 efrain 1 
// npm package: jquery-steps
2 
// github link: https://github.com/rstaib/jquery-steps/
3 
 
4 
.tabcontrol ul, .wizard ul {
5 
  display: flex;
6 
  @media(max-width: 676px) {
7 
    flex-wrap: wrap;
8 
  }
9 
}
10 
 
11 
.wizard>.steps>ul>li {
12 
  width: auto;
13 
  display: flex;
14 
  flex-grow: 1;
15 
}
16 
 
17 
.wizard>.steps .disabled a,
18 
.wizard>.steps .disabled a:active,
19 
.wizard>.steps .disabled a:hover {
20 
  background-color: lighten($input-bg, 5%);
21 
  color: $white;
22 
  border: 1px solid transparent;
23 
}
24 
 
25 
.wizard>.steps .current a,
26 
.wizard>.steps .current a:active,
27 
.wizard>.steps .current a:hover {
28 
  background-color: $primary;
29 
  border: 1px solid transparent;
30 
}
31 
 
32 
.wizard>.steps a,
33 
.wizard>.steps a:active,
34 
.wizard>.steps a:hover {
35 
  padding: $btn-padding-y $btn-padding-x;
36 
  border-radius: $input-border-radius;
37 
  width: 100%;
38 
}
39 
 
40 
.wizard>.steps .done a,
41 
.wizard>.steps .done a:active,
42 
.wizard>.steps .done a:hover {
43 
  background-color: rgba($primary, .1);
44 
  color: $primary;
45 
  border: 1px solid $primary;
46 
}
47 
 
48 
.wizard>.steps ul li {
49 
  a {
50 
    &, &:active, &:hover {
51 
      margin: 0 .5em .5em 0;
52 
    }
53 
  }
54 
  &:last-child {
55 
    a {
56 
      &, &:active, &:hover {
57 
        margin: 0 0 .5em 0;
58 
      }
59 
    }
60 
  }
61 
}
62 
 
63 
.wizard>.steps .number {
64 
  font-size: inherit;
65 
}
66 
 
67 
.wizard>.content {
68 
  background: $input-bg;
69 
  border: 1px solid $input-border-color;
70 
  min-height: 23em;
71 
  overflow: auto;
72 
  margin: .5em 0;
73 
}
74 
 
75 
.wizard>.content>.body {
76 
  @media(max-width: 767px) {
77 
    width: 90%;
78 
    height: 90%;
79 
    padding: 5%;
80 
  }
81 
}
82 
 
83 
.wizard>.actions {
84 
  /*rtl:raw:
85 
    text-align: left;
86 
  */
87 
}
88 
 
89 
.wizard>.actions>ul>li,
90 
.wizard>.steps>ul>li {
91 
  /*rtl:raw:
92 
    float: right;
93 
  */
94 
}
95 
 
96 
.wizard.vertical>.steps {
97 
  /*rtl:raw:
98 
    float: right;
99 
  */
100 
}
101 
 
102 
.wizard>.actions a,
103 
.wizard>.actions a:active,
104 
.wizard>.actions a:hover {
105 
  @extend .btn;
106 
  @extend .btn-primary;
107 
}
108 
 
109 
.wizard>.actions .disabled a,
110 
.wizard>.actions .disabled a:active,
111 
.wizard>.actions .disabled a:hover {
112 
  background: lighten($input-bg, 10%);
113 
  border-color: lighten($input-bg, 10%);
114 
  cursor: not-allowed;
115 
}
116 
 
117 
.wizard>.actions>ul {
118 
  li {
119 
    margin-right: 0;
120 
    margin-left: .7em;
121 
  }
122 
}
123 
 
124 
 
125 
 
126 
// vertical
127 
 
128 
.wizard.vertical {
129 
  >.steps ul {
130 
    flex-direction: column;
131 
  }
132 
}
133 
 
134 
.wizard.vertical>.content {
135 
  margin: 0 0 .5em 2%;
136 
  width: 68%;
137 
}
138 
 
139 
.wizard.vertical>.steps a,
140 
.wizard.vertical>.steps a:active,
141 
.wizard.vertical>.steps a:hover {
142 
  margin: 0 0 .5em 0;
143 
}
144 
 
145 
.wizard.vertical>.actions {
146 
  margin: 0;
147 
  width: 100%;
148 
}