Pastable version of Extracting style from a CSS file

<div style="overflow:auto;border:solid 1px #ccc;background:#000;color:#F8F8F8">
          <div class="section">
            
            <pre style="float:left;margin:0 10px;border-right:0;color:#666;">1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17</pre>
            <pre class="sunburst">task <span style="color:#3387CC;"><span style="color:#3387CC;">:</span>extract_style</span> <span style="color:#E28964;">do</span>
  css <span style="color:#E28964;">=</span> <span style="color:#9B859D;">File</span>.<span style="color:#89BDFF;">read</span> <span style="color:#65B042;"><span style="color:#65B042;">'</span>public/stylesheets/code.css<span style="color:#65B042;">'</span></span>
  css.<span style="color:#89BDFF;">gsub!</span> <span style="color:#65B042;"><span style="color:#65B042;">&quot;</span>{<span style="color:#DDF2A4;">\n</span><span style="color:#65B042;">&quot;</span></span>, <span style="color:#65B042;"><span style="color:#65B042;">'</span>{<span style="color:#65B042;">'</span></span>
  css.<span style="color:#89BDFF;">gsub!</span> <span style="color:#65B042;"><span style="color:#65B042;">&quot;</span>;<span style="color:#DDF2A4;">\n</span><span style="color:#65B042;">&quot;</span></span>, <span style="color:#65B042;"><span style="color:#65B042;">'</span>;<span style="color:#65B042;">'</span></span>
  
  output <span style="color:#E28964;">=</span> <span style="color:#65B042;"><span style="color:#65B042;">'</span><span style="color:#65B042;">'</span></span>
  
  output <span style="color:#E28964;">&lt;&lt;</span> <span style="color:#65B042;"><span style="color:#65B042;">&quot;</span>module Style<span style="color:#DDF2A4;">\n</span><span style="color:#65B042;">&quot;</span></span>
  output <span style="color:#E28964;">&lt;&lt;</span> <span style="color:#65B042;"><span style="color:#65B042;">&quot;</span>  EMBEDED = {<span style="color:#DDF2A4;">\n</span><span style="color:#65B042;">&quot;</span></span>
  output <span style="color:#E28964;">&lt;&lt;</span> css.<span style="color:#89BDFF;">grep</span>(<span style="color:#E9C062;"><span style="color:#E9C062;">/</span></span><span style="color:#E9C062;"><span style="color:#CF7D34;">\.</span>code pre <span style="color:#CF7D34;">\.</span><span style="color:#E9C062;"><span style="color:#E9C062;">(</span><span style="color:#CF7D34;">\w</span>+<span style="color:#E9C062;">)</span></span> <span style="color:#CF7D34;">\{</span><span style="color:#E9C062;"><span style="color:#E9C062;">(</span>.*<span style="color:#E9C062;">)</span></span><span style="color:#CF7D34;">\}</span></span><span style="color:#E9C062;"><span style="color:#E9C062;">/</span></span>) <span style="color:#E28964;">do</span>
    <span style="color:#65B042;"><span style="color:#65B042;">&quot;</span>    <span style="color:#DAEFA3;"><span style="color:#DAEFA3;">#{</span><span style="color:#DAEFA3;">(</span><span style="color:#65B042;"><span style="color:#65B042;">'</span>:<span style="color:#65B042;">'</span></span> <span style="color:#E28964;">+</span> <span style="color:#8A9A95;"><span style="color:#8A9A95;">$</span>1</span><span style="color:#DAEFA3;">)</span><span style="color:#DAEFA3;"><span style="color:#DAEFA3;">.</span><span style="color:#89BDFF;">ljust</span></span><span style="color:#DAEFA3;">(</span><span style="color:#DDF2A4;">25</span><span style="color:#DAEFA3;">)</span><span style="color:#DAEFA3;">}</span></span> =&gt; '<span style="color:#DAEFA3;"><span style="color:#DAEFA3;">#{</span><span style="color:#8A9A95;"><span style="color:#8A9A95;">$</span>2</span><span style="color:#DAEFA3;"><span style="color:#DAEFA3;">.</span><span style="color:#89BDFF;">delete</span></span><span style="color:#DAEFA3;">(</span><span style="color:#65B042;"><span style="color:#65B042;">'</span> <span style="color:#65B042;">'</span></span><span style="color:#DAEFA3;">)</span><span style="color:#DAEFA3;">}</span></span>'<span style="color:#65B042;">&quot;</span></span>
  <span style="color:#E28964;">end</span>.<span style="color:#89BDFF;">join</span>(<span style="color:#65B042;"><span style="color:#65B042;">&quot;</span>,<span style="color:#DDF2A4;">\n</span><span style="color:#65B042;">&quot;</span></span>)
  output <span style="color:#E28964;">&lt;&lt;</span> <span style="color:#65B042;"><span style="color:#65B042;">&quot;</span><span style="color:#DDF2A4;">\n</span>  }<span style="color:#DDF2A4;">\n</span><span style="color:#65B042;">&quot;</span></span>
  output <span style="color:#E28964;">&lt;&lt;</span> <span style="color:#65B042;"><span style="color:#65B042;">&quot;</span>end<span style="color:#65B042;">&quot;</span></span>
  
  <span style="color:#9B859D;">File</span>.<span style="color:#89BDFF;">open</span>(<span style="color:#65B042;"><span style="color:#65B042;">&quot;</span>app/models/style.rb<span style="color:#65B042;">&quot;</span></span>, <span style="color:#65B042;"><span style="color:#65B042;">'</span>w<span style="color:#65B042;">'</span></span>) { |<span style="color:#3E87E3;">f</span>| f <span style="color:#E28964;">&lt;&lt;</span> output }
<span style="color:#E28964;">end</span>
</pre>
          </div>
        </div>

<a href="http://refactormycode.com/codes/16-extracting-style-from-a-css-file" style="color:#fff" title="As seen on RefactorMyCode.com"><img alt="Small_logo" src="http://refactormycode.com/images/small_logo.gif" style="border:0" /></a>

counter free hit invisible