Skip to content


Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

Merge pull request #1 from aeoth/master

starter stuff
  • Loading branch information...
commit 03ebc5dfdee24681f62753acf087980f8a86693e 2 parents d9312c2 + 25b494c
@shiftkey shiftkey authored
1  .gitignore
@@ -0,0 +1 @@
3 
@@ -0,0 +1,3 @@
+As we'll be either pulling in parts of [Bootstrap]( or at the very least aiming for that type of project, we're going to use [Less]( which adds variables and other goodies into CSS.
+For those new to Less, it's worth checking out [SimpLESS]( (which runs on all platforms) which watches and compiles Less into CSS.
20 demo.html
@@ -0,0 +1,20 @@
+<!DOCTYPE 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>
9 docs/
@@ -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)
BIN  docs/type_example.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
3  less/colours.less
@@ -0,0 +1,3 @@
+@accent : #1da1e1;
+@background : white;
+@foreground : black;
13 less/fonts.less
@@ -0,0 +1,13 @@
+body {
+ font-family: Segoe UI, Segoe WP, Helvetica Neue, Roboto, sans-serif;
+ font-weight: 100;
+ color: @accent;
+ line-height:1em;
+ text-transform: lowercase;
+h1 { font-size: 4em;}
+h2 { font-size: 3em; }
2  less/metro.less
@@ -0,0 +1,2 @@
+@import "colours.less";
+@import "fonts.less";
Please sign in to comment.
Something went wrong with that request. Please try again.