| OLD | NEW |
| (Empty) | |
| 1 |
| 2 /* Global styles */ |
| 3 * { |
| 4 margin: 0; |
| 5 padding: 0; |
| 6 font: 400 14px 'Montserrat', sans-serif; |
| 7 color: #333; |
| 8 box-sizing: border-box; |
| 9 } |
| 10 |
| 11 .content { |
| 12 padding-left: 10%; |
| 13 font: 400 14px 'Montserrat', sans-serif; |
| 14 } |
| 15 |
| 16 h1 { |
| 17 font: 400 18px 'Montserrat', sans-serif; |
| 18 } |
| 19 |
| 20 .memberList { |
| 21 display: table; |
| 22 } |
| 23 |
| 24 .memberItem { |
| 25 display: table-row; |
| 26 } |
| 27 |
| 28 .memberName, .memberValue { |
| 29 display: table-cell; |
| 30 vertical-align: top; |
| 31 padding: 3px 0 3px 1em; |
| 32 font: 400 14px 'Montserrat', sans-serif; |
| 33 } |
| 34 |
| 35 .monospace { |
| 36 font-family: consolas, courier, monospace; |
| 37 font-size: 1em; |
| 38 line-height: 1.2em; |
| 39 white-space: nowrap; |
| 40 } |
| 41 |
| 42 a { |
| 43 color: #0489c3; |
| 44 text-decoration: none; |
| 45 } |
| 46 |
| 47 a:hover { |
| 48 text-decoration: underline; |
| 49 } |
| 50 |
| 51 hr { |
| 52 margin-top: 20px; |
| 53 margin-bottom: 20px; |
| 54 border: 0; |
| 55 border-top: 1px solid #eee; |
| 56 height: 0; |
| 57 box-sizing: content-box; |
| 58 } |
| 59 |
| 60 .list-group { |
| 61 padding-left: 0; |
| 62 margin-bottom: 20px; |
| 63 } |
| 64 |
| 65 .list-group-item { |
| 66 position: relative; |
| 67 display: block; |
| 68 padding: 10px 15px; |
| 69 margin-bottom: -1px; |
| 70 background-color: #fff; |
| 71 border:1px solid #ddd; |
| 72 } |
| 73 |
| 74 .list-group-item:first-child { |
| 75 /* rounded top corners */ |
| 76 border-top-right-radius:4px; |
| 77 border-top-left-radius:4px; |
| 78 } |
| 79 |
| 80 .list-group-item:last-child { |
| 81 margin-bottom: 0; |
| 82 /* rounded bottom corners */ |
| 83 border-bottom-right-radius: 4px; |
| 84 border-bottom-left-radius:4px; |
| 85 } |
| 86 |
| 87 /* Flex row container */ |
| 88 .flex-row { |
| 89 display: flex; |
| 90 flex-direction: row; |
| 91 } |
| 92 |
| 93 /* Flex column container */ |
| 94 .flex-column { |
| 95 display: flex; |
| 96 flex-direction: column; |
| 97 } |
| 98 |
| 99 .flex-item-fit { |
| 100 flex-grow: 1; |
| 101 flex-shrink: 1; |
| 102 flex-basis: auto; |
| 103 } |
| 104 |
| 105 .flex-item-no-shrink { |
| 106 flex-grow: 0; |
| 107 flex-shrink: 0; |
| 108 flex-basis: auto; |
| 109 } |
| 110 |
| 111 .flex-item-fill { |
| 112 flex-grow: 0; |
| 113 flex-shrink: 1; /* shrink when pressured */ |
| 114 flex-basis: 100%; /* try and take 100% */ |
| 115 } |
| 116 |
| 117 .flex-item-fixed-1-12 { |
| 118 flex-grow: 0; |
| 119 flex-shrink: 0; |
| 120 flex-basis: 8.3%; |
| 121 } |
| 122 |
| 123 .flex-item-fixed-2-12 { |
| 124 flex-grow: 0; |
| 125 flex-shrink: 0; |
| 126 flex-basis: 16.6%; |
| 127 } |
| 128 |
| 129 .flex-item-fixed-4-12 { |
| 130 flex-grow: 0; |
| 131 flex-shrink: 0; |
| 132 flex-basis: 33.3333%; |
| 133 } |
| 134 |
| 135 .flex-item-fixed-6-12 { |
| 136 flex-grow: 0; |
| 137 flex-shrink: 0; |
| 138 flex-basis: 50%; |
| 139 } |
| 140 |
| 141 .flex-item-fixed-8-12 { |
| 142 flex-grow: 0; |
| 143 flex-shrink: 0; |
| 144 flex-basis: 66.6666%; |
| 145 } |
| 146 |
| 147 .flex-item-fixed-9-12 { |
| 148 flex-grow: 0; |
| 149 flex-shrink: 0; |
| 150 flex-basis: 75%; |
| 151 } |
| 152 |
| 153 |
| 154 .flex-item-fixed-12-12 { |
| 155 flex-grow: 0; |
| 156 flex-shrink: 0; |
| 157 flex-basis: 100%; |
| 158 } |
| 159 |
| 160 .well { |
| 161 min-height: 20px; |
| 162 padding: 19px; |
| 163 margin-bottom: 20px; |
| 164 background-color: #f5f5f5; |
| 165 border: 1px solid #e3e3e3; |
| 166 border-radius: 4px; |
| 167 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); |
| 168 } |
| OLD | NEW |