![]() Another tool I will use throughout this tutorial is MAMP. To get started with WordPress you’ll want to head to to download the latest version. Seeing the WordPress dashboard mean we have a succesfull install ? Installing Sass and Compass Codekit sass change creator file download# Sass has a Ruby dependency so we need to install the Ruby gem in order to get working properly. Most Mac’s come with Ruby installed but if you are on a Windows machine you may have to look into an alternative solution. We will also be using Compass, an open-source CSS authoring framework which out of the box provides many quick and useful additions to Sass. An alternative to Compass is another framework called Bourbon. Use whatever framework you like or combine theme like I sometimes do. Visit the install documentation at or to learn more. ![]() To install Sass and Compass for the first time, simply open up your command line tool of choice and type the few lines of code below. Note* – you may get an error about getting access to directories you are changing. A quick fix is to type the command sudo before all of these lines. Doing so will prompt you for your system password. Codekit sass change creator file install#įrom there you should see both Sass and Compass install on your system. Setting up our theme with Sass with Compass Now that we have both Sass and Compass installed we need to set up our theme’s folder structure.īe sure to keep your command line editor open. The default twentyfourteen folder structure is as follows: We will be using the twentyfourteen theme for this tutorial. The twentyfourteen theme with our new files and folders in order to work with Sass. The files highlighted in red above have either been added or referenced in our Sass configuration (config.rb file) which we will cover next. The config.rb fileĮvery Compass based project utilizes a configuration file to define folder/file names and their locations within our projects. In our case, the config.rb file will look like the example below. Images_dir = "images" #targets our pre existing image directory Sass_dir = "sass" #targets our sass directory http_path = "/" #root level target pathĬss_dir = "." #targets our default style.css file at the root level of our theme I’ve added some comments to explain what each line means. ![]() Codekit sass change creator file download#.Codekit sass change creator file install#. ![]() Codekit sass change creator file how to#. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |