иконки переведены на спрайты

This commit is contained in:
Alexander Zhirov 2023-05-08 12:17:34 +03:00
parent a3bbe8399d
commit ee4b0cc660
37 changed files with 16 additions and 26 deletions

View File

@ -73,39 +73,29 @@ div.social {
.social div {
width: 50px;
height: 50px;
background-size: contain;
background-repeat: no-repeat;
cursor: pointer;
transition: 0.2s;
transition: transform 0.2s;
background-size: 100px auto;
}
.social div:hover {
transform: scale(1.5);
background-position: -50px 0;
}
.mastodon { background-image: url(../images/social/mastodon-off.png); }
.mastodon:hover { background-image: url(../images/social/mastodon-on.png); }
.twitter { background-image: url(../images/social/twitter-off.png); }
.twitter:hover { background-image: url(../images/social/twitter-on.png); }
.linkedin { background-image: url(../images/social/linkedin-off.png); }
.linkedin:hover { background-image: url(../images/social/linkedin-on.png); }
.facebook { background-image: url(../images/social/facebook-off.png); }
.facebook:hover { background-image: url(../images/social/facebook-on.png); }
.instagram { background-image: url(../images/social/instagram-off.png); }
.instagram:hover { background-image: url(../images/social/instagram-on.png); }
.git { background-image: url(../images/social/git-off.png); }
.git:hover { background-image: url(../images/social/git-on.png); }
.github { background-image: url(../images/social/github-off.png); }
.github:hover { background-image: url(../images/social/github-on.png); }
.telegram { background-image: url(../images/social/telegram-off.png); }
.telegram:hover { background-image: url(../images/social/telegram-on.png); }
.solus { background-image: url(../images/social/linux-off.png); }
.solus:hover { background-image: url(../images/social/linux-on.png); }
.blog { background-image: url(../images/social/blog-off.png); }
.blog:hover { background-image: url(../images/social/blog-on.png); }
.ftp { background-image: url(../images/social/ftp-off.png); }
.ftp:hover { background-image: url(../images/social/ftp-on.png); }
.email { background-image: url(../images/social/email-off.png); }
.email:hover { background-image: url(../images/social/email-on.png); }
.mastodon { background-image: url(../images/social/mastodon.png); }
.twitter { background-image: url(../images/social/twitter.png); }
.linkedin { background-image: url(../images/social/linkedin.png); }
.facebook { background-image: url(../images/social/facebook.png); }
.instagram { background-image: url(../images/social/instagram.png); }
.git { background-image: url(../images/social/git.png); }
.github { background-image: url(../images/social/github.png); }
.telegram { background-image: url(../images/social/telegram.png); }
.solus { background-image: url(../images/social/linux.png); }
.blog { background-image: url(../images/social/blog.png); }
.ftp { background-image: url(../images/social/ftp.png); }
.email { background-image: url(../images/social/email.png); }
.tooltip {
position: relative;

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 10 KiB

BIN
images/social/blog.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.4 KiB

BIN
images/social/email.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.8 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.7 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.8 KiB

BIN
images/social/facebook.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 9.2 KiB

BIN
images/social/ftp.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 8.0 KiB

BIN
images/social/git.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 9.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 14 KiB

BIN
images/social/github.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 21 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 10 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 18 KiB

BIN
images/social/instagram.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 27 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.8 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.0 KiB

BIN
images/social/linkedin.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 10 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 18 KiB

BIN
images/social/linux.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 28 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.0 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 11 KiB

BIN
images/social/mastodon.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 16 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.7 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 14 KiB

BIN
images/social/telegram.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 29 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 9.8 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 12 KiB

BIN
images/social/twitter.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 17 KiB