From d4a0afccb21393d61b7f160cfcbbc5f91150efbb Mon Sep 17 00:00:00 2001 From: Outsider Date: Fri, 16 Aug 2019 12:20:58 +0900 Subject: [PATCH 1/3] fix sponsors background color for readability Signed-off-by: Outsider --- docs/_includes/sponsors.md | 5 +++-- docs/css/style.css | 9 ++++++++- 2 files changed, 11 insertions(+), 3 deletions(-) diff --git a/docs/_includes/sponsors.md b/docs/_includes/sponsors.md index 86c24b88f1..257f9524b1 100644 --- a/docs/_includes/sponsors.md +++ b/docs/_includes/sponsors.md @@ -1,9 +1,10 @@ ## Sponsors -Use Mocha at Work? Ask your manager or marketing team if they'd help [support](https://opencollective.com/mochajs#support) our project. Your company's logo will also be displayed on [npmjs.com](http://npmjs.com/package/mocha) and our [GitHub repository](https://github.com/mochajs/mocha#sponsors). +Use Mocha at Work? Ask your manager or marketing team if they'd help [support](https://opencollective.com/mochajs#support) our project. Your company's logo will also be displayed on [npmjs.com](http://npmjs.com/package/mocha) and our [GitHub repository](https://github.com/mochajs/mocha#sponsors). -{% for i in (0..15) %}[![](https://opencollective.com/mochajs/sponsor/{{ i }}/avatar.jpg)](https://opencollective.com/mochajs/sponsor/{{ i }}/website){: target="_blank"} {% endfor %} + +{% for i in (0..15) %}[![](https://opencollective.com/mochajs/sponsor/{{ i }}/avatar.png)](https://opencollective.com/mochajs/sponsor/{{ i }}/website){: target="\_blank"} {% endfor %} {: .image-list .faded-images} diff --git a/docs/css/style.css b/docs/css/style.css index d59160b852..2a375dc8f7 100644 --- a/docs/css/style.css +++ b/docs/css/style.css @@ -76,10 +76,11 @@ nav.badges a + a { .image-list { overflow: hidden; + text-align: center; } .image-list a { - float: left; + display: inline-block; margin: 6px; } @@ -88,6 +89,12 @@ nav.badges a + a { height: 64px; } +.faded-images { + background-color: #ddd; + border-radius: 20px; + box-shadow: 0px 0px 8px 8px #ddd; +} + .faded-images img { opacity: 0; transition: opacity 0.3s; From 0c778fb3bebf7978722feef3e1d944dfd17a6a0c Mon Sep 17 00:00:00 2001 From: Outsider Date: Sat, 17 Aug 2019 11:50:30 +0900 Subject: [PATCH 2/3] remove blur Signed-off-by: Outsider --- docs/css/style.css | 1 - 1 file changed, 1 deletion(-) diff --git a/docs/css/style.css b/docs/css/style.css index 2a375dc8f7..47039d08d9 100644 --- a/docs/css/style.css +++ b/docs/css/style.css @@ -92,7 +92,6 @@ nav.badges a + a { .faded-images { background-color: #ddd; border-radius: 20px; - box-shadow: 0px 0px 8px 8px #ddd; } .faded-images img { From 2fc42d22dc0216912094a60c96f93f55c3de65ae Mon Sep 17 00:00:00 2001 From: Outsider Date: Fri, 11 Oct 2019 13:33:05 +0900 Subject: [PATCH 3/3] match sponsor background with code block Signed-off-by: Outsider --- docs/css/style.css | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/docs/css/style.css b/docs/css/style.css index 47039d08d9..1eb9461bae 100644 --- a/docs/css/style.css +++ b/docs/css/style.css @@ -91,7 +91,11 @@ nav.badges a + a { .faded-images { background-color: #ddd; - border-radius: 20px; + border: 1px solid; + border-color: #ddd #ddd #ccc; + border-radius: 3px; + padding: 1em; + box-shadow: inset 0 0 10px #ccc; } .faded-images img {