diff --git a/assets/images/icon-facebook.svg b/assets/images/icon-facebook.svg index 42b8de8f91..b4a297d2a5 100644 --- a/assets/images/icon-facebook.svg +++ b/assets/images/icon-facebook.svg @@ -1,10 +1,4 @@ - - - - - + + Facebook icon + diff --git a/assets/images/icon-github.svg b/assets/images/icon-github.svg index 6e3641276b..07cf760aa8 100644 --- a/assets/images/icon-github.svg +++ b/assets/images/icon-github.svg @@ -1,15 +1,4 @@ - - - - - + + GitHub icon + diff --git a/assets/images/icon-medium.svg b/assets/images/icon-medium.svg new file mode 100644 index 0000000000..b9411338de --- /dev/null +++ b/assets/images/icon-medium.svg @@ -0,0 +1,4 @@ + + Medium icon + + diff --git a/assets/images/icon-slack.svg b/assets/images/icon-slack.svg index 89f9b4cb97..ceb938f861 100644 --- a/assets/images/icon-slack.svg +++ b/assets/images/icon-slack.svg @@ -1,27 +1,4 @@ - - - - - - - - - - - - - + + Slack icon + diff --git a/assets/images/icon-twitter.svg b/assets/images/icon-twitter.svg index 313393c66d..7ed1e4f8c7 100644 --- a/assets/images/icon-twitter.svg +++ b/assets/images/icon-twitter.svg @@ -1,13 +1,4 @@ - - - - - + + Twitter icon + diff --git a/assets/styles/components/_social-links.scss b/assets/styles/components/_social-links.scss index 2fba166e39..6dc4e8d08c 100644 --- a/assets/styles/components/_social-links.scss +++ b/assets/styles/components/_social-links.scss @@ -1,9 +1,11 @@ -.social-links { - .icon { - @include size(24px); - } +.js-social-link { + display: inline-block; + @include size(24px); - .icon-meetup { + &.js-social-link-meetup { @include size(89px, 32px); } + .icon { + @include size(100%); + } } diff --git a/layouts/default.vue b/layouts/default.vue index 97e9aeecea..d3fc7dce7d 100644 --- a/layouts/default.vue +++ b/layouts/default.vue @@ -1,4 +1,4 @@ -