Browse Source

docs : remove .iso-container. Add clearfix to demo containers

pull/14/head
David DeSandro 14 years ago
parent
commit
d0a4364657
  1. 2
      _layouts/inf-scroll-page.html
  2. 2
      _posts/demos/2010-12-12-basic.html
  3. 2
      _posts/demos/2010-12-13-elements-complete.html
  4. 2
      _posts/demos/2010-12-16-elements-partial.html
  5. 2
      _posts/demos/2010-12-29-layout-modes.html
  6. 2
      _posts/demos/2010-12-30-filtering.html
  7. 2
      _posts/demos/2010-12-30-sorting.html
  8. 2
      _posts/demos/2010-12-31-relayout.html
  9. 2
      _posts/demos/2011-01-02-adding-items.html
  10. 2
      _posts/demos/2011-01-02-infinite-scroll.html
  11. 2
      _posts/demos/2011-01-11-images.html
  12. 7
      css/style.css

2
_layouts/inf-scroll-page.html

@ -11,7 +11,7 @@
<h1>{{ page.title }}</h1> <h1>{{ page.title }}</h1>
<div id="container" class="iso-container variable-sizes"> <div id="container" class="variable-sizes">
{% assign page_position = page.page_position %} {% assign page_position = page.page_position %}
{% for element in site.elements_ordered limit:20 offset:page_position %} {% for element in site.elements_ordered limit:20 offset:page_position %}
{% include element-partial.html %} {% include element-partial.html %}

2
_posts/demos/2010-12-12-basic.html

@ -9,7 +9,7 @@ related: etc
<p>This is a basic demo of Isotope. Resize the browser window to see the layout animate.</p> <p>This is a basic demo of Isotope. Resize the browser window to see the layout animate.</p>
</section> </section>
<div id="container" class="iso-container"> <div id="container">
{% for element in site.elements_ordered limit:20 %} {% for element in site.elements_ordered limit:20 %}
{% include element-partial.html %} {% include element-partial.html %}
{% endfor %} {% endfor %}

2
_posts/demos/2010-12-13-elements-complete.html

@ -5,7 +5,7 @@ category: demos
related: etc related: etc
--- ---
<div id="container" class="iso-container clickable"> <div id="container" class="clickable clearfix">
{% for element in site.elements %} {% for element in site.elements %}
{% include element-partial.html %} {% include element-partial.html %}
{% endfor %} {% endfor %}

2
_posts/demos/2010-12-16-elements-partial.html

@ -5,7 +5,7 @@ category: demos
related: etc related: etc
--- ---
<div id="container" class="iso-container clickable"> <div id="container" class="clickable clearfix">
{% for element in site.elements_best_of %} {% for element in site.elements_best_of %}
{% include element-partial.html %} {% include element-partial.html %}
{% endfor %} {% endfor %}

2
_posts/demos/2010-12-29-layout-modes.html

@ -16,7 +16,7 @@ related: layouts
</section> <!-- #options --> </section> <!-- #options -->
<div id="container" class="iso-container variable-sizes"> <div id="container" class="variable-sizes clearfix">
{% for element in site.elements_ordered limit:20 %} {% for element in site.elements_ordered limit:20 %}
{% include element-partial.html %} {% include element-partial.html %}
{% endfor %} {% endfor %}

2
_posts/demos/2010-12-30-filtering.html

@ -23,7 +23,7 @@ related: filtering
</section> <!-- #options --> </section> <!-- #options -->
<div id="container" class="iso-container"> <div id="container" class="clearfix">
{% for element in site.elements_best_of %} {% for element in site.elements_best_of %}
{% include element-partial.html %} {% include element-partial.html %}
{% endfor %} {% endfor %}

2
_posts/demos/2010-12-30-sorting.html

@ -16,7 +16,7 @@ related: sorting
</section> <!-- #options --> </section> <!-- #options -->
<div id="container" class="iso-container"> <div id="container" class="clearfix">
{% for element in site.elements_best_of %} {% for element in site.elements_best_of %}
{% include element-partial.html %} {% include element-partial.html %}
{% endfor %} {% endfor %}

2
_posts/demos/2010-12-31-relayout.html

@ -16,7 +16,7 @@ related: methods
</ul> </ul>
</section> </section>
<div id="container" class="iso-container clickable"> <div id="container" class="clickable clearfix">
{% for element in site.elements_ordered limit:20 %} {% for element in site.elements_ordered limit:20 %}
{% include element-partial.html %} {% include element-partial.html %}
{% endfor %} {% endfor %}

2
_posts/demos/2011-01-02-adding-items.html

@ -18,7 +18,7 @@ related: methods
</ul> </ul>
</section> </section>
<div id="container" class="iso-container"> <div id="container" class="clearfix">
{% for element in site.elements_best_of limit:10 %} {% for element in site.elements_best_of limit:10 %}
{% include element-partial.html %} {% include element-partial.html %}
{% endfor %} {% endfor %}

2
_posts/demos/2011-01-02-infinite-scroll.html

@ -10,7 +10,7 @@ infinite_scroll: true
<p>Isotope is interoperable with <a href="http://www.infinite-scroll.com/">Infinite Scroll</a> by Paul Irish. Use the <a href="../docs/methods.html#appended"><code>appended</code></a> method to add new items to the Isotope layout.</p> <p>Isotope is interoperable with <a href="http://www.infinite-scroll.com/">Infinite Scroll</a> by Paul Irish. Use the <a href="../docs/methods.html#appended"><code>appended</code></a> method to add new items to the Isotope layout.</p>
</section> </section>
<div id="container" class="iso-container variable-sizes"> <div id="container" class="variable-sizes clearfix">
{% for element in site.elements_ordered limit:20 %} {% for element in site.elements_ordered limit:20 %}
{% include element-partial.html %} {% include element-partial.html %}
{% endfor %} {% endfor %}

2
_posts/demos/2011-01-11-images.html

@ -19,7 +19,7 @@ photos:
</section> </section>
<div id="container" class="iso-container photos"> <div id="container" class="photos clearfix">
{% for photo in page.photos %} {% for photo in page.photos %}
<div class="photo"> <div class="photo">
{{ photo }} {{ photo }}

7
css/style.css

@ -66,9 +66,8 @@ body {
height: 100%; height: 100%;
} }
.iso-container { #container {
background: transparent; border: 1px solid #666;
border: 1px solid #FFF;
padding: 5px; padding: 5px;
margin-bottom: 20px; margin-bottom: 20px;
} }
@ -341,7 +340,7 @@ body {
/**** Horizontal ****/ /**** Horizontal ****/
.horizontal .iso-container { .horizontal #container {
height: 80%; height: 80%;
} }

Loading…
Cancel
Save