From 6bbb82021532f75aeb606cbb89d25e78fa4b0d13 Mon Sep 17 00:00:00 2001 From: Stefan Malzner Date: Mon, 4 Dec 2017 21:06:18 +0100 Subject: fix annoying welcome styles --- src/styles/welcome.scss | 25 ++++++++++++++++++++----- 1 file changed, 20 insertions(+), 5 deletions(-) (limited to 'src/styles/welcome.scss') diff --git a/src/styles/welcome.scss b/src/styles/welcome.scss index 5365921fb..cfdcc80ad 100644 --- a/src/styles/welcome.scss +++ b/src/styles/welcome.scss @@ -58,17 +58,32 @@ } &__featured-services { - margin-top: 150px; text-align: center; - margin-top: 80px; + width: 480px; + margin: 80px auto 0 auto; + display: flex; + align-items: center; + flex-wrap: wrap; + background: #FFF; + border-radius: 6px; + padding: 20px 20px 5px; } &__featured-service { width: 35px; - margin-right: 30px; + height: 35px; + margin: 0 10px 15px; + filter: grayscale(1) + opacity(0.5); + transition: 0.5s filter, 0.5s opacity; + + &:hover { + filter: grayscale(0); + opacity: (1); + } - &:last-of-type { - margin-right: 0; + img { + width: 35px; } } } -- cgit v1.2.3-70-g09d2 From 7b294dc8aba86ca35870a78360d2861b66f13a6e Mon Sep 17 00:00:00 2001 From: Stefan Malzner Date: Sun, 7 Jan 2018 12:17:13 +0100 Subject: Add color to service icons --- src/styles/welcome.scss | 7 ------- 1 file changed, 7 deletions(-) (limited to 'src/styles/welcome.scss') diff --git a/src/styles/welcome.scss b/src/styles/welcome.scss index cfdcc80ad..46299b966 100644 --- a/src/styles/welcome.scss +++ b/src/styles/welcome.scss @@ -73,15 +73,8 @@ width: 35px; height: 35px; margin: 0 10px 15px; - filter: grayscale(1) - opacity(0.5); transition: 0.5s filter, 0.5s opacity; - &:hover { - filter: grayscale(0); - opacity: (1); - } - img { width: 35px; } -- cgit v1.2.3-70-g09d2