From 6ef22eefb1eb30b0dc6b4f6c4ac5ada8d1e59258 Mon Sep 17 00:00:00 2001 From: Brian Stone Date: Thu, 5 Apr 2012 16:10:27 -0700 Subject: [PATCH] Fixed gutters. --- example/index.html | 4 +++- example/masonry.css | 14 ++++++++------ example/masonry.js | 13 ++++++++++--- 3 files changed, 21 insertions(+), 10 deletions(-) diff --git a/example/index.html b/example/index.html index f4da830d..172dd4ba 100644 --- a/example/index.html +++ b/example/index.html @@ -10,6 +10,8 @@ -
+
+
+
diff --git a/example/masonry.css b/example/masonry.css index 817d4345..e04d01dc 100644 --- a/example/masonry.css +++ b/example/masonry.css @@ -9,20 +9,22 @@ body { padding-top: 15px; } -#container { +#container-wrap { + padding: 10px; + padding-bottom: 0; background-color: black; - width: 100%; - padding: 5px; - margin-top: 15px; + margin: 15px 0; +} + +#container { } .box { padding: 5px; - margin: 5px; background-color: #ccc; float: left; width: 190px; - box-sizing: border-box; + margin-bottom: 10px; } .box .close { diff --git a/example/masonry.js b/example/masonry.js index b3dbdf96..937a8d6a 100644 --- a/example/masonry.js +++ b/example/masonry.js @@ -6,8 +6,14 @@ $(function () { }; function create () { - var close = $('').attr('href', '#').addClass('close').text('Close'), - $box = $('
').addClass('box').lorem(lorem).prepend(close); + var close = $('') + .attr('href', '#') + .addClass('close') + .text('Close'), + $box = $('
') + .addClass('box') + .append($('').lorem(lorem)) + .prepend(close); // Make box resizable $box.resizable({ @@ -29,7 +35,8 @@ $(function () { $('#container').masonry({ itemSelector: '.box', columnWidth: 100, - isAnimated: true + isAnimated: true, + gutterWidth: 5 }); add();