[vc_row type=”boxed” css=”.vc_custom_1439869803092{margin-bottom: 0px !important;}”][vc_column][one_headings title=”Theme Documentation” description=”Working with SaSS” description_color=”#000000″ alignment=”align-left” separator=”enable”][vc_column_text]

Last updated on August 20 2015

[/vc_column_text][/vc_column][/vc_row][vc_row css=”.vc_custom_1439247419244{margin-bottom: 0px !important;}”][vc_column][vc_empty_space height=”120px”][/vc_column][/vc_row][vc_row type=”boxed”][vc_column width=”2/3″][vc_column_text]

Get started with Sass

There are a couple of ways to start using Sass: one of them is by installing a small application on your computer. There are a good many applications that will get you up and running with Sass in a few minutes for Mac, Windows, and Linux. You can download most of the applications for free but a few of them are paid apps (and totally worth it).

Refer this this page to learn more

Variables

Think of variables as a way to store information that you want to reuse throughout your stylesheet. You can store things like colors, font stacks, or any CSS value you think you’ll want to reuse. Sass uses the $ symbol to make something a variable.

Customize your site

Once you are ready to work with SaSS, open the file that contains all the variables for the theme within your code editor:/scss/variables/_*.scss.

Change any variables you want to modify, save and compile your changes. Upload the compiled style.css file to your web server located at /style.css.

You are done.[/vc_column_text][/vc_column][vc_column width=”1/3″ el_class=”sidebar-right”][vc_widget_sidebar sidebar_id=”sidebar”][/vc_column][/vc_row][vc_row][vc_column][vc_empty_space][/vc_column][/vc_row]