| OLD | NEW |
| 1 /* Global styles */ | 1 /* Global styles */ |
| 2 * { | 2 * { |
| 3 margin: 0; | 3 margin: 0; |
| 4 padding: 0; | 4 padding: 0; |
| 5 font: 400 14px 'Montserrat', sans-serif; | 5 font: 400 14px 'Montserrat', sans-serif; |
| 6 color: #333; | 6 color: #333; |
| 7 box-sizing: border-box; | 7 box-sizing: border-box; |
| 8 } | 8 } |
| 9 | 9 |
| 10 .content { | 10 .content { |
| (...skipping 99 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 110 border-bottom-right-radius: 4px; | 110 border-bottom-right-radius: 4px; |
| 111 border-bottom-left-radius:4px; | 111 border-bottom-left-radius:4px; |
| 112 } | 112 } |
| 113 | 113 |
| 114 /* Flex row container */ | 114 /* Flex row container */ |
| 115 .flex-row { | 115 .flex-row { |
| 116 display: flex; | 116 display: flex; |
| 117 flex-direction: row; | 117 flex-direction: row; |
| 118 } | 118 } |
| 119 | 119 |
| 120 .inline-flex-row { |
| 121 display: inline-flex; |
| 122 flex-direction: row; |
| 123 } |
| 124 |
| 120 /* Flex column container */ | 125 /* Flex column container */ |
| 121 .flex-column { | 126 .flex-column { |
| 122 display: flex; | 127 display: flex; |
| 123 flex-direction: column; | 128 flex-direction: column; |
| 124 } | 129 } |
| 125 | 130 |
| 126 .flex-item-fit { | 131 .flex-item-fit { |
| 127 flex-grow: 1; | 132 flex-grow: 1; |
| 128 flex-shrink: 1; | 133 flex-shrink: 1; |
| 129 flex-basis: auto; | 134 flex-basis: auto; |
| (...skipping 114 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 244 margin-bottom: 20px; | 249 margin-bottom: 20px; |
| 245 background-color: #f5f5f5; | 250 background-color: #f5f5f5; |
| 246 border: 1px solid #e3e3e3; | 251 border: 1px solid #e3e3e3; |
| 247 border-radius: 4px; | 252 border-radius: 4px; |
| 248 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); | 253 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); |
| 249 } | 254 } |
| 250 | 255 |
| 251 .break-wrap { | 256 .break-wrap { |
| 252 word-wrap: break-word; | 257 word-wrap: break-word; |
| 253 } | 258 } |
| 259 |
| 260 body.busy, body.busy * { |
| 261 cursor: progress !important; |
| 262 } |
| 263 |
| 264 .pointer { |
| 265 cursor: pointer; |
| 266 } |
| 267 |
| 268 .shadow { |
| 269 box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16), |
| 270 0 2px 5px 0 rgba(0, 0, 0, 0.26); |
| 271 } |
| 272 |
| 273 @-webkit-keyframes fadeIn { |
| 274 0% { opacity: 0; } |
| 275 100% { opacity: 1; } |
| 276 } |
| 277 |
| 278 @-moz-keyframes fadeIn { |
| 279 0% { opacity: 0; } |
| 280 100% { opacity: 1; } |
| 281 } |
| 282 |
| 283 @keyframes fadeIn { |
| 284 0% { opacity: 0; } |
| 285 100% { opacity: 1; } |
| 286 } |
| OLD | NEW |