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