Update Sass to Stylus.

ciaranj · Jul 23, 2011 · 9a42e40 · 9a42e40
1 parent 1e990af
commit 9a42e40
Show file tree

Hide file tree

Showing 3 changed files with 29 additions and 6 deletions.
diff --git a/articles/express-mongodb.markdown b/articles/express-mongodb.markdown
@@ -174,7 +174,7 @@ As is probably obvious we need a little styling to be applied here, to do that w
 
 Add a stylus template to the `views` folder in order to generate the css:
 
-<express-mongodb/views/style.css.sass>
+<express-mongodb/views/style.styl>
 
 And add a new route to app.js:
 

diff --git a/articles/express-mongodb/app2.js b/articles/express-mongodb/app2.js
@@ -9,11 +9,6 @@ app.get('/', function(req, res){
     })
 });
 
-//css
-get('/*.css', function(file){
-  this.render(file + '.css.sass', { layout: false });
-});
-
 //blog
 get('/blog/new', function(){
   this.render('blog_new.html.haml', {

diff --git a/articles/express-mongodb/views/style.styl b/articles/express-mongodb/views/style.styl
@@ -0,0 +1,28 @@
+body
+  font-family "Helvetica Neue", "Lucida Grande", "Arial"
+  font-size 13px
+  text-align center
+  text-stroke 1px rgba(255, 255, 255, 0.1)
+  color #555
+h1, h2
+  margin 0
+  font-size 22px
+  color #343434
+h1
+  text-shadow 1px 2px 2px #ddd
+  font-size 60px
+#articles
+  text-align left
+  margin-left auto
+  margin-right auto
+  width 320px
+  .article
+    margin 20px
+    .created_at
+        display none
+    .title
+        font-weight bold
+        text-decoration underline
+        background-color #eee
+    .body
+        background-color #ffa