[Assorted-commits] SF.net SVN: assorted:[1672] sandbox/trunk/src/misc

[<yan...@us...>]

Revision: 1672
          http://assorted.svn.sourceforge.net/assorted/?rev=1672&view=rev
Author:   yangzhang
Date:     2010-06-03 19:26:38 +0000 (Thu, 03 Jun 2010)

Log Message:
-----------
Added haml tests

Added Paths:
-----------
    sandbox/trunk/src/misc/haml/
    sandbox/trunk/src/misc/haml/Makefile
    sandbox/trunk/src/misc/haml/style.sass
    sandbox/trunk/src/misc/haml/test.haml

Added: sandbox/trunk/src/misc/haml/Makefile
===================================================================
--- sandbox/trunk/src/misc/haml/Makefile	                        (rev 0)
+++ sandbox/trunk/src/misc/haml/Makefile	2010-06-03 19:26:38 UTC (rev 1672)
@@ -0,0 +1,5 @@
+all: test.html style.css
+%.html: %.haml
+	haml $< > $@
+%.css: %.sass
+	sass $< > $@

Added: sandbox/trunk/src/misc/haml/style.sass
===================================================================
--- sandbox/trunk/src/misc/haml/style.sass	                        (rev 0)
+++ sandbox/trunk/src/misc/haml/style.sass	2010-06-03 19:26:38 UTC (rev 1672)
@@ -0,0 +1,115 @@
+body
+  font: 10pt arial
+.table
+  border: 1px solid
+  display: table
+  height: 100px
+  .cell
+    border: 1px solid
+    display: table-cell
+    vertical-align: bottom
+    .content
+      border: 1px solid
+      width: 100px
+.wrapper
+  border: 1px solid
+  vertical-align: bottom
+  height: 100px
+  div
+    vertical-align: bottom
+  .opener
+    height: 100%
+    display: inline-block
+    width: 0
+  .inlineblock
+    height: 50px
+    border: 1px solid
+    display: inline-block
+    vertical-align: bottom
+    p
+      vertical-align: bottom
+    span
+      vertical-align: bottom
+    ul
+      vertical-align: bottom
+.page
+  width: 760px
+  .header
+    .top
+      height: 50px
+      width: 100%
+      background: #9c9
+      border-bottom: 2px solid silver
+      border-bottom: 2px solid black
+      display: table
+      .title
+        display: table-cell
+        text-align: right
+        vertical-align: bottom
+        font-size: 18pt
+        font-weight: normal
+        font-family: arial
+        text-transform: uppercase
+        margin-top: 1.2em
+        margin-bottom: 0.5em
+        line-height: 1.3
+        text-decoration: none
+        color: gray
+        color: black
+        letter-spacing: -2px
+      .topmenu
+        background: #c9c
+        display: table-cell
+        width: 200px
+        vertical-align: bottom
+        .button
+          font-family: arial
+          letter-spacing: -1px
+          text-align: center
+          font-size: 16pt
+          text-transform: uppercase
+          width: 100px
+          background: red
+          vertical-align: bottom
+          display: table-cell
+    .contact
+      background: silver
+      text-align: right
+  .header-old
+    .top
+      height: 100px
+      background: #9c9
+      .line
+        clear: both
+        border-bottom: 2px solid silver
+        border-bottom: 2px solid black
+      .title
+        float: right
+        text-align: right
+        vertical-align: bottom
+        font-size: 18pt
+        font-weight: normal
+        font-family: arial
+        text-transform: uppercase
+        margin-top: 1.2em
+        margin-bottom: 0.5em
+        line-height: 1.3
+        text-decoration: none
+        color: gray
+        color: black
+        letter-spacing: -2px
+      .topmenu
+        background: #c9c
+        height: 100%
+        float: left
+        height: 100%
+        .button
+          width: 100px
+          float: left
+          height: 100%
+          vertical-align: bottom
+          span
+            vertical-align: bottom
+  .footer
+    background: #cc9
+    clear: both

Added: sandbox/trunk/src/misc/haml/test.haml
===================================================================
--- sandbox/trunk/src/misc/haml/test.haml	                        (rev 0)
+++ sandbox/trunk/src/misc/haml/test.haml	2010-06-03 19:26:38 UTC (rev 1672)
@@ -0,0 +1,53 @@
+%html
+  %head
+    %title Yang Zhang
+    %link(rel="stylesheet" href="style.css" type="text/css" media="all")
+  %body
+    .table
+      .cell
+        .content I'm a bottom-aligned div!
+      .cell
+        .content I'm a bottom-aligned div!
+    / inline-block vertical-align doesn't work
+    .wrapper
+      .opener
+      .inlineblock
+        %span aoeu
+      .inlineblock
+        %p aoeu
+      .inlineblock
+        %ul
+          %li a
+          %li b
+    .page
+      .header
+        .top
+          .topmenu
+            .button Feeds
+            .button About
+          .title Yang Zhang
+        .contact
+          %a(href="mailto:bl...@gm...")bl...@gm...
+      .content
+        .sidebar
+          .feedmenu
+            .feed All (Buzz)
+            .feed Blog
+            .feed Google Reader
+            .feed Twitter
+            .feed Delicious
+            .feed Notes
+            .feed GitHub
+            .feed SourceForge
+          .linkgroup
+            .title Profile Links
+            .link Google
+            .link Facebook
+            .link LinkedIn
+        .main
+          .hovermenu
+            .button Titles and full content
+            .button Titles and snippets
+            .button Titles only
+        .footer
+          Copyright


This was sent by the SourceForge.net collaborative development platform, the world's largest Open Source development site.