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

Sass for dummies

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for Fullstack Meetup Fullstack Meetup
September 13, 2017
Technology
0
62

Sass for dummies

Meetup #2 - Sass for dummies

Avatar for Fullstack Meetup

Fullstack Meetup

September 13, 2017
Tweet

Other Decks in Technology

See All in Technology
ClickHouseはどのように大規模データを活用したAIエージェントを全社展開しているのか
Avatar for Miki Matsumoto mikimatsumoto
0
210
Cosmos World Foundation Model Platform for Physical AI
Avatar for Takuya MINAGAWA takmin
0
690
AI駆動PjMの理想像 と現在地 -実践例を添えて-
Avatar for オカムラ masahiro_okamura
1
110
AI駆動開発を事業のコアに置く
Avatar for 鬼澤輔 tasukuonizawa
1
100
会社紹介資料 / Sansan Company Profile
Avatar for Sansan, Inc. sansan33
PRO
15
400k
20260204_Midosuji_Tech
Avatar for Takuya Yonezawa takuyay0ne
1
140
小さく始めるBCP ― 多プロダクト環境で始める最初の一歩
Avatar for kekke-n kekke_n
1
380
Codex 5.3 と Opus 4.6 にコーポレートサイトを作らせてみた / Codex 5.3 vs Opus 4.6
Avatar for ama-ch ama_ch
0
110
15 years with Rails and DDD (AI Edition)
Avatar for Andrzej Krzywda andrzejkrzywda
0
180
なぜ今、コスト最適化（倹約）が必要なのか？ ～AWSでのコスト最適化の進め方「目的編」～
Avatar for Hayato Tan htan
1
110
GitLab Duo Agent Platform × AGENTS.md で実現するSpec-Driven Development / GitLab Duo Agent Platform × AGENTS.md
Avatar for Niishi Kubo n11sh1
0
130
Context Engineeringの取り組み
Avatar for nutslove nutslove
0
320

Featured

See All Featured
The Hidden Cost of Media on the Web [PixelPalooza 2025]
Avatar for Tammy Everts tammyeverts
2
180
The browser strikes back
Avatar for Jono Alderson jonoalderson
0
360
Lightning talk: Run Django tests with GitHub Actions
Avatar for Sarah Abderemane sabderemane
0
110
What Being in a Rock Band Can Teach Us About Real World SEO
Avatar for Ade Holder 427marketing
0
170
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
356
21k
Ten Tips & Tricks for a 🌱 transition
Avatar for Manu Carrasco Molina stuffmc
0
65
Docker and Python
Avatar for Tania Allard trallard
47
3.7k
Why Mistakes Are the Best Teachers: Turning Failure into a Pathway for Growth
Avatar for Umar Saidu Auna auna
0
51
Deep Space Network (abreviated)
Avatar for Tony Rice tonyrice
0
47
A better future with KSS
Avatar for Kyle Neath kneath
240
18k
Beyond borders and beyond the search box: How to win the global "messy middle" with AI-driven SEO
Avatar for David Carrasco davidcarrasco
1
49
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
91
590k

Transcript

  1. None

  2. Presenta: Sass for Dummies

  3. Hola!

  4. Place your screenshot here Definamos:

  5. Sass es un pre-procesador de CSS

  6. None
  7. None

  8. ¿Estadística de uso de Sass?

  9. Estadísticas de uso de pre-procesadores de CSS

  10. Virtudes de Sass: Información más detallada http://sass-lang.com • • •

    • • • • •

  11. Sintaxis • • • •

  12. Variables

  13. Listas / Arrays 1

  14. Bucles nth($lista, $indice) : Función nativa de Sass, permite elegir

    un índice determinado de una lista. length($lista) : Función nativa de Sass, devuelve la cantidad de elementos de una lista

  15. Bucles

  16. Pero, ¿y como compilo Sass?

  17. Consola Koala Prepros

  18. None

  19. ¿Quiénes usan Sass?

  20. None
  21. None
  22. None

  23. Gracias!

  24. Laravel Deploy

  25. https://www.meetup.com/es/The-FullStack-Meetup/ https://twitter.com/fullstackmeet [email protected]