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: $gray-200;
21 
  color: $body-color;
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, .2);
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: $gray-200;
113 
  border-color: $gray-200;
114 
  cursor: not-allowed;
115 
  color: $gray-500;
116 
}
117 
 
118 
.wizard>.actions .disabled a:focus {
119 
  box-shadow: none;
120 
  color: $gray-500;
121 
}
122 
 
123 
.wizard>.actions>ul {
124 
  li {
125 
    margin-right: 0;
126 
    margin-left: .7em;
127 
  }
128 
}
129 
 
130 
 
131 
 
132 
// vertical
133 
 
134 
.wizard.vertical {
135 
  >.steps ul {
136 
    flex-direction: column;
137 
  }
138 
}
139 
 
140 
.wizard.vertical>.content {
141 
  margin: 0 0 .5em 2%;
142 
  width: 68%;
143 
}
144 
 
145 
.wizard.vertical>.steps a,
146 
.wizard.vertical>.steps a:active,
147 
.wizard.vertical>.steps a:hover {
148 
  margin: 0 0 .5em 0;
149 
}
150 
 
151 
.wizard.vertical>.actions {
152 
  margin: 0;
153 
  width: 100%;
154 
}
155 
 
156 
.wizard.vertical>.actions>ul>li {
157 
  margin: 0 0 0 .7em;
158 
}