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
Frontier Agents (Kiro autonomous agent / AWS Security Agent / AWS DevOps Agent) の紹介
Avatar for msysh msysh
3
150
ClickHouseはどのように大規模データを活用したAIエージェントを全社展開しているのか
Avatar for Miki Matsumoto mikimatsumoto
0
200
Contract One Engineering Unit 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
0
13k
AWS Network Firewall Proxyを触ってみた
Avatar for nagisa_53 nagisa53
0
150
CDK対応したAWS DevOps Agentを試そう_20260201
Avatar for モブエンジニア（Masaki Okuda） masakiokuda
1
210
配列に見る bash と zsh の違い
Avatar for kazzpapa3 kazzpapa3
1
110
名刺メーカーDevグループ 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
0
1k
Azure Durable Functions で作った NL2SQL Agent の精度向上に取り組んだ話/jat08
Avatar for TonyTonyKun thara0402
0
150
SREじゃなかった僕らがenablingを通じて「SRE実践者」になるまでのリアル / SRE Kaigi 2026
Avatar for AEON aeonpeople
6
2.2k
Webhook best practices for rock solid and resilient deployments
Avatar for Guillaume Laforge glaforge
1
270
会社紹介資料 / Sansan Company Profile
Avatar for Sansan, Inc. sansan33
PRO
15
400k
Introduction to Sansan, inc / Sansan Global Development Center, Inc.
Avatar for Sansan, Inc. sansan33
PRO
0
3k

Featured

See All Featured
BBQ
Avatar for Matthew Crist matthewcrist
89
10k
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
359
30k
The Mindset for Success: Future Career Progression
Avatar for Greg Gifford greggifford
PRO
0
230
Writing Fast Ruby
Avatar for Erik Berlin sferik
630
62k
Sam Torres - BigQuery for SEOs
Avatar for Tech SEO Connect techseoconnect
PRO
0
180
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
Avatar for Kenny Baas-Schwegler baasie
0
440
Organizational Design Perspectives: An Ontology of Organizational Design Elements
Avatar for Dr. Kim W Petersen kimpetersen
PRO
1
110
Pawsitive SEO: Lessons from My Dog (and Many Mistakes) on Thriving as a Consultant in the Age of AI
Avatar for David Carrasco davidcarrasco
0
62
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
57
14k
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
356
21k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
38
2.7k
brightonSEO & MeasureFest 2025 - Christian Goodrich - Winning strategies for Black Friday CRO & PPC
Avatar for Christian Goodrich cargoodrich
3
97

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]