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