Subversion Repositories wimsdev

Rev

Rev 12845 | Go to most recent revision | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 12845 Rev 18321
Line 1... Line 1...
1 
/** Grouped input styles */
 1 
/** Grouped input styles */
- 
 
 2 
 
- 
 
 3 
/* WIMS custom styles */
- 
 
 4 
 
- 
 
 5 
/*
2 
.input-group{
 6 
.input-group{
3 
  justify-content: center;
 7 
  justify-content: center;
4 
}
 8 
}
5 
 
 9 
*/
6 
div.input-group>:first-child {border-radius: 5px 0 0 5px;}
 - 
 
7 
div.input-group>:last-child>button  {border-radius: 0 5px 5px 0;}
 - 
 
8 
 
 10 
 
9 
 
 - 
 
10 
/* from Foundation for Sites by ZURB
 11 
/* Add border radius around group */
11 
 * Version 6.4.3
 12 
div.input-group>:first-child {
12 
 * foundation.zurb.com
 13 
  border-radius: 5px 0 0 5px;
13 
*/
 - 
 
14 
 
 14 
}
15 
 
 15 
 
16 
/* select box */
 16 
div.input-group>:last-child>button,
17 
 
 - 
 
18 
.input-group>select{
 17 
div.input-group>:last-child>.button  {
19 
  border-radius: 0 5px 5px 0;
 18 
  border-radius: 0 5px 5px 0;
20 
}
 19 
}
21 
 
 20 
 
- 
 
 21 
 
- 
 
 22 
/* from Foundation for Sites
- 
 
 23 
 * Version 6.8.1
22 
/* input groups */
 24 
 * https://get.foundation
- 
 
 25 
 * Licensed under MIT Open Source
- 
 
 26 
 */
- 
 
 27 
 
- 
 
 28 
 
23 
.input-group {
 29 
.input-group {
24 
  display: -webkit-box;
 - 
 
25 
  display: -ms-flexbox;
 - 
 
26 
  display: flex;
 30 
  display: flex;
27 
  width: 100%;
 31 
  width: 100%;
28 
  margin-bottom: 1rem;
 32 
  margin-bottom: 1rem;
29 
      -ms-flex-align: stretch;
 33 
  align-items: stretch;
- 
 
 34 
}
- 
 
 35 
 
30 
          align-items: stretch; }
 36 
.input-group > :first-child,
31 
  .input-group > :first-child {
 37 
.input-group > :first-child.input-group-button > * {
32 
    border-radius: 0 0 0 0; }
 38 
  border-radius: 0;
- 
 
 39 
}
- 
 
 40 
 
33 
  .input-group > :last-child > * {
 41 
.input-group > :last-child, .input-group > :last-child.input-group-button > * {
34 
    border-radius: 0 0 0 0; }
 42 
  border-radius: 0;
- 
 
 43 
}
35 
 
 44 
 
36 
.input-group-label, .input-group-field, .input-group-button, .input-group-button a,
 45 
.input-group-button a,
37 
.input-group-button input,
 46 
.input-group-button input,
38 
.input-group-button button,
 47 
.input-group-button button,
39 
.input-group-button label {
 48 
.input-group-button label,
- 
 
 49 
.input-group-button,
- 
 
 50 
.input-group-field,
- 
 
 51 
.input-group-label {
40 
  margin: 0;
 52 
  margin: 0;
41 
  white-space: nowrap; }
 53 
  white-space: nowrap;
- 
 
 54 
}
42 
 
 55 
 
43 
.input-group-label {
 56 
.input-group-label {
44 
  padding: 0 1rem;
 57 
  padding: 0 1rem;
45 
  border: 1px solid #cacaca;
 58 
  border: 1px solid #cacaca;
46 
  background: #e6e6e6;
 59 
  background: #e6e6e6;
47 
  color: #0a0a0a;
 60 
  color: #0a0a0a;
48 
  text-align: center;
 61 
  text-align: center;
49 
  white-space: nowrap;
 62 
  white-space: nowrap;
50 
  display: -webkit-box;
 - 
 
51 
  display: -ms-flexbox;
 - 
 
52 
  display: flex;
 63 
  display: flex;
53 
          flex: 0 0 auto;
 64 
  flex: 0 0 auto;
54 
      -ms-flex-align: center;
 - 
 
55 
          align-items: center; }
 65 
  align-items: center;
- 
 
 66 
}
- 
 
 67 
 
56 
  .input-group-label:first-child {
 68 
.input-group-label:first-child {
57 
    border-right: 0; }
 69 
  border-right: 0;
- 
 
 70 
}
- 
 
 71 
 
58 
  .input-group-label:last-child {
 72 
.input-group-label:last-child {
59 
    border-left: 0; }
 73 
  border-left: 0;
- 
 
 74 
}
60 
 
 75 
 
61 
.input-group-field {
 76 
.input-group-field {
62 
  border-radius: 0;
 77 
  border-radius: 0;
63 
      -ms-flex: 1 1 0;
 - 
 
64 
          flex: 1 1 0;
 78 
  flex: 1 1 0px;
65 
  min-width: 0; }
 79 
  min-width: 0;
- 
 
 80 
}
66 
 
 81 
 
67 
.input-group-button {
 82 
.input-group-button {
68 
  padding-top: 0;
 83 
  padding-top: 0;
69 
  padding-bottom: 0;
 84 
  padding-bottom: 0;
70 
  text-align: center;
 85 
  text-align: center;
71 
  display: -webkit-box;
 - 
 
72 
  display: -ms-flexbox;
 - 
 
73 
  display: flex;
 86 
  display: flex;
74 
      -ms-flex: 0 0 auto;
 87 
  flex: 0 0 auto;
75 
          flex: 0 0 auto; }
 - 
 
- 
 
 88 
}
- 
 
 89 
 
76 
  .input-group-button a,
 90 
.input-group-button a,
77 
  .input-group-button input,
 91 
.input-group-button input,
78 
  .input-group-button button,
 92 
.input-group-button button,
79 
  .input-group-button label {
 93 
.input-group-button label {
80 
    -ms-flex-item-align: stretch;
 - 
 
81 
        align-self: stretch;
 94 
  align-self: stretch;
82 
    height: auto;
 95 
  height: auto;
83 
    padding-top: 0;
 96 
  padding-top: 0;
84 
    padding-bottom: 0;
 97 
  padding-bottom: 0;
85 
    font-size: 1rem; }
 98 
  font-size: 1rem;
- 
 
 99 
}