From 1c0dcbc8a0e534a2a701a25d11666cc4ea7baa0b Mon Sep 17 00:00:00 2001 From: hypnos Date: Fri, 18 Aug 2017 12:04:44 +0300 Subject: [PATCH] Allow wrapping of "used by" items --- docs/components/Homepage/UsedBy/style.css | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/docs/components/Homepage/UsedBy/style.css b/docs/components/Homepage/UsedBy/style.css index 92eea1f3c610..6cda47a98b65 100644 --- 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; }