nordicmaterial2
9/17/2015 - 10:41 AM

Compass Stuff

Compass Stuff

INSTALL A GEM:
  $ sudo gem install singularitygs

GEM INFO:
  $ gem contents singularitygs /*geeft alle info over deze gem*/

UNINSTALL A GEM:
  $ sudo gem uninstall singularitygs --version 1.6.2

NIEUW COMPASS PROJ:

  $ compass create testcompass
  
    directory testcompass/
    directory testcompass/sass/
    directory testcompass/stylesheets/
     create testcompass/config.rb
      ...
      

VOEG COMPASS TOE AAN BESTAAND PROJ:

  $ cd /Applications/MAMP/htdocs/testsite2
  $ compass install compass
  File sass/screen.scss already exists. Run with --force to force overwrite.
  $ compass install compass --force
    
    overwrite sass/screen.scss
    identical sass/print.scss
    identical sass/ie.scss


VOEG GIT TOE:
  $ git init
  Initialized empty Git repository in /Applications/MAMP/htdocs/testcompass/.git/

VOEG GEMFILE TOE:
  $ bundle init
  Writing new Gemfile to /Applications/MAMP/htdocs/testcompass/Gemfile
  $ bundle update
  Dit maakt een Gemfile.lock file

WATCH COMPASS SASS:

  $ cd /Applications/MAMP/compassproject
  $ compass watch
  

CONFIG.RB FILE:

  # Require any additional compass plugins here.
  require 'sass-globbing' 
  require 'singularitygs'
  require 'breakpoint'
  
  # output_style = :expanded or :nested or :compact or :compressed
  output_style = :compact
  sourcemap = true


LAYOUT.SCSS FILE:

  @import 'compass';
  @import 'breakpoint';
  @import 'singularitygs';

  @import 'vars/*'; /*globbing verzamelt alles in vars folder*/