| OLD | NEW |
| 1 /* Copyright (c) 2013 The Chromium Authors. All rights reserved. | 1 /* Copyright (c) 2013 The Chromium Authors. All rights reserved. |
| 2 * Use of this source code is governed by a BSD-style license that can be | 2 * Use of this source code is governed by a BSD-style license that can be |
| 3 * found in the LICENSE file. */ | 3 * found in the LICENSE file. */ |
| 4 | 4 |
| 5 * { | 5 * { |
| 6 box-sizing: border-box; | 6 box-sizing: border-box; |
| 7 -webkit-font-smoothing:antialiased; | 7 -webkit-font-smoothing:antialiased; |
| 8 } | 8 } |
| 9 | 9 |
| 10 html, body { | 10 html, body { |
| (...skipping 98 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 109 width: 100%; | 109 width: 100%; |
| 110 height: 0; | 110 height: 0; |
| 111 border-bottom: 1px solid #FFF; | 111 border-bottom: 1px solid #FFF; |
| 112 position: absolute; | 112 position: absolute; |
| 113 left: 0; | 113 left: 0; |
| 114 bottom: -2px; | 114 bottom: -2px; |
| 115 } | 115 } |
| 116 | 116 |
| 117 section { | 117 section { |
| 118 padding: 25px; | 118 padding: 25px; |
| 119 flex: 1 0 auto; | 119 flex: 1 1 auto; |
| 120 display: flex; | 120 display: flex; |
| 121 flex-direction: column; | 121 flex-direction: column; |
| 122 } | 122 } |
| 123 | 123 |
| 124 section iframe { | 124 section iframe { |
| 125 box-shadow: 0 1px 1px rgba(0,0,0,0.3); | 125 box-shadow: 0 1px 1px rgba(0,0,0,0.3); |
| 126 width: 100%; | 126 width: 100%; |
| 127 height: 100%; | 127 height: 100%; |
| 128 background: #FFF; | 128 background: #FFF; |
| 129 flex: 1 1 auto; | 129 flex: 1 1 auto; |
| (...skipping 43 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 173 } | 173 } |
| 174 | 174 |
| 175 /** Demo **/ | 175 /** Demo **/ |
| 176 | 176 |
| 177 .demo { | 177 .demo { |
| 178 background: #FFF; | 178 background: #FFF; |
| 179 flex-direction: column; | 179 flex-direction: column; |
| 180 } | 180 } |
| 181 | 181 |
| 182 .demo header { | 182 .demo header { |
| 183 flex: 0 0 auto; | 183 flex: 0 1 auto; |
| 184 padding: 15px 25px; | 184 padding: 15px 25px; |
| 185 } | 185 } |
| 186 | 186 |
| 187 .demo header h1 { | 187 .demo header h1 { |
| 188 margin: 0; | 188 margin: 0; |
| 189 font-family: 'Open Sans'; | 189 font-family: 'Open Sans'; |
| 190 font-weight: 300; | 190 font-weight: 300; |
| 191 color: #666; | 191 color: #666; |
| 192 font-size: 62px; | 192 font-size: 62px; |
| 193 letter-spacing: -0.05em; | 193 letter-spacing: -0.05em; |
| (...skipping 186 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 380 height: 40px; | 380 height: 40px; |
| 381 background: #6DD900; | 381 background: #6DD900; |
| 382 transition: width 0.1s ease-out; | 382 transition: width 0.1s ease-out; |
| 383 } | 383 } |
| 384 | 384 |
| 385 .demo .credit { | 385 .demo .credit { |
| 386 margin-top: 20px; | 386 margin-top: 20px; |
| 387 font-size: 10px; | 387 font-size: 10px; |
| 388 color: #AAA; | 388 color: #AAA; |
| 389 } | 389 } |
| OLD | NEW |