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 |