From 5dd80c10200c868f7df23cd7a3d2e0cb6cb65d36 Mon Sep 17 00:00:00 2001 From: Matthew Taylor Date: Wed, 24 Aug 2016 10:55:13 -0400 Subject: [PATCH] additional reformatting --- src/components/grid/grid.scss | 71 ++++++++++++++++------------------- 1 file changed, 33 insertions(+), 38 deletions(-) diff --git a/src/components/grid/grid.scss b/src/components/grid/grid.scss index 914090982..2afed6b19 100644 --- a/src/components/grid/grid.scss +++ b/src/components/grid/grid.scss @@ -13,26 +13,46 @@ .flex-row { margin: 0 auto; - padding: 12px; + padding: 12px 0; width: $cols12; justify-content: flex-start; } .thumbnail { - margin: 6px; - padding: 0; + margin: 7px; + border-radius: 4px; + box-shadow: 0 0 3px $box-shadow-gray; + background-color: $ui-white; + padding-bottom: 4px; + width: $thumbnail-width; - &.gallery, - &.project { - margin-bottom: 16px; - border-radius: 4px; - box-shadow: 0 0 3px $box-shadow-gray; - background-color: $ui-white; - width: $thumbnail-width; + .thumbnail-image { + margin: 8px auto; + width: $thumbnail-inner-width; + } - .thumbnail-image { - margin: 8px auto; - width: $thumbnail-inner-width; + .thumbnail-info { + margin: 0 auto; + width: $thumbnail-inner-width; + + .creator-image { + float: left; + + img { + margin-right: 8px; + border-radius: 4px; + width: 32px; + height: 32px; + } + } + + .thumbnail-title { + float: left; + max-width: 164px; + + .thumbnail-creator a { + color: $type-gray; + } } } @@ -66,31 +86,6 @@ } } } - - .thumbnail-info { - margin: 0 auto; - width: $thumbnail-inner-width; - - .creator-image { - float: left; - - img { - margin-right: 8px; - border-radius: 4px; - width: 32px; - height: 32px; - } - } - - .thumbnail-title { - float: left; - max-width: 164px; - - .thumbnail-creator a { - color: $type-gray; - } - } - } } &.column {