Added new Haml cheatsheet. Includes Ruby injection with some examples of variable declaration and output. (#736)
This commit is contained in:
parent
639085251c
commit
34009ee911
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
@ -0,0 +1,53 @@
|
||||||
|
---
|
||||||
|
title: Haml
|
||||||
|
category: Markup
|
||||||
|
layout: 2017/sheet
|
||||||
|
prism_languages: [haml]
|
||||||
|
---
|
||||||
|
|
||||||
|
### Doctype
|
||||||
|
|
||||||
|
```haml
|
||||||
|
!!! 5
|
||||||
|
```
|
||||||
|
|
||||||
|
### Tags
|
||||||
|
|
||||||
|
```haml
|
||||||
|
%html
|
||||||
|
%head
|
||||||
|
%title
|
||||||
|
%body
|
||||||
|
%h1 Hello World
|
||||||
|
%br/
|
||||||
|
```
|
||||||
|
|
||||||
|
### Classes and ID's
|
||||||
|
|
||||||
|
```haml
|
||||||
|
%p.class-example
|
||||||
|
.no-tag-defaults-to-div
|
||||||
|
%div#butItCanBeIncluded
|
||||||
|
```
|
||||||
|
|
||||||
|
### Inline Attributes
|
||||||
|
|
||||||
|
Either hash syntax works
|
||||||
|
|
||||||
|
```haml
|
||||||
|
%meta{ name: "viewport", content: "width=device-width, initial-scale=1.0" }
|
||||||
|
%input{ :type => "text", :required => true }
|
||||||
|
```
|
||||||
|
|
||||||
|
### Ruby
|
||||||
|
|
||||||
|
```haml
|
||||||
|
-# This is a comment
|
||||||
|
-# Anything starting with a hyphen signals to Haml that Ruby is coming
|
||||||
|
- @arr = [1, 2, 3]
|
||||||
|
- @str = "test"
|
||||||
|
-# Equal signals output
|
||||||
|
= render partial: "shared/header"
|
||||||
|
= yield
|
||||||
|
= link_to page_url
|
||||||
|
```
|
Loading…
Reference in New Issue