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

Sass

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

Introduction

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.

TODO

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

Installation

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


Using

Core extension manager

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

~/bin/sass

PHP script:
#!/usr/bin/ruby1.8
#
# 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
  ARGV.shift
end

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

Weblinks

Install SASS on Ubuntu

SASS tutorial