2014年12月14日 星期日

[SCSS] Using SCSS to quick produce the CSS

1. Build the environment
Quick to build up the environment of Ruby on Rails. Please refer the following blog.
[Vagrant] Using virtual machine to quick implement Ruby on Rails
2.Install compass
Updating the ruby environment
    $ gem update --system
    $ gem install compass
3.Create the project
compass create
4.Create a new file was called style.sass
.body
        display: none


.container
        background: red
        input
                font-size: 12px
5.Compile the style.sass
sass –watch
Reference :
1.CSS with superpowers
2.使用scss來加速寫css吧!

Related Posts:

  • CSS - boxNewComment1#boxNewComment {}/* 最新的回應 */#boxNewComment .boxNewComment0 {}#boxNewComment .boxNewComment0 .sidetitle {}#boxNewComment .boxNewComment1 {}#boxNewComme… Read More
  • 雲端 - code<b:widget id='Label1' locked='false' title='categories' type='Label'><b:includable id='main'> <b:if cond='data:title'> <h2>… Read More
  • [CSS][Blogspot]留言區加個對話框/* Comment Entry Form */ #comments, #respond{ margin: 10px 20px 0px 20px; } #commentform { margin:10px; padding:10px; background:#fff; border-top: #… Read More
  • categories - code<b:widget id='Label1' locked='false' title='Categories' type='Label'><b:includable id='main'><b:if cond='data:title'><h1><d… Read More
  • CSS - boxSearch#boxSearch {display: none;}/* 搜尋這個網誌的文章 */#boxSearch .boxSearch0 {}#boxSearch .boxSearch0 .sidetitle {}#boxSearch .boxSearch1 {}#boxSearch .boxSearch1… Read More

0 意見:

張貼留言