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; } |