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

Sass - CSS com super poderes

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
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
9
FeliPython - Começando com FastAPI: construa sua primeira API em Python 🐍
Avatar for Felipe de Morais felipedemorais
0
11
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
130
Dev preto de sucesso
Avatar for Felipe de Morais felipedemorais
0
78
AfroPython: Empowering black people using Python in Brazil
Avatar for Felipe de Morais felipedemorais
0
250
Felipe de Morais - Keynote Python Brasil 2019 - Ribeirão preto
Avatar for Felipe de Morais felipedemorais
0
220
Felipe de Morais - PyCon Africa 2019 - Accra, Ghana
Avatar for Felipe de Morais felipedemorais
0
47
AfroPython: empoderando a la población negra usando Python en Brasil
Avatar for Felipe de Morais felipedemorais
1
58
Por que eventos de tecnologia são lugares hostis para mulheres, da perspectiva de um homem
Avatar for Felipe de Morais felipedemorais
0
87

Other Decks in Programming

See All in Programming
20260315 AWSなんもわからん🥲
Avatar for Chiaki Okamoto chiilog
2
160
「接続」—パフォーマンスチューニングの最後の一手 〜点と点を結ぶ、その一瞬のために〜
Avatar for 武田 憲太郎 kentaroutakeda
3
970
[PHPerKaigi 2026]PHPerKaigi2025の企画CodeGolfが最高すぎて社内で内製して半年運営して得た内製と運営の知見
Avatar for Z.O.E. ikezoemakoto
0
160
脱 雰囲気実装！ AgentCoreを良い感じに WEBアプリケーションに組み込むために
Avatar for Takuya Yonezawa takuyay0ne
3
330
Takumiから考えるSecurity_Maturity_Model.pdf
Avatar for gessy0129 gessy0129
1
150
Cyrius ーLinux非依存にコンテナをネイティブ実行する専用OSー
Avatar for n4mlz n4mlz
0
220
CSC307 Lecture 14
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
480
メタプログラミングで実現する「コードを仕様にする」仕組み/nikkei-tech-talk43
Avatar for 日本経済新聞社 エンジニア採用事務局 nikkei_engineer_recruiting
0
200
ロボットのための工場に灯りは要らない
Avatar for watany watany
11
3k
車輪の再発明をしよう！PHP で実装して学ぶ、Web サーバーの仕組みと HTTP の正体
Avatar for H1R0 h1r0
0
130
RubyとGoでゼロから作る証券システム： 高信頼性が求められるシステムのコードの外側にある設計と運用のリアル
Avatar for free_world21 free_world21
0
310
Linux Kernelの1文字のミスで 権限昇格ができた話
Avatar for rona rqda
0
1.8k

Featured

See All Featured
Beyond borders and beyond the search box: How to win the global "messy middle" with AI-driven SEO
Avatar for David Carrasco davidcarrasco
3
78
The Language of Interfaces
Avatar for Des Traynor destraynor
162
26k
The Limits of Empathy - UXLibs8
Avatar for Cassini Nazir cassininazir
1
270
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
333
22k
Taking LLMs out of the black box: A practical guide to human-in-the-loop distillation
Avatar for Ines Montani inesmontani
PRO
3
2.1k
Redefining SEO in the New Era of Traffic Generation
Avatar for Szymon Słowik szymonslowik
1
250
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
17k
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
698
190k
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
16
1.9k
Color Theory Basics | Prateek | Gurzu
Avatar for Gurzu gurzu
0
260
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
Avatar for r-kagaya rkaga
60
43k
Getting science done with accelerated Python computing platforms
Avatar for Jacob Tomlinson jacobtomlinson
2
150

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