Skip to content
Open
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion index.html
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,7 @@
<p>The CSS changes are quite straightforward:</p>
<pre><code><span am-Code="removed">.btn</span> <span am-Code="added">[am-Button]</span> { <span am-Code="comment">/* Default button styles */</span> }
<span am-Code="removed">.btn-primary</span> <span am-Code="added">[am-Button~=&quot;primary&quot;]</span> { <span am-Code="comment">/* Primary colours */</span> }
<span am-Code="removed">.btn-large</span> <span am-Code="added">[am-Button~=&quot;large&quot;]</span> { <span am-Code="comment">/* Large sizing */</span> }
<span am-Code="removed">.btn-lg</span> <span am-Code="added">[am-Button~=&quot;large&quot;]</span> { <span am-Code="comment">/* Large sizing */</span> }
</code></pre></section><section am-Example="am-Example"><h3><strong>Example:</strong> Flexbox Grid</h3><p>Using a grid system is commonplace and <a href="http://flexboxgrid.com/">Flexbox Grid</a> is one we&#39;re particularly fond of. Here we&#39;ve converted some example markup into an AM style.</p>
<pre><code>&lt;div <span am-Code="removed">class=&quot;row reverse&quot;</span> <span am-Code="added">am-Grid-Row=&quot;reverse&quot;</span>&gt;
&lt;div <span am-Code="removed">class=&quot;column-12--hand column-8--lap&quot;</span> <span am-Code="added">am-Grid-Col=&quot;12 lap:8&quot;</span>
Expand Down