mirzaev/icons
1
0
Fork 0
Code Issues Pull Requests Activity

added eye.css and deleted empty telegram.css

Browse Source
This commit is contained in:
Arsen Mirzaev Tatyano-Muradovich
2025-12-01 00:10:31 +07:00
parent cdce71a3d7
commit d6a92fc4bf
2 changed files with 59 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
css/eye.css Normal file
View File

@@ -0,0 +1,59 @@
@charset "UTF-8";
i.icon.eye {
position: relative;
width: 24px;
height: 18px;
display: block;
box-sizing: border-box;
overflow: hidden;
border-bottom-right-radius: 100px;
border-bottom-left-radius: 100px;
:is(.small) {
width: 21px;
height: 15px;
border-bottom-right-radius: 70px;
border-bottom-left-radius: 70px;
&::before {
left: var(--left, 7px);
bottom: var(--bottom, 3px);
width: 7px;
height: 7px;
}
&::after {
width: 21px;
height: 21px;
}
}
&::before,
&::after {
content: "";
position: absolute;
display: block;
box-sizing: border-box;
border-radius: 100px;
}
&::before {
left: var(--left, 8px);
bottom: var(--bottom, 4px);
width: 8px;
height: 8px;
border: 2px solid var(--text-color-active, #000);
transition: var(--transition, 0) ease-out;
transform: rotateX(var(--offset-x, 0)) rotateY(var(--offset-y, 0));
}
&::after {
top: 2px;
width: 24px;
height: 24px;
box-shadow:
inset 0 -8px 0 2px,
inset 0 0 0 2px;
}
}

33
css/telegram.css
View File

@@ -1,33 +0,0 @@
@charset "UTF-8";
i.icon.telegram {
position: relative;
width: 24px;
height: 24px;
background-color: transparent;
&::before {
top: 2px;
left: 2px;
position: absolute;
content: "";
width: 20px;
height: 20px;
border-radius: 50%;
background-color: #fff;
}
&::after {
top: 7px;
left: 9px;
position: absolute;
content: "";
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 8px solid currentColor;
color: #ffffff;
transform: rotate(-30deg);
}
}