$30 off During Our Annual Pro Sale. View Details »

Sass - CSS com super poderes

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

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
Vivendo o sonho 🤴🏾 - Keynote Python Sul 2025 - 50 min + 10 min perguntas
Avatar for Felipe de Morais felipedemorais
0
3
FeliPython - Começando com FastAPI: construa sua primeira API em Python 🐍
Avatar for Felipe de Morais felipedemorais
0
3
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
68
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
44
AfroPython: empoderando a la población negra usando Python en Brasil
Avatar for Felipe de Morais felipedemorais
1
50
Por que eventos de tecnologia são lugares hostis para mulheres, da perspectiva de um homem
Avatar for Felipe de Morais felipedemorais
0
75

Other Decks in Programming

See All in Programming
tparseでgo testの出力を見やすくする
Avatar for utagawa kiki utgwkk
1
160
Herb to ReActionView: A New Foundation for the View Layer @ San Francisco Ruby Conference 2025
Avatar for Marco Roth marcoroth
0
250
Why Kotlin? 電子カルテを Kotlin で開発する理由 / Why Kotlin? at Henry
Avatar for Agata Naomichi agatan
2
6.7k
How Software Deployment tools have changed in the past 20 years
Avatar for Geshan Manandhar geshan
0
28k
令和最新版Android Studioで化石デバイス向けアプリを作る
Avatar for Sora Arakawa arkw
0
340
MAP, Jigsaw, Code Golf 振り返り会 by 関東Kaggler会|Jigsaw 15th Solution
Avatar for s.konishi hasibirok0
0
220
開発に寄りそう自動テストの実現
Avatar for Hiroki Iseri goyoki
1
690
CloudNative Days Winter 2025: 一週間で作る低レイヤコンテナランタイム
Avatar for ternbusty ternbusty
7
2k
手が足りない！兼業データエンジニアに必要だったアーキテクチャと立ち回り
Avatar for zinkosuke zinkosuke
0
510
手軽に積ん読を増やすには？/読みたい本と付き合うには？
Avatar for hideki kinjyo o0h
PRO
1
160
[SF Ruby Conf 2025] Rails X
Avatar for Vladimir Dementyev palkan
0
470
WebRTC と Rust と 8K 60fps
Avatar for tnoho tnoho
2
1.9k

Featured

See All Featured
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
31
9.8k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
120
20k
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
80
6.1k
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
56
14k
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
348
40k
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
16
1.8k
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
697
190k
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
46
7.8k
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
249
1.3M
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
331
21k
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
54
7.9k
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
5
790

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