Permalink
Browse files

Merge pull request #1 from aeoth/master

starter stuff
  • Loading branch information...
shiftbot committed Feb 7, 2012
2 parents d9312c2 + 25b494c commit 03ebc5dfdee24681f62753acf087980f8a86693e
Showing with 51 additions and 0 deletions.
  1. +1 −0 .gitignore
  2. +3 −0 README.md
  3. +20 −0 demo.html
  4. +9 −0 docs/type_example.md
  5. BIN docs/type_example.png
  6. +3 −0 less/colours.less
  7. +13 −0 less/fonts.less
  8. +2 −0 less/metro.less
View
@@ -0,0 +1 @@
+less/*.css
View
@@ -0,0 +1,3 @@
+As we'll be either pulling in parts of [Bootstrap](http://bootstrap.io) or at the very least aiming for that type of project, we're going to use [Less](http://lesscss.org/) which adds variables and other goodies into CSS.
+
+For those new to Less, it's worth checking out [SimpLESS](http://wearekiss.com/simpless) (which runs on all platforms) which watches and compiles Less into CSS.
View
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <link rel="stylesheet" type="text/css" href="less/metro.css" />
+ <style>
+ body { width: 800px; margin-left:auto; margin-right:auto;}
+
+ </style>
+ </head>
+ <body>
+ <h1>LARGE heading text</h1>
+ <h2>sub heading text</h2>
+ <h3>sub-sub heading text</h3>
+ <h4>is this even a heading? woaw</h4>
+
+ <p>
+ Topping bear claw lemon drops. Cake powder gingerbread. Powder halvah powder danish. Cookie gingerbread muffin wypas cake marzipan dessert. Pastry jelly beans tootsie roll dessert wypas gingerbread pastry candy toffee. Sweet roll cupcake halvah. Gingerbread cotton candy tiramisu muffin carrot cake chocolate sweet roll donut. Applicake toffee halvah toffee dragée toffee candy canes sesame snaps cheesecake. Sweet powder lollipop apple pie candy halvah chupa chups croissant. Jelly beans bear claw soufflé apple pie. Gummies ice cream marzipan tootsie roll wypas carrot cake. Bonbon lemon drops candy gummi bears lemon drops lollipop. Powder caramels jelly.
+ </p>
+ </body>
+</html>
View
@@ -0,0 +1,9 @@
+ Metro is all about clean, clear typography. Segoe UI is the most popular font for metro designs, but isn't on all platforms. We're currently investigating a good set of similar and commonly installed fonts to create the perfect font family, taking into account licensing with Segoe UI for @font-face just isn't feasible.
+
+`Helvetica Neue` is installed on OS X and iOS which has all the weightings and similarities (or visa-versa) to Segoe. `Roboto` is the new font from Google for Android 4 ("Ice Cream Sandwhich") and is under the Apache license, meaning it is fair play for @font-face.
+
+`font-family: Segoe UI, Segoe WP, Helvetica Neue, Roboto, sans-serif;`
+
+ From top left to bottom right, Segoe UI, Helvetica Neue, Lato and Roboto
+
+ ![](type_example.png)
View
Binary file not shown.
View
@@ -0,0 +1,3 @@
+@accent : #1da1e1;
+@background : white;
+@foreground : black;
View
@@ -0,0 +1,13 @@
+body {
+ font-family: Segoe UI, Segoe WP, Helvetica Neue, Roboto, sans-serif;
+}
+
+h1,h2,h3,h4,h5,h6
+{
+ font-weight: 100;
+ color: @accent;
+ line-height:1em;
+ text-transform: lowercase;
+}
+h1 { font-size: 4em;}
+h2 { font-size: 3em; }
View
@@ -0,0 +1,2 @@
+@import "colours.less";
+@import "fonts.less";

0 comments on commit 03ebc5d

Please sign in to comment.