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
about #74462 go/token#FileSet
tomtwinkle
1
290
自作LLM Native GORM Pluginで実現する AI Agentバックテスト基盤構築
po3rin
2
250
20201008_ファインディ_品質意識を育てる役目は人かAIか___2_.pdf
findy_eventslides
0
120
多様な事業ドメインのクリエイターへ 価値を届けるための営みについて
massyuu
0
110
KMP の Swift export
kokihirokawa
0
330
AI駆動開発を推進するためにサービス開発チームで 取り組んでいること
noayaoshiro
0
160
Function calling機能をPLaMo2に実装するには / PFN LLMセミナー
pfn
PRO
0
910
生成AIを活用したZennの取り組み事例
ryosukeigarashi
0
200
BirdCLEF+2025 Noir 5位解法紹介
myso
0
190
Trust as Infrastructure
bcantrill
0
320
VCC 2025 Write-up
bata_24
0
180
生成AIとM5Stack / M5 Japan Tour 2025 Autumn 東京
you
PRO
0
210
Featured
See All Featured
Balancing Empowerment & Direction
lara
4
680
4 Signs Your Business is Dying
shpigford
185
22k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
657
61k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
5.6k
Done Done
chrislema
185
16k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.5k
The Straight Up "How To Draw Better" Workshop
denniskardys
237
140k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
188
55k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
2.6k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
27k
A Tale of Four Properties
chriscoyier
160
23k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
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?