feat: button design, icons fix
This commit is contained in:
@@ -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);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user