From 2a0280858604ac58f4ccbdc50a8169438f9aaabf Mon Sep 17 00:00:00 2001 From: "Rico Sta. Cruz" Date: Mon, 4 Sep 2017 10:49:50 +0800 Subject: [PATCH] slim: update --- slim.md | 50 ++++++++++++++++++++++++++++++++++++++------------ 1 file changed, 38 insertions(+), 12 deletions(-) diff --git a/slim.md b/slim.md index 67b364436..7df1ba919 100644 --- a/slim.md +++ b/slim.md @@ -1,9 +1,14 @@ --- title: Slim category: Ruby libraries +layout: 2017/sheet +prism_languages: [jade] +weight: -1 --- -```slim +### Example + +```jade doctype html html head @@ -18,16 +23,35 @@ html content='this is the song that never ends') ``` +### Attributes + +```jade +meta[charset='utf-8'] +meta(name="keywords" content="template language") +meta name="author" content=author +``` + +You can use parentheses, brackets, or none at all. + ### Ruby attributes -```slim +```jade a class=[:menu,:highlight] +``` + +You can use Ruby expressions in attributes. + +### Hash attributes + +```jade .card *{'data-url' => place_path(place)} ``` -### Inline ruby +You can destructure Ruby hashes as attributes. -```slim +### Inline Ruby + +```jade ruby: def foobar "hello" @@ -36,23 +60,23 @@ ruby: div= foobar ``` -### Embedded js +### Embedded JavaScript -```slim +```jade javascript: alert('Slim supports embedded javascript!') ``` ### Comments -```slim +```jade / Comment /! HTML comment ``` ### Ruby -```slim +```jade == yield = t('.hello') - 3.times do |i| @@ -61,7 +85,7 @@ javascript: ### Verbatim text -```slim +```jade div | This is text it is nice @@ -69,7 +93,7 @@ div ### Inline HTML -```slim +```jade
- if articles.empty? | Nothing here @@ -78,9 +102,11 @@ div ### Inline tags -```slim +```jade ul li: a(href='/') Home ``` - +### References + +-