SlideShare a Scribd company logo
1 of 24
Download to read offline
Patrick Crowley
  the.railsi.st
Styler
<%= stylesheets %>
DRY up stylesheet
  configuration
<head>
<title>Fruit stand</title>
<%= stylesheet_link_tag quot;applicationquot; %>
</head>
<head>
<title>Fruit stand</title>
<%= stylesheet_link_tag quot;applicationquot; %>
<%= stylesheet_link_tag quot;applesquot; %>
</head>
<head>
<title>Fruit stand</title>
<%= stylesheet_link_tag quot;applicationquot; %>
<%= stylesheet_link_tag quot;applesquot; %>
<%= stylesheet_link_tag quot;bananasquot; %>
</head>
<head>
<title>Fruit stand</title>
<%= stylesheet_link_tag quot;applicationquot; %>
<%= stylesheet_link_tag quot;applesquot; %>
<%= stylesheet_link_tag quot;bananasquot; %>
<%= stylesheet_link_tag quot;cherriesquot; %>
</head>
<head>
<title>Fruit stand</title>
<%= stylesheet_link_tag quot;applicationquot; %>
<%= stylesheet_link_tag quot;applesquot; %>
<%= stylesheet_link_tag quot;bananasquot; %>
<%= stylesheet_link_tag quot;cherriesquot; %>
<!--[if IE 7]>
<%= stylesheet_link_tag quot;ie7quot; %>
<![endif]-->
</head>
<head>
<title>Fruit stand</title>
<%= stylesheet_link_tag quot;applicationquot; %>
<%= stylesheet_link_tag quot;applesquot; %>
<%= stylesheet_link_tag quot;bananasquot; %>
<%= stylesheet_link_tag quot;cherriesquot; %>
<!--[if IE 7]>
<%= stylesheet_link_tag quot;ie7quot; %>
<![endif]-->
<!--[if IE 6]>
<%= stylesheet_link_tag quot;ie6quot; %>
<![endif]-->
</head>
<head>
<title>My website</title>
<%= stylesheet_link_tag quot;applicationquot; %>
<% [quot;applesquot;, quot;bananasquot;, quot;cherriesquot;].each do |s|
    if controller.controller_name == s

      stylesheet_link_tag s

   end
%>
<!--[if IE 7]>
<%= stylesheet_link_tag quot;ie7quot; %>
<![endif]-->
<!--[if IE 6]>
<%= stylesheet_link_tag quot;ie6quot; %>
<![endif]-->
</head>
Let’s DRY it up!
<head>
<title>My website</title>
<%= stylesheet_link_tag quot;applicationquot; %>
<% [quot;applesquot;, quot;bananasquot;, quot;cherriesquot;].each do |s|
    if controller.controller_name == s

      stylesheet_link_tag s

   end
%>
<!--[if IE 7]>
<%= stylesheet_link_tag quot;ie7quot; %>
<![endif]-->
<!--[if IE 6]>
<%= stylesheet_link_tag quot;ie6quot; %>
<![endif]-->
</head>
<head>
<title>My website</title>
<%= stylesheets %>
</head>
Use Rails naming
conventions for css
application.css
   controller.css
controller_action.css
ie7.css
   ie6.css
(conditionally)
Need more?
<head>
<title>My website</title>
<%= stylesheets :include => quot;resetquot; %>
</head>
<head>
<title>My website</title>
<%= stylesheets :include => [quot;resetquot;, quot;fontsquot;] %>
</head>
Generator
script/generate stylesheets
Download now at
http://the.railsi.st
The End
Styler

More Related Content

Viewers also liked

Viewers also liked (7)

Cuentaconmigo Altavoces
Cuentaconmigo AltavocesCuentaconmigo Altavoces
Cuentaconmigo Altavoces
 
Academia Nunca
Academia NuncaAcademia Nunca
Academia Nunca
 
La ReposteríA
La ReposteríALa ReposteríA
La ReposteríA
 
SeñOr Eres Fiel
SeñOr Eres FielSeñOr Eres Fiel
SeñOr Eres Fiel
 
Satellite Housing CHDO - EE in HOME Workshop
Satellite Housing CHDO - EE in HOME WorkshopSatellite Housing CHDO - EE in HOME Workshop
Satellite Housing CHDO - EE in HOME Workshop
 
Miguel
MiguelMiguel
Miguel
 
SECRETUL ASASINARII LUI EMINESCU
SECRETUL ASASINARII LUI EMINESCUSECRETUL ASASINARII LUI EMINESCU
SECRETUL ASASINARII LUI EMINESCU
 

More from Patrick Crowley

More from Patrick Crowley (10)

Compass
CompassCompass
Compass
 
Mobile web apps
Mobile web appsMobile web apps
Mobile web apps
 
Trucker
TruckerTrucker
Trucker
 
Migrating Legacy Data (Ruby Midwest)
Migrating Legacy Data (Ruby Midwest)Migrating Legacy Data (Ruby Midwest)
Migrating Legacy Data (Ruby Midwest)
 
Migrating Legacy Data
Migrating Legacy DataMigrating Legacy Data
Migrating Legacy Data
 
Paperclip
PaperclipPaperclip
Paperclip
 
CSS for iPhones
CSS for iPhonesCSS for iPhones
CSS for iPhones
 
Haml And Sass In 15 Minutes
Haml And Sass In 15 MinutesHaml And Sass In 15 Minutes
Haml And Sass In 15 Minutes
 
Rails For Legacy Apps
Rails For Legacy AppsRails For Legacy Apps
Rails For Legacy Apps
 
Headliner
HeadlinerHeadliner
Headliner
 

Styler