Chromium Code Reviews| OLD | NEW |
|---|---|
| (Empty) | |
| 1 .demo { | |
| 2 * { | |
| 3 box-sizing: border-box; | |
| 4 webkit-box-sizing: border-box; | |
| 5 } | |
| 6 | |
| 7 div { | |
| 8 flex: 1 1 auto; | |
| 9 | |
| 10 .panel-info { | |
| 11 border-top: 1px solid #cccccc; | |
| 12 margin-top: 20px; | |
| 13 padding-top: 20px; | |
| 14 } | |
| 15 } | |
| 16 | |
| 17 div.Demo-body { | |
| 18 border: 1px solid #dfdfdf; | |
| 19 display: flex; | |
| 20 flex-direction: column; | |
| 21 padding: 10px; | |
| 22 position: relative; | |
| 23 | |
| 24 embed { | |
| 25 display: block; | |
| 26 flex: 1 1 auto; | |
| 27 } | |
| 28 } | |
| 29 | |
| 30 div.Demo-content { | |
| 31 display: flex; | |
| 32 flex-direction: column; | |
| 33 } | |
| 34 | |
| 35 div.intro { | |
| 36 display: flex; | |
| 37 flex-direction: column; | |
| 38 } | |
| 39 | |
| 40 header { | |
| 41 padding: 0; | |
| 42 } | |
| 43 | |
| 44 .intro { | |
| 45 max-width: 360px; | |
| 46 padding-right: 40px; | |
| 47 } | |
| 48 | |
| 49 p { | |
| 50 margin: 0 0 1em 0; | |
| 51 } | |
| 52 | |
| 53 p.note { | |
| 54 background: transparent; | |
| 55 border: none; | |
| 56 padding: 0; | |
| 57 width: 100%; | |
| 58 } | |
| 59 | |
| 60 section { | |
| 61 display: flex; | |
| 62 flex: 1 1 auto; | |
| 63 flex-direction: row; | |
| 64 padding: 0 25px 25px 0; | |
| 65 } | |
| 66 | |
| 67 td, th { | |
| 68 border: none; | |
| 69 } | |
| 70 | |
| 71 td.name, th.name { | |
| 72 font-weight: bold; | |
| 73 } | |
| 74 | |
| 75 tr { | |
| 76 border: none; | |
| 77 } | |
| 78 } | |
| OLD | NEW |