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
300
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
140
Scala
athal7
4
700
Guard & Growl
athal7
0
130
Git Aliases
athal7
6
140
Other Decks in Technology
See All in Technology
入院医療費算定業務をAIで支援する:包括医療費支払い制度とDPCコーディング (公開版)
hagino3000
0
110
serverless team topology
_kensh
3
230
ViteとTypeScriptのProject Referencesで 大規模モノレポのUIカタログのリリースサイクルを高速化する
shuta13
3
210
From Natural Language to K8s Operations: The MCP Architecture and Practice of kubectl-ai
appleboy
0
230
Azureコストと向き合った、4年半のリアル / Four and a half years of dealing with Azure costs
aeonpeople
1
300
MCP ✖️ Apps SDKを触ってみた
hisuzuya
0
370
AWS re:Invent 2025事前勉強会資料 / AWS re:Invent 2025 pre study meetup
kinunori
0
340
AIプロダクトのプロンプト実践テクニック / Practical Techniques for AI Product Prompts
saka2jp
0
110
What's new in OpenShift 4.20
redhatlivestreaming
0
280
可観測性は開発環境から、開発環境にもオブザーバビリティ導入のススメ
layerx
PRO
2
600
もう外には出ない。より快適なフルリモート環境を目指して
mottyzzz
13
11k
会社を支える Pythonという言語戦略 ~なぜPythonを主要言語にしているのか?~
curekoshimizu
3
770
Featured
See All Featured
Agile that works and the tools we love
rasmusluckow
331
21k
The Art of Programming - Codeland 2020
erikaheidi
56
14k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
31
2.7k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
285
14k
Code Reviewing Like a Champion
maltzj
526
40k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
658
61k
Thoughts on Productivity
jonyablonski
70
4.9k
Designing for humans not robots
tammielis
254
26k
It's Worth the Effort
3n
187
28k
Balancing Empowerment & Direction
lara
5
700
Keith and Marios Guide to Fast Websites
keithpitt
411
23k
VelocityConf: Rendering Performance Case Studies
addyosmani
333
24k
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?