OLD | NEW |
(Empty) | |
| 1 // Copyright 2015 The Chromium Authors. All rights reserved. |
| 2 // Use of this source code is governed by a BSD-style license that can be |
| 3 // found in the LICENSE file. |
| 4 |
| 5 // See http://www.google.com/design/spec/style/typography.html |
| 6 |
| 7 const String _display4 = 'font-size: 112px; font-weight: 300'; |
| 8 const String _display3 = 'font-size: 56px; font-weight: 400'; |
| 9 const String _display2 = 'font-size: 45px; font-weight: 400'; |
| 10 const String _display1 = 'font-size: 34px; font-weight: 400'; |
| 11 const String _headline = 'font-size: 24px; font-weight: 400'; |
| 12 const String _title = 'font-size: 20px; font-weight: 500'; |
| 13 const String _subhead = 'font-size: 16px; font-weight: 400'; |
| 14 const String _body2 = 'font-size: 14px; font-weight: 500'; |
| 15 const String _body1 = 'font-size: 14px; font-weight: 400'; |
| 16 const String _caption = 'font-size: 12px; font-weight: 400'; |
| 17 const String _button = 'font-size: 14px; font-weight: 500'; |
| 18 |
| 19 class _Black { |
| 20 final String display4 = 'color: #757575; ${_display4}'; // 54% |
| 21 final String display3 = 'color: #757575; ${_display3}'; // 54% |
| 22 final String display2 = 'color: #757575; ${_display2}'; // 54% |
| 23 final String display1 = 'color: #757575; ${_display1}'; // 54% |
| 24 final String headline = 'color: #212121; ${_headline}'; // 87% |
| 25 final String title = 'color: #212121; ${_title}'; // 87% |
| 26 final String subhead = 'color: #212121; ${_subhead}'; // 87% |
| 27 final String body2 = 'color: #212121; ${_body2}'; // 87% |
| 28 final String body1 = 'color: #212121; ${_body1}'; // 87% |
| 29 final String caption = 'color: #757575; ${_caption}'; // 54% |
| 30 final String button = 'color: #212121; ${_button}'; // 87% |
| 31 |
| 32 const _Black(); |
| 33 } |
| 34 |
| 35 const _Black black = const _Black(); |
| 36 |
| 37 class _White { |
| 38 final String display4 = 'color: #8A8A8A; ${_display4}'; // 54% |
| 39 final String display3 = 'color: #8A8A8A; ${_display3}'; // 54% |
| 40 final String display2 = 'color: #8A8A8A; ${_display2}'; // 54% |
| 41 final String display1 = 'color: #8A8A8A; ${_display1}'; // 54% |
| 42 final String headline = 'color: #DEDEDE; ${_headline}'; // 87% |
| 43 final String title = 'color: #DEDEDE; ${_title}'; // 87% |
| 44 final String subhead = 'color: #DEDEDE; ${_subhead}'; // 87% |
| 45 final String body2 = 'color: #DEDEDE; ${_body2}'; // 87% |
| 46 final String body1 = 'color: #DEDEDE; ${_body1}'; // 87% |
| 47 final String caption = 'color: #8A8A8A; ${_caption}'; // 54% |
| 48 final String button = 'color: #DEDEDE; ${_button}'; // 87% |
| 49 |
| 50 const _White(); |
| 51 } |
| 52 |
| 53 const _White white = const _White(); |
| 54 |
| 55 // TODO(abarth): Maybe this should be hard-coded in Scaffold? |
| 56 const String typeface = 'font-family: sans-serif'; |
OLD | NEW |