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

Sass for dummies

Avatar for Fullstack Meetup Fullstack Meetup
September 13, 2017
Technology
0
61

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
実践！カスタムインストラクション＆スラッシュコマンド
Avatar for puku0x puku0x
0
540
AIエージェント開発用SDKとローカルLLMをLINE Botと組み合わせてみた / LINEを使ったLT大会 #14
Avatar for you（@youtoy） you
PRO
0
130
まずはマネコンでちゃちゃっと作ってから、それをCDKにしてみよか。
Avatar for ヤマダ（北野） yamada_r
2
120
現場で効くClaude Code ─ 最新動向と企業導入
Avatar for TakaakiKakei takaakikakei
1
260
COVESA VSSによる車両データモデルの標準化とAWS IoT FleetWiseの活用
Avatar for Yuto Osawa osawa
1
400
Terraformで構築する セルフサービス型データプラットフォーム / terraform-self-service-data-platform
Avatar for pei0804 pei0804
1
200
react-callを使ってダイヤログをいろんなとこで再利用しよう！
Avatar for shinaps shinaps
2
270
EncryptedSharedPreferences が deprecated になっちゃった！どうしよう！ / Oh no! EncryptedSharedPreferences has been deprecated! What should I do?
Avatar for Yuki Anzai yanzm
0
490
Automating Web Accessibility Testing with AI Agents
Avatar for South maminami373
0
1.3k
Generative AI Japan 第一回生成AI実践研究会「AI駆動開発の現在地──ブレイクスルーの鍵を握るのはデータ領域」
Avatar for KoheiOgawa shisyu_gaku
0
330
LLM時代のパフォーマンスチューニング：MongoDB運用で試したコンテキスト活用の工夫
Avatar for ishikawa-pro ishikawa_pro
0
170
Snowflake Intelligenceにはこうやって立ち向かう！クラシルが考えるAI Readyなデータ基盤と活用のためのDataOps
Avatar for harry gappy50
0
280

Featured

See All Featured
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
273
40k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
188
55k
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
33
8.8k
What’s in a name? Adding method to the madness
Avatar for Product Marketing Alliance productmarketing
PRO
23
3.7k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
7
850
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
272
27k
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
358
30k
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
28
4k
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
207
24k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
8
530
Music & Morning Musume
Avatar for Bryan Veloso bryan
46
6.8k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
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]