kotovalexarian-likes-github/middleman--middleman
1
0
Fork 0
mirror of https://github.com/middleman/middleman.git synced 2022-11-09 12:20:27 -05:00
Code Releases Activity

Stylus support and tests. Fixes #649

Browse source
This commit is contained in:
Thomas Reynolds 2012-10-28 12:18:29 -07:00
parent 1bfd077d00
commit 01e9c336b0
12 changed files with 107 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
Gemfile
View file

@ -30,6 +30,7 @@ group :test do
end
gem "less", "~> 2.2"
gem "stylus"
end
gem "middleman-sprockets", :github => "middleman/middleman-sprockets"

7
middleman-core/lib/middleman-core/core_extensions/rendering.rb
View file

@ -68,6 +68,13 @@ module Middleman
app.register Middleman::Renderers::Less
rescue LoadError
end
# Stylus Support
begin
require "middleman-core/renderers/stylus"
app.register Middleman::Renderers::Stylus
rescue LoadError
end
end
alias :included :registered

28
middleman-core/lib/middleman-core/renderers/stylus.rb Normal file
View file

@ -0,0 +1,28 @@
require "stylus"
require "stylus/tilt"
module Middleman
module Renderers
# Sass renderer
module Stylus
# Setup extension
class << self
# Once registered
def registered(app)
# Default less options
app.set :styl, {}
app.before_configuration do
template_extensions :styl => :css
end
end
alias :included :registered
end
end
end
end

55
middleman-more/features/stylus.feature Normal file
View file

@ -0,0 +1,55 @@
@nojava
Feature: Stylus Updates and Partials
Scenario: The preview server should update stylesheets when Stylus changes
Given the Server is running at "stylus-preview-app"
And the file "source/stylesheets/plain.css.styl" has the contents
"""
red
color: #f0f0f0
"""
When I go to "/stylesheets/plain.css"
Then I should see "color: #f0f0f0;"
And the file "source/stylesheets/plain.css.styl" has the contents
"""
red
color: #0f0f0f
"""
When I go to "/stylesheets/plain.css"
Then I should see "color: #0f0f0f;"
Scenario: The preview server should update stylesheets when Stylus partials change
Given the Server is running at "stylus-preview-app"
And the file "source/stylesheets/main.css.styl" has the contents
"""
@import '_partial'
red
color: #f0f0f0
"""
And the file "source/stylesheets/_partial.styl" has the contents
"""
body
font-size: 14px
"""
When I go to "/stylesheets/main.css"
Then I should see "color: #f0f0f0;"
And I should see "font-size: 14px;"
And the file "source/stylesheets/main.css.styl" has the contents
"""
@import '_partial'
red
color: #0f0f0f
"""
And the file "source/stylesheets/_partial.styl" has the contents
"""
body
font-size: 18px
"""
When I go to "/stylesheets/main.css"
Then I should see "color: #0f0f0f;"
And I should see "font-size: 18px"
Scenario: Stylus partials should work when building
Given a successfully built app at "stylus-preview-app"
Then the file "build/stylesheets/main.css" should contain "font-size: 18px"

0
middleman-more/fixtures/stylus-preview-app/config.rb Normal file
View file

1
middleman-more/fixtures/stylus-preview-app/source/content.html.erb Normal file
View file

@ -0,0 +1 @@
Hola Mundo

1
middleman-more/fixtures/stylus-preview-app/source/layout.erb Normal file
View file

@ -0,0 +1 @@
<%= yield %>

2
middleman-more/fixtures/stylus-preview-app/source/stylesheets/_partial.styl Normal file
View file

@ -0,0 +1,2 @@
body
font-size: 18px

2
middleman-more/fixtures/stylus-preview-app/source/stylesheets/_partial2.css.styl Normal file
View file

@ -0,0 +1,2 @@
body
font-size: 18px

4
middleman-more/fixtures/stylus-preview-app/source/stylesheets/main.css.styl Normal file
View file

@ -0,0 +1,4 @@
@import '_partial'
red
color: blue

4
middleman-more/fixtures/stylus-preview-app/source/stylesheets/main2.css.styl Normal file
View file

@ -0,0 +1,4 @@
//= require "_partial2.css.styl"
red
color: blue

2
middleman-more/fixtures/stylus-preview-app/source/stylesheets/plain.css.styl Normal file
View file

@ -0,0 +1,2 @@
red
color: blue