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

Sass for dummies

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
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
All About Sansan – for New Global Engineers
Avatar for Sansan, Inc. sansan33
PRO
1
1.3k
OWASP Top 10:2025 リリースと 少しの日本語化にまつわる裏話
Avatar for Riotaro OKADA okdt
PRO
2
210
Kiro IDEのドキュメントを全部読んだので地味だけどちょっと嬉しい機能を紹介する
Avatar for khmoryz khmoryz
0
170
Frontier Agents (Kiro autonomous agent / AWS Security Agent / AWS DevOps Agent) の紹介
Avatar for msysh msysh
3
150
コスト削減から「セキュリティと利便性」を担うプラットフォームへ
Avatar for SansanTech sansantech
PRO
3
1.3k
Deno・Bunの標準機能やElysiaJSを使ったWebSocketサーバー実装 / ラーメン屋を貸し切ってLT会! IoTLT 2026新年会
Avatar for you（@youtoy） you
PRO
0
300
外部キー制約の知っておいて欲しいこと - RDBMSを正しく使うために必要なこと / FOREIGN KEY Night
Avatar for soudai sone soudai
PRO
12
4.8k
SREじゃなかった僕らがenablingを通じて「SRE実践者」になるまでのリアル / SRE Kaigi 2026
Avatar for AEON aeonpeople
6
2.1k
Introduction to Sansan for Engineers / エンジニア向け会社紹介
Avatar for Sansan, Inc. sansan33
PRO
6
68k
茨城の思い出を振り返る ～CDKのセキュリティを添えて～ / 20260201 Mitsutoshi Matsuo
Avatar for SHIFT EVOLVE shift_evolve
PRO
1
200
ファインディの横断SREがTakumi byGMOと取り組む、セキュリティと開発スピードの両立
Avatar for adachi.ryo rvirus0817
1
1.2k
日本の85%が使う公共SaaSは、どう育ったのか
Avatar for たけだ taketakekaho
1
140

Featured

See All Featured
Side Projects
Avatar for Sacha Greif sachag
455
43k
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
Avatar for Szymon szymonslowik
1
910
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1032
470k
Darren the Foodie - Storyboard
Avatar for Kevinho.art khoart
PRO
2
2.3k
Navigating the moral maze — ethical principles for Al-driven product design
Avatar for Skipper Chong Warson skipperchong
2
240
Crafting Experiences
Avatar for Bethany Jepchumba bethany
1
46
Designing for Performance
Avatar for Lara Hogan lara
610
70k
Paper Plane (Part 1)
Avatar for Katie Cordina Lindsey katiecoart
PRO
0
4k
BBQ
Avatar for Matthew Crist matthewcrist
89
10k
Technical Leadership for Architectural Decision Making
Avatar for Kenny Baas-Schwegler baasie
1
240
A Soul's Torment
Avatar for Nat Ma seathinner
5
2.2k
SEO in 2025: How to Prepare for the Future of Search
Avatar for Michael King ipullrank
3
3.3k

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]