Install SASS and Compass on Ubuntu
Emmanuel Gautier / October 19, 2014
2 min read
SASS is a CSS preprocess used by many web projects including Foundation and Bootstrap. It allows generating a CSS style sheet from a language close to CSS syntax.
Why use a CSS preprocessor?
The advantage of using a preprocessor is that these preprocessors are programming languages instead of CSS syntax. This allows structuring your design in files, grouping some style characteristics such as colors, dimensions of blocks in variables, … etc. To summarize using a preprocessor as SASS allows you to organize and maintain simpler the design of your web applications.
Compass is a SASS framework. This framework introduces a set of functions and structures to help you build the design.
SASS and Compass Installation
We will now install SASS and Compass allowing CSS files compilation. Those tools will be used as CLI tools.
First of all, if it is not already the case, you will need to install Ruby:
sudo apt-get install make ruby ruby-dev
From the gem packages manager, we can install the tools:
sudo gem install sass compass
If you want to have the latest versions, you can replace the last command with the following one:
gem install sass compass --pre
If you're seeking solutions to a problem or need expert advice, I'm here to help! Don't hesitate to book a call with me for a consulting session. Let's discuss your situation and find the best solution together.
Install and configure a DNS server with Bind9 on Linux
A service DNS (Domain Name Service) allows domain name resolution to an IP Address and other resources. This service is useful for example for browsing internet websites and not have to know IPs addresses for these websites.
How to deal with Docker Hub rate limit on AWS
Since 2020, DockerHub has been limited to only 200 container image pull requests per six hours. This article will help you to deal with this limitation on AWS.
How to enable Python type checking in VSCode
Python now has support for type hints. In this article, we will see how to enable better IntelliSense and type checking analysis in VSCode.
How to manage Internationalization with NextJS SSG
Staticaly generating a website with the NextJS framework in different languages is not so obvious.