Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
SCSS vs LESS
Search
Andrew Thal
April 20, 2012
Technology
4
290
SCSS vs LESS
Comparing and contrasting two CSS alternatives
Andrew Thal
April 20, 2012
Tweet
Share
More Decks by Andrew Thal
See All by Andrew Thal
The Thank You Economy
athal7
0
160
Developing for Multiple Browsers
athal7
1
130
Scala
athal7
4
680
Guard & Growl
athal7
0
120
Git Aliases
athal7
6
140
Other Decks in Technology
See All in Technology
個人開発から公式機能へ: PlaywrightとRailsをつなげた3年の軌跡
yusukeiwaki
11
2.7k
「海外登壇」という 選択肢を与えるために 〜Gophers EX
logica0419
0
500
バックエンドエンジニアのためのフロントエンド入門 #devsumiC
panda_program
16
6.5k
日経電子版 x AIエージェントの可能性とAgentic RAGによって提案書生成を行う技術
masahiro_nishimi
1
290
滅・サービスクラス🔥 / Destruction Service Class
sinsoku
6
1.5k
ハッキングの世界に迫る~攻撃者の思考で考えるセキュリティ~
nomizone
12
4.5k
急成長する企業で作った、エンジニアが輝ける制度/ 20250214 Rinto Ikenoue
shift_evolve
2
880
Moved to https://speakerdeck.com/toshihue/presales-engineer-career-bridging-tech-biz-ja
toshihue
2
550
転生CISOサバイバル・ガイド / CISO Career Transition Survival Guide
kanny
3
410
アジャイル開発とスクラム
araihara
0
160
株式会社EventHub・エンジニア採用資料
eventhub
0
4.2k
FastConnect の冗長性
ocise
1
9.6k
Featured
See All Featured
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
44
7k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
232
17k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
120k
How to Think Like a Performance Engineer
csswizardry
22
1.3k
Bootstrapping a Software Product
garrettdimon
PRO
305
110k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.6k
Documentation Writing (for coders)
carmenintech
67
4.6k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.3k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
33
2.8k
[RailsConf 2023] Rails as a piece of cake
palkan
53
5.2k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
6
540
Transcript
SCSS vs LESS What's the dif?
Why CSS Sucks
Why CSS Sucks Repetitive code
Why CSS Sucks Long calls (no nesting)
Why CSS Sucks "Magic" Numbers
Necessary Boring Part
Syntactically Awesome Stylesheets Earlier versions inspired by HAML Version 3
SCSS (Sassy CSS) - CSS OK SASS/SCSS
Creator: Alexis Sellier (cloudhead) Can use in Belorussian LESS
Feature Nesting Operations, Flow control Selector Inheritance Compiles in the
browser SCSS LESS Feature Comparison
Feature Variables Mixins String Interpolation JS Evaluation SCSS $ @mixin
#{} none LESS @ . #{} `"hello".toUpperCase() + '!'` Syntax Differences
Dude, show me the code already
SCSS CSS
LESS CSS
CSS 742 SCSS 748 Character comparison LESS 704
So what should I use?
None
fewer characters (@mixin vs .) bootstrap compiles in js -SCSS
needs compiler outside of Ruby Why?