mirror
/
css.gg
mirror of https://github.com/astrit/css.gg.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Airplane fixed

This commit is contained in:
astrit 2023-06-23 04:23:54 +02:00
parent 68be3243c1
commit 5ae9a9877c
1 changed files with 33 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

69
icons/scss/airplane.scss
View File

@ -1,40 +1,37 @@
.gg-airplane {
box-sizing: border-box;
position: relative;
display: block;
width: 18px;
height: 18px;
transform: scale(var(--ggs, 1));
background: linear-gradient(to left, currentColor 22px, transparent 0) no-repeat (center / 16px) 2px, radial-gradient(circle, currentColor 60%, transparent 40%) no-repeat right (center / 2px) 2px;
box-sizing: border-box;
position: relative;
display: block;
width: 18px;
height: 18px;
transform: scale(var(--ggs, 1));
background: linear-gradient(to left, currentColor 22px, transparent 0)
no-repeat center / 16px 2px,
radial-gradient(circle, currentColor 60%, transparent 40%) no-repeat right
center / 2px 2px;
}
&::after {
content: "";
display: block;
position: absolute;
box-sizing: border-box;
width: 10px;
height: 8px;
border-right: 4px solid;
}
.gg-airplane::before,
.gg-airplane::after {
content: "";
display: block;
position: absolute;
box-sizing: border-box;
width: 10px;
height: 8px;
border-right: 4px solid;
transform: perspective(10px);
box-shadow: -4px -3px 0 -2px, -4px 3px 0 -2px;
}
&::before {
content: "";
display: block;
position: absolute;
box-sizing: border-box;
width: 10px;
height: 8px;
border-right: 4px solid;
border-top-right-radius: 2px;
top: 0;
transform: perspective(10px) rotateX(10deg) skewX(30deg);
box-shadow: -4px 3px 0 -2px;
}
.gg-airplane::before {
border-top-right-radius: 2px;
top: 0;
transform: perspective(10px) rotateX(10deg) skewX(30deg);
}
&::after {
border-bottom-right-radius: 2px;
bottom: 0;
transform: perspective(10px) rotateX(-10deg) skewX(-30deg);
box-shadow: -4px -3px 0 -2px;
}
}
.gg-airplane::after {
border-bottom-right-radius: 2px;
bottom: 0;
transform: perspective(10px) rotateX(-10deg) skewX(-30deg);
}