title: Flutter Documentation
short-title: Docs

description: The landing page for Flutter documentation.

cheatsheet

.blue {
color: blue;
}

This is a paragraph that for some reason we want blue.
{: .blue}

{% highlight ruby linenos %}
def foo
puts ‘foo’
end
{% endhighlight %}

{% highlight ruby %}
def foo
puts ‘foo’
end
{% endhighlight %}

In both HTML and Flutter, child elements or widgets are anchored at
the top left, by default.

def what?
  42
end

{: .language-ruby}

{{ ‘Use “Jekyll” —- the static generator…’ | smartify }}

{{ page.title | smartify }}

A simple paragraph with an ID attribute.
{: #para-one}

A blockquote with a title
{:title=”The blockquote title”}
{: #myid}

• {:.cls} This item has the class “cls”

{:.ruby}
Some code here