feat: button design, icons fix
All checks were successful
Build / build (push) Successful in 4m11s
Build / deploy-stage (push) Successful in 2m39s
Build / switch-stage (push) Successful in 1m58s

This commit is contained in:
2024-12-14 01:56:35 +01:00
parent de23d5214c
commit ba359c07a5
6 changed files with 30 additions and 43 deletions

View File

@@ -1,20 +1,11 @@
.ci,
a[href*="instagram.com"],
a[href*="tiktok.com"],
a[href*="linkedin.com"],
a[href*="twitter.com"],
a[href*="x.com"] {
.ci {
display: inline-block;
vertical-align: middle;
line-height: 1;
position: relative;
}
.ci::before,
a[href*="instagram.com*"]::before,
a[href*="tiktok.com"]::before,
a[href*="linkedin.com"]::before,
a[href*="x.com"]::before {
.ci::before {
display: inline-block;
content: ' ';
width: 1em;
@@ -48,22 +39,6 @@ a[href*="x.com"]::before {
.ci-phone::before {
mask-image: url(../Icons/phone.svg);
}
a[href*="instagram.com*"]::before {
mask-image: url(../Icons/instagram.svg);
}
a[href*="tiktok.com"]::before {
mask-image: url(../Icons/tiktok.svg);
width: 0.9em;
height: 0.9em;
}
a[href*="linkedin.com"]::before {
mask-image: url(../Icons/linkedin.svg);
}
a[href*="x.com"]::before {
mask-image: url(../Icons/x.svg);
}
.ci-angle-right::before {
mask-image: url(../Icons/angle-right.svg);
}