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
99

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
63
AfroPython: Empowering black people using Python in Brazil
Avatar for Felipe de Morais felipedemorais
0
220
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
38
AfroPython: empoderando a la población negra usando Python en Brasil
Avatar for Felipe de Morais felipedemorais
1
47
Por que eventos de tecnologia são lugares hostis para mulheres, da perspectiva de um homem
Avatar for Felipe de Morais felipedemorais
0
74
Taller de Docker
Avatar for Felipe de Morais felipedemorais
0
260
Docker no Registro Livre
Avatar for Felipe de Morais felipedemorais
1
79

Other Decks in Programming

See All in Programming
テストから始めるAgentic Coding 〜Claude Codeと共に行うTDD〜 / Agentic Coding starts with testing
Avatar for r-kagaya rkaga
15
5.5k
猫と暮らす Google Nest Cam生活🐈 / WebRTC with Google Nest Cam
Avatar for Yutaro Muta yutailang0119
0
170
なんとなくわかった気になるブロックテーマ入門/contents.nagoya 2025 6.28
Avatar for Chiaki Okamoto chiilog
1
280
Composerが「依存解決」のためにどんな工夫をしているか #phpcon
Avatar for hideki kinjyo o0h
PRO
1
340
Agentic Coding: The Future of Software Development with Agents
Avatar for Armin Ronacher mitsuhiko
0
130
MDN Web Docs に日本語翻訳でコントリビュートしたくなる
Avatar for uutan1108 ohmori_yusuke
1
130
Goで作る、開発・CI環境
Avatar for Shinpei Mine sin392
0
260
What's new in AppKit on macOS 26
Avatar for 1024jp 1024jp
0
150
Flutterで備える！Accessibility Nutrition Labels完全ガイド
Avatar for 野瀬田　裕樹 yuukiw00w
0
170
Rails Frontend Evolution: It Was a Setup All Along
Avatar for Svyatoslav Kryukov skryukov
0
270
たった 1 枚の PHP ファイルで実装する MCP サーバ / MCP Server with Vanilla PHP
Avatar for Shohei Okada okashoi
1
290
「App Intent」よくわからんけどすごい！
Avatar for rinngo rinngo0302
1
100

Featured

See All Featured
Music & Morning Musume
Avatar for Bryan Veloso bryan
46
6.7k
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
49
14k
What’s in a name? Adding method to the madness
Avatar for Product Marketing Alliance productmarketing
PRO
23
3.5k
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
29
9.6k
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
54
13k
Embracing the Ebb and Flow
Avatar for Simon Collison colly
86
4.8k
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
31
1.3k
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
351
21k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.4k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
181
54k
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
379
70k
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
140
7k

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