Merge pull request #1677 from storybooks/used-by-visual-tweaks

Allow wrapping of "used by" items
storybookjs · Aug 18, 2017 · 5681c40 · 5681c40
2 parents 93564fe + 8187e64
commit 5681c40
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/docs/components/Homepage/UsedBy/style.css b/docs/components/Homepage/UsedBy/style.css
@@ -37,21 +37,21 @@
 
 .used-by-users {
   display: flex;
+  flex-wrap: wrap;
   align-items: center;
   justify-content: space-around;
 }
 
 .used-by-user {
   /*flex: 1;*/
-  margin-right: 30px;
+  margin: 0 15px 30px;
   max-width: 100px;
   filter: grayscale(100%);
   opacity: 0.8;
-}
-.used-by-user:last-child {
-  margin-right: 0;
+  transition: filter 0.3s ease-out, opacity 0.3s ease-out;
 }
 .used-by-user:hover {
+  transition: none;
   filter: none;
   opacity: 1;
 }