diff --git a/src/base.less b/src/base.less new file mode 100644 index 0000000..6ba92c0 --- /dev/null +++ b/src/base.less @@ -0,0 +1,5 @@ +html, body { + margin: 0; + padding: 0; + border: none; +} diff --git a/src/content.less b/src/content.less new file mode 100644 index 0000000..459f06e --- /dev/null +++ b/src/content.less @@ -0,0 +1,7 @@ +@import 'globals'; + +.content { + padding-top: @header-height; + max-width: @content-width; + margin: 0 auto; +} \ No newline at end of file diff --git a/src/globals.less b/src/globals.less new file mode 100644 index 0000000..0fb5faf --- /dev/null +++ b/src/globals.less @@ -0,0 +1,2 @@ +@content-width: 800px; +@header-height: 40px; \ No newline at end of file diff --git a/src/header.less b/src/header.less new file mode 100644 index 0000000..49791ce --- /dev/null +++ b/src/header.less @@ -0,0 +1,19 @@ +@import 'globals'; + +.header { + width: 100%; + margin: 0 auto; + position: fixed; +} + +.header .wrapper { + width: 100%; + height: @header-height; + max-width: @content-width; + margin: 0 auto; + overflow: hidden; +} + +.header .logo,.title { + float: left; +} diff --git a/src/index.html b/src/index.html new file mode 100644 index 0000000..d8e71bd --- /dev/null +++ b/src/index.html @@ -0,0 +1,26 @@ + + +
+