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
65
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
41
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
270
Docker no Registro Livre
Avatar for Felipe de Morais felipedemorais
1
79

Other Decks in Programming

See All in Programming
株式会社 Sun terras カンパニーデック
Avatar for Sun terras.Inc sunterras
0
300
GraphQL×Railsアプリのデータベース負荷分散 - 月間3,000万人利用サービスを無停止で
Avatar for Koya Masuda koxya
1
1.3k
Go言語の特性を活かした公式MCP SDKの設計
Avatar for hond hond0413
1
230
dynamic!
Avatar for MOROHASHI Kyosuke moro
10
7.8k
Railsだからできる 例外業務に禍根を残さない 設定設計パターン
Avatar for えいえい ei_ei_eiichi
0
810
Server Side Kotlin Meetup vol.16: 内部動作を理解して ハイパフォーマンスなサーバサイド Kotlin アプリケーションを書こう
Avatar for ternbusty ternbusty
3
180
overlayPreferenceValue で実現する ピュア SwiftUI な AdMob ネイティブ広告
Avatar for Takashi uhucream
0
180
CI_CD「健康診断」のススメ。現場でのボトルネック特定から、健康診断を通じた組織的な改善手法
Avatar for teamLab teamlab
PRO
0
210
kiroとCodexで最高のSpec駆動開発を！！数時間で web3ネイティブなミニゲームを作ってみたよ！
Avatar for Haruki Kondo mashharuki
0
180
All About Angular's New Signal Forms
Avatar for Manfred Steyer manfredsteyer
PRO
0
140
TFLintカスタムプラグインで始める Terraformコード品質管理
Avatar for bells17 bells17
2
170
開発生産性を上げるための生成AI活用術
Avatar for starfish719 starfish719
3
890

Featured

See All Featured
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
379
70k
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.2k
Code Review Best Practice
Avatar for Trisha Gee trishagee
72
19k
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
31
6.2k
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
54
9k
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
45
2.5k
Navigating Team Friction
Avatar for Lara Hogan lara
190
15k
Leading Effective Engineering Teams in the AI Era
Avatar for Addy Osmani addyosmani
4
390
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.5k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
Avatar for Eileen M. Uchitelle eileencodes
140
34k
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
91
590k
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
407
66k

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