Convert CSS to SASS

app/config/config.yml

@@ -54,3 +54,4 @@ assetic:
         cssrewrite: ~
         yui_js:     { jar: %yui_compiler_path% }
         yui_css:    { jar: %yui_compiler_path% }
+        sass:       ~

src/Alom/Website/MainBundle/Resources/css/banner.sass

@@ -0,0 +1,45 @@
+#banner
+  background-color: #dddddd
+  height: 30px
+
+#banner-social
+  position: relative
+  margin: 0 auto
+  width: 1000px
+  li
+    display: block
+    float: left
+    height: 30px
+    line-height: 30px
+    font-size: 14px
+    font-family: Arial, Helvetica, sans-serif
+  a
+    color: black
+    display: block
+  li
+    &.rss a, &.delicious a, &.reader a, &.twitter a, &.github a
+      padding: 0px 10px 0 35px
+      background-repeat: no-repeat
+      background-position: 10px 5px
+    &.rss a
+      background-image: url(/images/social/rss.png)
+    &.delicious a
+      background-image: url(/images/social/delicious.png)
+    &.reader a
+      background-image: url(/images/social/reader.png)
+    &.twitter a
+      background-image: url(/images/social/twitter.png)
+    &.github a
+      background-image: url(/images/social/github.png)
+    &.rss a:hover, &.delicious a:hover, &.reader a:hover, &.twitter a:hover, &.github a:hover
+      background-color: white
+      -moz-border-radius-bottomleft: 10px
+      -webkit-border-bottom-left-radius: 10px
+      -moz-border-radius-bottomright: 10px
+      -webkit-border-bottom-right-radius: 10px
+    &.auth
+      position: absolute
+      right: 0
+      a
+        display: inline
+        color: #444

src/Alom/Website/MainBundle/Resources/css/blog/post_edit.sass

@@ -0,0 +1,57 @@
+#post-edit
+  background: none
+  padding: 0
+
+#form-body-edit
+  border: 1px solid #aaaaaa
+  padding: 10px
+  background-color: #e8e8e8
+
+#post_body
+  height: 250px
+  font-size: 20px
+  font-family: "Courier New", "monospace"
+
+#post-body-preview
+  height: 250px
+  overflow: auto
+  background-color: white
+  border: 1px solid #bbbbbb
+
+#post-body-actions
+  padding: 10px 0
+
+/** Fullscreen *
+
+#form-body-edit.fullscreen
+  border: 0
+  position: fixed
+  top: 0
+  right: 0
+  bottom: 0
+  left: 0
+  label
+    display: none
+  #post-body-preview
+    border: 1px solid #bbbbbb
+    background: white
+    overflow: auto
+    position: absolute
+    top: 10px
+    left: 10px
+    width: 900px
+    bottom: 50px
+    height: auto
+  textarea
+    position: absolute
+    top: 10px
+    left: 10px
+    bottom: 50px
+    width: 800px
+    height: auto
+  #post-body-actions
+    position: absolute
+    bottom: 0
+    left: 0
+    right: 0
+    padding: 10px

src/Alom/Website/MainBundle/Resources/css/blog/post_list.sass

@@ -0,0 +1,5 @@
+.blog-post-list
+  text-align: center
+  padding: 2em 0em
+  li
+    margin-bottom: 1em