diff --git a/Resources/Public/Sass/_sg-news.scss b/Resources/Public/Sass/_sg-news.scss index 63843a397acbc4a3091e0e2d072b42f4c2105843..a8c725601d3b4baa4df281d72963b889ef072347 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 {