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
93

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
54
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
34
AfroPython: empoderando a la población negra usando Python en Brasil
Avatar for Felipe de Morais felipedemorais
1
44
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
読書シェア会 vol.4 『ダイナミックリチーミング 第2版』
Avatar for Kotaro Kamashima kotaro666
0
110
エンジニア向けCursor勉強会 @ SmartHR
Avatar for Yuki Horikoshi yukisnow1823
3
12k
Golangci-lint v2爆誕: 君たちはどうすべきか
Avatar for logica / Takuto Nagami logica0419
1
260
By the way Google Cloud Next 2025に行ってみてどうだった
Avatar for Kento.Yamada ymd65536
0
130
オープンソースコントリビュート入門
Avatar for katsuma _katsuma
0
130
設計の本質：コード、システム、そして組織へ / The Essence of Design: To Code, Systems, and Organizations
Avatar for nrs nrslib
10
3.8k
ComposeでのPicture in Picture
Avatar for takathemax takathemax
0
140
Browser and UI #2 HTML/ARIA
Avatar for ken7253 ken7253
2
180
AIコーディングの理想と現実
Avatar for Tomohisa Takaoka tomohisa
37
40k
note の Elasticsearch 更新系を支える技術
Avatar for chov(Kohei T) tchov
9
3.6k
The Nature of Complexity in John Ousterhout’s Philosophy of Software Design
Avatar for Philip Schwarz philipschwarz
PRO
0
170
Laravel × Clean Architecture
Avatar for Takayuki bumptakayuki
PRO
0
150

Featured

See All Featured
Building Applications with DynamoDB
Avatar for Matt Wood mza
94
6.4k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
120
52k
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
137
6.9k
Practical Tips for Bootstrapping Information Extraction Pipelines
Avatar for Matthew Honnibal honnibal
PRO
19
1.2k
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
329
24k
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
307
110k
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
790
250k
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
299
50k
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
54
13k
KATA
Avatar for Megan Lloyd mclloyd
29
14k
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
357
30k
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
6
540

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