All page names need to be in English.
en da  de  fr  it  ja  km  nl  ru  zh


From TYPO3Wiki
Jump to: navigation, search
This page belongs to the Core Team (category Core Team)


Some extensions in the core use SASS to write and maintain css files. The first extension using this is the new "extensionmanager". This document helps to set up and commit patches to the css of those extensions.


This document needs improvements! Please feel free to add documentation on how to install and compile sass.


Debian / Ubuntu

This was tested on debian/GNU Linux version 6.0.6 (aka squeeze)

apt-get install ruby apt-get install rubygems

After that, get latest version from ruby gems (and not the squeeze package, it is too old):

gem install sass


Core extension manager

Create a handy script and stuff it to some location that is in your path, for example ~/bin:


PHP script:
# This file was generated by RubyGems.
# The application 'sass' is installed as part of a gem, and
# this file is here to facilitate running it.

require 'rubygems'

version = ">= 0"

if ARGV.first =~ /^_(.*)_$/ and Gem::Version.correct? $1 then
  version = $1

gem 'sass', version
load Gem.bin_path('sass', 'sass', version)

To recompile the extension manager css, go to the git checkout of the core, then call: ~/bin/sass typo3/sysext/extensionmanager/Resources/Private/Scss/main.scss:typo3/sysext/extensionmanager/Resources/Public/Css/main.css


Install SASS on Ubuntu

SASS tutorial