Workflow CSS mit Compass (Windows 10)

  1. Googel: „ruby windows installer“
  2. rubyinstaller. downloads latest stable Version x64
  3. Git installieren um im Windows Explorer Bash/Command auszuführen
  4. rechts-Klick „Git bash here“
  5. Ruby updaten mit „gem update –system“
  6. „gem install compass“
  7. compass install Anleitung um Projekt anzulegen
  8. config.rb Rubydatei anlegen und im Root-Ordner speichern (wo compass ausgeführt werden soll)
  9. Beispiel um mehrere Dateien mit Unterordnern zu verarbeiten Stackoverflow: Compass with multiple input/output folders
    1. require 'compass/import-once/activate'
      # Require any additional compass plugins here.
      
      # Set this to the root of your project when deployed:
      # http_path = "/"
      # css_dir = "css"
      # sass_dir = "sass/**/*"
      # images_dir = "img"
      # javascripts_dir = "js"
      cid = ARGV[0] || "default"
      cid = cid.sub(/\.scss$/,'').sub(/^.*\//,'')
      puts "making with cid="+cid
      http_path ="/fcss/" + cid + "/"
      css_dir = "public/fcss/"+cid
      sass_dir = "sass"
      images_dir = "sass/img"
      generated_images_dir="public/fcss/"+cid+"/img"
      http_images_path="/fcss/"+cid+"/img/"
      output_style = :expanded #: :compressed
      
      # You can select your preferred output style here (can be overridden via the command line):
      # output_style = :expanded or :nested or :compact or :compressed
      
      # To enable relative paths to assets via compass helper functions. Uncomment:
      # relative_assets = true
      
      # To disable debugging comments that display the original location of your selectors. Uncomment:
      # line_comments = false
      # If you prefer the indented syntax, you might want to regenerate this
      # project again passing --syntax sass, or you can uncomment this:
      # preferred_syntax = :sass
      # and then run:
      # sass-convert -R --from scss --to sass sass scss && rm -rf sass && mv scss sass