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

Sass for dummies

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
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
20260204_Midosuji_Tech
Avatar for Takuya Yonezawa takuyay0ne
1
140
予期せぬコストの急増を障害のように扱う――「コスト版ポストモーテム」の導入とその後の改善
Avatar for Masahiro Yoshizawa muziyoshiz
1
1.8k
FinTech SREのAWSサービス活用/Leveraging AWS Services in FinTech SRE
Avatar for maaaato maaaato
0
130
Data Hubグループ 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
0
2.7k
フルカイテン株式会社 エンジニア向け採用資料
Avatar for FULL KAITEN fullkaiten
0
10k
Digitization部 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
1
6.8k
プロダクト成長を支える開発基盤とスケールに伴う課題
Avatar for yuu26 yuu26
4
1.3k
GitLab Duo Agent Platform × AGENTS.md で実現するSpec-Driven Development / GitLab Duo Agent Platform × AGENTS.md
Avatar for Niishi Kubo n11sh1
0
130
クレジットカード決済基盤を支えるSRE - 厳格な監査とSRE運用の両立 (SRE Kaigi 2026)
Avatar for capytan capytan
6
2.7k
茨城の思い出を振り返る ～CDKのセキュリティを添えて～ / 20260201 Mitsutoshi Matsuo
Avatar for SHIFT EVOLVE shift_evolve
PRO
1
230
変化するコーディングエージェントとの現実的な付き合い方 〜Cursor安定択説と、ツールに依存しない「資産」〜
Avatar for empitsu empitsu
4
1.3k
ファインディの横断SREがTakumi byGMOと取り組む、セキュリティと開発スピードの両立
Avatar for adachi.ryo rvirus0817
1
1.3k

Featured

See All Featured
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
Avatar for Kenny Baas-Schwegler baasie
0
450
The State of eCommerce SEO: How to Win in Today's Products SERPs - #SEOweek
Avatar for Aleyda Solis aleyda
2
9.5k
Abbi's Birthday
Avatar for Violet Bock coloredviolet
1
4.7k
16th Malabo Montpellier Forum Presentation
Avatar for AKADEMIYA2063 akademiya2063
PRO
0
49
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
31
3.1k
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
307
120k
Accessibility Awareness
Avatar for Sarah Abderemane sabderemane
0
51
The innovator’s Mindset - 
Leading Through an Era of Exponential Change - McGill University 2025
Avatar for Jean-Marc De Jonghe jdejongh
PRO
1
90
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
Avatar for r-kagaya rkaga
60
42k
What Being in a Rock Band Can Teach Us About Real World SEO
Avatar for Ade Holder 427marketing
0
170
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
Avatar for Akihiro Kokubo akihiro_kokubo
PRO
66
36k
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.6k

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]