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

Sass - FEMUGAM 4 - Diego Lucena

Avatar for Femug Femug
June 24, 2017
Technology
0
59

Sass - FEMUGAM 4 - Diego Lucena

Avatar for Femug

Femug

June 24, 2017
Tweet

More Decks by Femug

See All by Femug
Angular - FEMUG AM 4 - Jaime Neves
Avatar for Femug femugam
0
63

Other Decks in Technology

See All in Technology
企業の生成AIガバナンスにおけるエージェントとセキュリティ
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
3
200
ブロックテーマ時代における、テーマの CSS について考える Toro_Unit / 2025.09.13 @ Shinshu WordPress Meetup
Avatar for Toro_Unit (Hiroshi Urabe) torounit
0
130
slog.Handlerのよくある実装ミス
Avatar for H.Saki sakiengineer
4
490
エンジニアがデザインまで担うための AI駆動UIデザイン/フロントエンド開発実践
Avatar for 北見海貴 kitami
2
110
なぜテストマネージャの視点が 必要なのか？ 〜 一歩先へ進むために 〜
Avatar for Sammy(MoritaMasami) moritamasami
0
240
Generative AI Japan 第一回生成AI実践研究会「AI駆動開発の現在地──ブレイクスルーの鍵を握るのはデータ領域」
Avatar for KoheiOgawa shisyu_gaku
0
340
新規プロダクトでプロトタイプから正式リリースまでNext.jsで開発したリアル
Avatar for かわりく / Kawano Riku kawanoriku0
1
470
実践！カスタムインストラクション＆スラッシュコマンド
Avatar for puku0x puku0x
0
560
スクラムガイドに載っていないスクラムのはじめかた - チームでスクラムをはじめるときに知っておきたい勘所を集めてみました！ - / How to start Scrum that is not written in the Scrum Guide 2nd
Avatar for TAKAKING22 takaking22
2
240
はじめてのOSS開発からみえたGo言語の強み
Avatar for shibutani shibukazu
4
1k
Autonomous Database - Dedicated 技術詳細 / adb-d_technical_detail_jp
Avatar for oracle4engineer oracle4engineer
PRO
4
10k
Firestore → Spanner 移行 を成功させた段階的移行プロセス
Avatar for a-thug athug
1
510

Featured

See All Featured
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
301
51k
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
347
40k
What's in a price? How to price your products and services
Avatar for Michael Herold michaelherold
246
12k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
507
140k
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
656
61k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
113
20k
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
368
19k
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
329
39k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
18
1.1k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
46
7.6k
Visualization
Avatar for Eitan Lees eitanlees
148
16k
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
407
66k

Transcript

  1. None

  2. Revolucionando e Facilitando seu CSS

  3. Passo 1: Como usar?

  4. Passo 1: Como usar?

  5. Passo 1: Como usar?

  6. Passo 1: Como usar? http://github.com/mozz4rt/sassy-can

  7. Mas, pra que usar?

  8. None
  9. None

  10. Então, vamos ao que interessa??

  11. 1 - Aninhamento

  12. None
  13. None
  14. None

  15. 2 - Partials (partes)

  16. 3 - Extend

  17. None

  18. 4 - Variáveis

  19. None

  20. 5 - Mix-ins

  21. None
  22. None
  23. None

  24. 6 - Functions

  25. None

  26. Funções e Mix-ins Qual a diferença?

  27. Só isso?

  28. Só isso? Não! :D

  29. None

  30. Agora foi!

  31. Agora foi! Obrigado pela atenção!! (vai ser em comic sans

    mermo porque eu to com sono!)

  32. Agora foi! Obrigado pela atenção!! (vai ser em comic sans

    mermo porque eu to com sono!)