Using SASS how to prevent a css file from being generated inside of the SASS folder?


Tags: css,sass,codekit

Problem :

I'm using SASS, and have Codekit installed.With Codekit I tell the scss files to compress and compile into css inside of the ../css folder.

css
    style.css
sass
    style.css
    style.scss

Something somewhere is telling that scss file to also export out a css file into my sass folder.

Codekit is setup correctly:

enter image description here

Output: (there should be no css files here)

enter image description here

Anyone else run into this issue?


What I've found out so far:

The problem does not seem to have anything to do with Codekit, cause the annoying .css file will get generated inside of my SASS folder even with Codekit uninstalled.

I use to have LiveReload and LiveStyle installed, but I've removed both of those items.

I started a brand new project in a different folder, so far have not been able to reproduce issue, however still experience bug with my real project.

PyCharm seems to be generating the css files! Looking into how to turn that off now Thank to Katie

enter image description here



Solution :

Since it's happening without Codekit as a factor, you may have something odd in your config.rb file. In the root directory of your project (probably the directory that contains the css and sass directories), open the file config.rb in your text editor (Sublime Text). Look for these lines:

css_dir = something
sass_dir = something

These lines tell Sass where to put the resulting files. It sounds like you want it like this:

css_dir = "css"
sass_dir = "sass"

    CSS Howto..

    How to apply !important using .css()?

    CSS Web fonts how to use it with use of @font-face its not working

    Need help understanding how to format inline CSS of Table data from a JS file

    How can i give transparency effect in CSS?

    How to fix this css error in IE7 and lower?

    How can I display an alert with the position of the element that was clicked?

    Adding bootstrap tooltip modifies the style of the element itself - how do I stop this happening?

    How to wrap text of html button with fixed width

    How to preserve CSS using iTextSharp?

    How achieve rounded shadow behide a rounded element using css3

    How to show color only to the first li?

    How do i set the relative path and folder paths in HTML and CSS from VS 2012?

    Letters appear out of the comment box in php site after comment is added. How to limit the shown letters per line?

    How to arrange the elements of a semicircle in css/html/js

    If a child has a certain specific value, how to check and make “true” so that hover of the parent yields a result?

    CSS: How do I make text indent for a label with long text?

    Firebug shows 404 error for claro_rtl.css, but I can't find the source that is trying to reference that file

    How to make a different flip animation using CSS?

    How to document a webpage HTML and CSS using comments [closed]

    how to make css animation smoothly for full-screen page?

    How to reposition CSS-hover popups to stay within a fixed frame?

    How to overlay a dynamically selected image over a dynamically populated div

    How to add class to column of grid with angular-ui-grid?

    How to make a navigation bar have equal spacing?

    How to rotate top-border around the circle?

    How To Remove Awesomium.net Scroll Bars? & Auto Scroll?

    How to fix IE7 float-clear combination

    how to get this modal window to work correctly?

    How to make div scalable by using percentage in CSS

    How to overlay zoom icons over images and always keep them lined up perfectly?