From 90f4c60c736e8b5b5e06a154866a69b518d6337e Mon Sep 17 00:00:00 2001
From: anastasia <anastasia.walter@sgalinski.de>
Date: Fri, 22 Jul 2022 16:44:49 +0200
Subject: [PATCH] [TASK] Sharer-icons fix, adapt SCSS
---
Resources/Public/Sass/_sg-news.scss | 57 +++++++++++++++++++++++++++++
1 file changed, 57 insertions(+)
diff --git a/Resources/Public/Sass/_sg-news.scss b/Resources/Public/Sass/_sg-news.scss
index 63843a3..a8c7256 100644
--- a/Resources/Public/Sass/_sg-news.scss
+++ b/Resources/Public/Sass/_sg-news.scss
@@ -315,6 +315,36 @@
}
}
+ &.telegram {
+ a {
+ background-color: $sharer-telegram;
+
+ &:hover {
+ background-color: lighten($sharer-telegram, 5%);
+ }
+ }
+ }
+
+ &.xing {
+ a {
+ background-color: $sharer-xing;
+
+ &:hover {
+ background-color: lighten($sharer-xing, 5%);
+ }
+ }
+ }
+
+ &.linkedin {
+ a {
+ background-color: $sharer-linkedin;
+
+ &:hover {
+ background-color: lighten($sharer-linkedin, 5%);
+ }
+ }
+ }
+
.fa {
width: 30px;
height: 20px;
@@ -366,6 +396,33 @@
left: 7px;
}
}
+
+ .fa-telegram {
+ &::after {
+ @include inline-svg($icon-brands-telegram);
+ width: 20px;
+ height: 20px;
+ left: 7px;
+ }
+ }
+
+ .fa-xing {
+ &::after {
+ @include inline-svg($icon-brands-xing);
+ width: 20px;
+ height: 20px;
+ left: 7px;
+ }
+ }
+
+ .fa-linkedin {
+ &::after {
+ @include inline-svg($icon-brands-linkedin);
+ width: 20px;
+ height: 20px;
+ left: 7px;
+ }
+ }
}
select[size].tx-sgnews-select.form-control {
--
GitLab