Dan Ross avatar Dan Ross committed 0a9b9f3

scss working

Comments (0)

Files changed (3)

 require 'sinatra'
 require 'haml'
 require 'data_mapper'
+require 'sass'
 
 
 DataMapper::Logger.new($stdout, :debug)
   haml :add
 end
 
-
 post("/add") do
     @task = Task.new(
       :title => params[:title],
 get("/") do
   @tasks = Task.all
   haml :tasks
+end
+
+get '/styles.css' do
+  content_type 'text/css', :charset => 'utf-8'
+  scss :styles
 end

views/styles.scss

+body {
+    background: #ccc;
+}
-%div
-  Hi there. 
-  - @tasks.each do |task| 
-    %p= task.title
+%head
+  / %link{:href => "stylesheet.css.scss", :media => "screen", :rel => "stylesheet", :type => "text/css"}
+  %link{ :href => "/styles.css" ,:rel =>"stylesheet" ,:media => "screen, projection"}
+%body
+  %div
+    Hi there. 
+    - @tasks.each do |task| 
+      %p= task.title
Tip: Filter by directory path e.g. /media app.js to search for public/media/app.js.
Tip: Use camelCasing e.g. ProjME to search for ProjectModifiedEvent.java.
Tip: Filter by extension type e.g. /repo .js to search for all .js files in the /repo directory.
Tip: Separate your search with spaces e.g. /ssh pom.xml to search for src/ssh/pom.xml.
Tip: Use ↑ and ↓ arrow keys to navigate and return to view the file.
Tip: You can also navigate files with Ctrl+j (next) and Ctrl+k (previous) and view the file with Ctrl+o.
Tip: You can also navigate files with Alt+j (next) and Alt+k (previous) and view the file with Alt+o.