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
100

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
120
Dev preto de sucesso
Avatar for Felipe de Morais felipedemorais
0
67
AfroPython: Empowering black people using Python in Brazil
Avatar for Felipe de Morais felipedemorais
0
230
Felipe de Morais - Keynote Python Brasil 2019 - Ribeirão preto
Avatar for Felipe de Morais felipedemorais
0
210
Felipe de Morais - PyCon Africa 2019 - Accra, Ghana
Avatar for Felipe de Morais felipedemorais
0
43
AfroPython: empoderando a la población negra usando Python en Brasil
Avatar for Felipe de Morais felipedemorais
1
49
Por que eventos de tecnologia são lugares hostis para mulheres, da perspectiva de um homem
Avatar for Felipe de Morais felipedemorais
0
75
Taller de Docker
Avatar for Felipe de Morais felipedemorais
0
280
Docker no Registro Livre
Avatar for Felipe de Morais felipedemorais
1
80

Other Decks in Programming

See All in Programming
2026年向け会社紹介資料
Avatar for Yasutaka misu
0
200
Web エンジニアが JavaScript で AI Agent を作る / JSConf JP 2025 sponsor session
Avatar for Masayuki Izumi izumin5210
4
1.7k
ゼロダウンタイムでミドルウェアの バージョンアップを実現した手法と課題
Avatar for つっつん wind111
0
160
What’s Fair is FAIR: A Decentralised Future for WordPress Distribution
Avatar for Ryan McCue rmccue
0
180
開発生産性が組織文化になるまでの軌跡
Avatar for ふくすけ tonegawa07
0
170
PHPライセンス変更の議論を通じて学ぶOSSライセンスの基礎
Avatar for Atsushi Matsuo matsuo_atsushi
0
150
Feature Flags Suck! - KubeCon Atlanta 2025
Avatar for Pete Hodgson phodgson
0
130
アーキテクチャと考える迷子にならない開発者テスト
Avatar for irof irof
8
3k
Honoを技術選定したAI要件定義プラットフォームAcsimでの意思決定
Avatar for Tadashi Shigeoka codenote
0
230
AIエージェントでのJava開発がはかどるMCPをAIを使って開発してみた / java mcp for jjug
Avatar for Naoki Kishida kishida
4
650
Stay Hacker 〜九州で生まれ、Perlに出会い、コミュニティで育つ〜
Avatar for Kazuhiko Yamashita pyama86
2
1.5k
Querying Design System デザインシステムの意思決定を支える構造検索
Avatar for ikuma-t ikumatadokoro
1
1.1k

Featured

See All Featured
Designing Experiences People Love
Avatar for Jonathan Moore moore
142
24k
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
5
750
Unsuck your backbone
Avatar for Amy Palamountain ammeep
671
58k
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
34
9k
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
697
190k
Writing Fast Ruby
Avatar for Erik Berlin sferik
630
62k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
340
57k
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
407
66k
Code Reviewing Like a Champion
Avatar for maltzj maltzj
527
40k
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
272
21k
Practical Tips for Bootstrapping Information Extraction Pipelines
Avatar for Matthew Honnibal honnibal
24
1.6k
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
413
23k

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