Index: sky/framework/theme/typography.dart |
diff --git a/sky/framework/theme/typography.dart b/sky/framework/theme/typography.dart |
new file mode 100644 |
index 0000000000000000000000000000000000000000..28ecc845fe26ed46bc9e06c9982d76907631e245 |
--- /dev/null |
+++ b/sky/framework/theme/typography.dart |
@@ -0,0 +1,56 @@ |
+// Copyright 2015 The Chromium Authors. All rights reserved. |
+// Use of this source code is governed by a BSD-style license that can be |
+// found in the LICENSE file. |
+ |
+// See http://www.google.com/design/spec/style/typography.html |
+ |
+const String _display4 = 'font-size: 112px; font-weight: 300'; |
+const String _display3 = 'font-size: 56px; font-weight: 400'; |
+const String _display2 = 'font-size: 45px; font-weight: 400'; |
+const String _display1 = 'font-size: 34px; font-weight: 400'; |
+const String _headline = 'font-size: 24px; font-weight: 400'; |
+const String _title = 'font-size: 20px; font-weight: 500'; |
+const String _subhead = 'font-size: 16px; font-weight: 400'; |
+const String _body2 = 'font-size: 14px; font-weight: 500'; |
+const String _body1 = 'font-size: 14px; font-weight: 400'; |
+const String _caption = 'font-size: 12px; font-weight: 400'; |
+const String _button = 'font-size: 14px; font-weight: 500'; |
+ |
+class _Black { |
+ final String display4 = 'color: #757575; ${_display4}'; // 54% |
+ final String display3 = 'color: #757575; ${_display3}'; // 54% |
+ final String display2 = 'color: #757575; ${_display2}'; // 54% |
+ final String display1 = 'color: #757575; ${_display1}'; // 54% |
+ final String headline = 'color: #212121; ${_headline}'; // 87% |
+ final String title = 'color: #212121; ${_title}'; // 87% |
+ final String subhead = 'color: #212121; ${_subhead}'; // 87% |
+ final String body2 = 'color: #212121; ${_body2}'; // 87% |
+ final String body1 = 'color: #212121; ${_body1}'; // 87% |
+ final String caption = 'color: #757575; ${_caption}'; // 54% |
+ final String button = 'color: #212121; ${_button}'; // 87% |
+ |
+ const _Black(); |
+} |
+ |
+const _Black black = const _Black(); |
+ |
+class _White { |
+ final String display4 = 'color: #8A8A8A; ${_display4}'; // 54% |
+ final String display3 = 'color: #8A8A8A; ${_display3}'; // 54% |
+ final String display2 = 'color: #8A8A8A; ${_display2}'; // 54% |
+ final String display1 = 'color: #8A8A8A; ${_display1}'; // 54% |
+ final String headline = 'color: #DEDEDE; ${_headline}'; // 87% |
+ final String title = 'color: #DEDEDE; ${_title}'; // 87% |
+ final String subhead = 'color: #DEDEDE; ${_subhead}'; // 87% |
+ final String body2 = 'color: #DEDEDE; ${_body2}'; // 87% |
+ final String body1 = 'color: #DEDEDE; ${_body1}'; // 87% |
+ final String caption = 'color: #8A8A8A; ${_caption}'; // 54% |
+ final String button = 'color: #DEDEDE; ${_button}'; // 87% |
+ |
+ const _White(); |
+} |
+ |
+const _White white = const _White(); |
+ |
+// TODO(abarth): Maybe this should be hard-coded in Scaffold? |
+const String typeface = 'font-family: sans-serif'; |