Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Sass - CSS com super poderes

Avatar for Felipe de Morais Felipe de Morais
August 12, 2016
Programming
0
92

Sass - CSS com super poderes

Esta palestra fala sobre os conceitos básicos para usar Sass e deixar seu CSS mais fácil de manter.
Avatar for Felipe de Morais

Felipe de Morais

August 12, 2016
Tweet

More Decks by Felipe de Morais

See All by Felipe de Morais
Como organizei minhas vida financeira com Python e você pode organizar a sua também - Python Nordeste - Palestra 23/Set/2023 - Felipe de Morais - 20 min
Avatar for Felipe de Morais felipedemorais
1
110
Dev preto de sucesso
Avatar for Felipe de Morais felipedemorais
0
52
AfroPython: Empowering black people using Python in Brazil
Avatar for Felipe de Morais felipedemorais
0
210
Felipe de Morais - Keynote Python Brasil 2019 - Ribeirão preto
Avatar for Felipe de Morais felipedemorais
0
200
Felipe de Morais - PyCon Africa 2019 - Accra, Ghana
Avatar for Felipe de Morais felipedemorais
0
33
AfroPython: empoderando a la población negra usando Python en Brasil
Avatar for Felipe de Morais felipedemorais
1
43
Por que eventos de tecnologia são lugares hostis para mulheres, da perspectiva de um homem
Avatar for Felipe de Morais felipedemorais
0
72
Taller de Docker
Avatar for Felipe de Morais felipedemorais
0
250
Docker no Registro Livre
Avatar for Felipe de Morais felipedemorais
1
77

Other Decks in Programming

See All in Programming
20250426 GDGoC 合同新歓 - GDGoC のススメ
Avatar for Yoshimura Naoya getty708
0
110
プロダクトエンジニアのしごと 〜 受託 × 高難度を乗り越えるOptium開発 〜
Avatar for ALGO ARTIS algoartis
0
140
iOSアプリで測る！名古屋駅までの 方向と距離
Avatar for Ryu-nakayama ryunakayama
0
150
実践Webフロントパフォーマンスチューニング
Avatar for しーぴー cp20
45
10k
監視 やばい
Avatar for syossan27 syossan27
12
10k
Fiber Scheduler vs. General-Purpose Parallel Client
Avatar for hachi (Hayao Kimura) hayaokimura
1
290
M5UnitUnified 最新動向 2025/05
Avatar for GOB gob
0
120
AI時代の開発者評価について
Avatar for Ayuusu ayumuu
0
230
設計の本質：コード、システム、そして組織へ / The Essence of Design: To Code, Systems, and Organizations
Avatar for nrs nrslib
10
3.7k
2025-04-25 GitHub Copilot Agent ライブデモ（スクリプト）
Avatar for GOAMI Takaaki goataka
0
100
note の Elasticsearch 更新系を支える技術
Avatar for chov(Kohei T) tchov
9
3.4k
Boost Your Performance and Developer Productivity with Jakarta EE 11
Avatar for ivargrimstad ivargrimstad
0
750

Featured

See All Featured
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
119
51k
Fireside Chat
Avatar for paigeccino paigeccino
37
3.4k
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
28
3.7k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
251
21k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
30
2k
Dealing with People You Can't Stand - Big Design 2015
Avatar for Cassini Nazir cassininazir
367
26k
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
41
2.3k
Building Applications with DynamoDB
Avatar for Matt Wood mza
94
6.4k
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
693
190k
KATA
Avatar for Megan Lloyd mclloyd
29
14k
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
69
4.6k
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
367
19k

Transcript

  1. CSS com super poderes

  2. felipedemorais.com.br

  3. Sass & SCSS

  4. Variables variables

  5. Nesting

  6. Mixins Mixins

  7. Extends or Inheritance Também conhecido como o princípio DRY

  8. Operators Operators

  9. Smart CSS Sass Scripts

  10. Partials & @import

  11. Felipedemorais.c om.br com Jekyll

  12. Bônus

  13. Dúvidas?

  14. Muito obrigado! felipedemorais.com.br