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 |