Subversion Repositories wimsdev

Rev

Rev 12723 | Rev 18321 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log | RSS feed

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