mirror of https://github.com/astrit/css.gg.git
24208 lines
425 KiB
SCSS
24208 lines
425 KiB
SCSS
.gg-abstract {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 14px;
|
|
height: 14px;
|
|
transform: scale(var(--ggs, 1));
|
|
border-right: 3px solid;
|
|
border-top: 3px solid;
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 10px;
|
|
height: 10px;
|
|
left: 0;
|
|
bottom: 0;
|
|
border: 3px solid;
|
|
border-radius: 12px;
|
|
}
|
|
}
|
|
|
|
.gg-add-r {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 22px;
|
|
height: 22px;
|
|
border: 2px solid;
|
|
transform: scale(var(--ggs, 1));
|
|
border-radius: 4px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 10px;
|
|
height: 2px;
|
|
background: currentColor;
|
|
border-radius: 5px;
|
|
top: 8px;
|
|
left: 4px;
|
|
}
|
|
|
|
&::after {
|
|
width: 2px;
|
|
height: 10px;
|
|
top: 4px;
|
|
left: 8px;
|
|
}
|
|
}
|
|
|
|
.gg-add {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 22px;
|
|
height: 22px;
|
|
border: 2px solid;
|
|
transform: scale(var(--ggs, 1));
|
|
border-radius: 22px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 10px;
|
|
height: 2px;
|
|
background: currentColor;
|
|
border-radius: 5px;
|
|
top: 8px;
|
|
left: 4px;
|
|
}
|
|
|
|
&::after {
|
|
width: 2px;
|
|
height: 10px;
|
|
top: 4px;
|
|
left: 8px;
|
|
}
|
|
}
|
|
|
|
.gg-adidas {
|
|
position: relative;
|
|
box-sizing: border-box;
|
|
display: block;
|
|
width: 23px;
|
|
height: 15px;
|
|
transform: scale(var(--ggs, 1));
|
|
overflow: hidden;
|
|
|
|
&::before {
|
|
content: "";
|
|
position: absolute;
|
|
box-sizing: border-box;
|
|
display: block;
|
|
width: 5px;
|
|
height: 18px;
|
|
background: currentColor;
|
|
transform: rotate(-30deg);
|
|
left: 4px;
|
|
bottom: -14px;
|
|
box-shadow: 7px -2px, 14px -4px;
|
|
}
|
|
}
|
|
|
|
.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;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
box-sizing: border-box;
|
|
width: 10px;
|
|
height: 8px;
|
|
border-right: 4px solid;
|
|
}
|
|
|
|
&::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;
|
|
}
|
|
|
|
&::after {
|
|
border-bottom-right-radius: 2px;
|
|
bottom: 0;
|
|
transform: perspective(10px) rotateX(-10deg) skewX(-30deg);
|
|
box-shadow: -4px -3px 0 -2px;
|
|
}
|
|
}
|
|
|
|
.gg-alarm {
|
|
background: linear-gradient(to left, currentColor 5px, transparent 0)
|
|
no-repeat 4.5px 6px / 5px 2px,
|
|
linear-gradient(to left, currentColor 7px, transparent 0) no-repeat 4.5px
|
|
2px / 2px 6px;
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 16px;
|
|
height: 16px;
|
|
border-radius: 100%;
|
|
border: 2px solid transparent;
|
|
transform: scale(var(--ggs, 1));
|
|
box-shadow: 0 0 0 2px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 2px;
|
|
background: currentColor;
|
|
top: -4px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 2px;
|
|
background: currentColor;
|
|
top: -4px;
|
|
left: -5px;
|
|
transform: rotate(-42deg);
|
|
}
|
|
|
|
&::after {
|
|
transform: rotate(42deg);
|
|
right: -5px;
|
|
}
|
|
}
|
|
|
|
.gg-album {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 18px;
|
|
height: 18px;
|
|
transform: scale(var(--ggs, 1));
|
|
border-left: 7px solid transparent;
|
|
border-right: 3px solid transparent;
|
|
border-bottom: 8px solid transparent;
|
|
box-shadow: 0 0 0 2px, inset 6px 4px 0 -4px, inset -6px 4px 0 -4px;
|
|
border-radius: 3px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 2px;
|
|
height: 5px;
|
|
background: currentColor;
|
|
transform: rotate(46deg);
|
|
top: 5px;
|
|
right: 4px;
|
|
}
|
|
|
|
&::after {
|
|
transform: rotate(-46deg);
|
|
right: 2px;
|
|
}
|
|
}
|
|
|
|
.gg-align-bottom {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
height: 12px;
|
|
width: 12px;
|
|
border-bottom: 2px solid;
|
|
transform: scale(var(--ggs, 1));
|
|
margin-top: 4px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 4px;
|
|
background: currentColor;
|
|
bottom: 2px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 4px;
|
|
background: currentColor;
|
|
bottom: 2px;
|
|
left: 1px;
|
|
height: 12px;
|
|
}
|
|
|
|
&::after {
|
|
height: 6px;
|
|
right: 1px;
|
|
opacity: 0.5;
|
|
}
|
|
}
|
|
|
|
.gg-align-center {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
height: 12px;
|
|
width: 12px;
|
|
border-top: 2px solid transparent;
|
|
transform: scale(var(--ggs, 1));
|
|
margin-left: -4px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
height: 4px;
|
|
background: currentColor;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
height: 4px;
|
|
background: currentColor;
|
|
left: 2px;
|
|
width: 12px;
|
|
top: -2px;
|
|
}
|
|
|
|
&::after {
|
|
width: 6px;
|
|
right: 1px;
|
|
top: 4px;
|
|
opacity: 0.5;
|
|
}
|
|
}
|
|
|
|
.gg-align-left {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
height: 12px;
|
|
width: 12px;
|
|
border-left: 2px solid;
|
|
transform: scale(var(--ggs, 1));
|
|
margin-left: -4px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
height: 4px;
|
|
width: 12px;
|
|
background: currentColor;
|
|
left: 2px;
|
|
top: 1px;
|
|
}
|
|
|
|
&::after {
|
|
width: 6px;
|
|
top: 7px;
|
|
opacity: 0.5;
|
|
}
|
|
}
|
|
|
|
.gg-align-middle {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
height: 12px;
|
|
width: 12px;
|
|
transform: scale(var(--ggs, 1));
|
|
border-top: 2px solid transparent;
|
|
margin-top: -8px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 4px;
|
|
background: currentColor;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 4px;
|
|
background: currentColor;
|
|
left: 1px;
|
|
height: 12px;
|
|
top: 2px;
|
|
}
|
|
|
|
&::after {
|
|
height: 6px;
|
|
right: 1px;
|
|
top: 5px;
|
|
opacity: 0.5;
|
|
}
|
|
}
|
|
|
|
.gg-align-right {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
height: 12px;
|
|
width: 12px;
|
|
border-right: 2px solid;
|
|
transform: scale(var(--ggs, 1));
|
|
margin-right: -4px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
height: 4px;
|
|
width: 12px;
|
|
background: currentColor;
|
|
right: 2px;
|
|
top: 1px;
|
|
}
|
|
|
|
&::after {
|
|
width: 6px;
|
|
top: 7px;
|
|
opacity: 0.5;
|
|
}
|
|
}
|
|
|
|
.gg-align-top {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
height: 12px;
|
|
width: 12px;
|
|
border-top: 2px solid;
|
|
transform: scale(var(--ggs, 1));
|
|
margin-top: -4px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 4px;
|
|
background: currentColor;
|
|
top: 2px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 4px;
|
|
background: currentColor;
|
|
top: 2px;
|
|
left: 1px;
|
|
height: 12px;
|
|
}
|
|
|
|
&::after {
|
|
height: 6px;
|
|
right: 1px;
|
|
opacity: 0.5;
|
|
}
|
|
}
|
|
|
|
.gg-anchor {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 2px;
|
|
height: 14px;
|
|
background: currentColor;
|
|
border-radius: 8px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
height: 6px;
|
|
border: 2px solid;
|
|
}
|
|
|
|
&::after {
|
|
width: 12px;
|
|
border-bottom-left-radius: 20px;
|
|
border-bottom-right-radius: 20px;
|
|
border-top-color: transparent;
|
|
left: -5px;
|
|
bottom: 2px;
|
|
}
|
|
|
|
&::before {
|
|
width: 6px;
|
|
border-radius: 8px;
|
|
top: -4px;
|
|
left: -2px;
|
|
}
|
|
}
|
|
|
|
.gg-apple-watch {
|
|
background: linear-gradient(to left, currentColor 5px, transparent 0)
|
|
no-repeat 13px 4px / 2px 4px;
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 24px;
|
|
height: 24px;
|
|
border: 5px solid transparent;
|
|
transform: scale(var(--ggs, 1));
|
|
border-radius: 9px;
|
|
box-shadow: inset 0 0 0 2px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-radius: 3px;
|
|
width: 10px;
|
|
height: 5px;
|
|
border: 2px solid;
|
|
border-bottom: 0;
|
|
border-bottom-left-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
left: 2px;
|
|
}
|
|
|
|
&::after {
|
|
top: -3px;
|
|
}
|
|
|
|
&::before {
|
|
transform: scaleY(-1);
|
|
top: 12px;
|
|
}
|
|
}
|
|
|
|
.gg-arrange-back {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
transform: scale(var(--ggs, 1));
|
|
display: block;
|
|
width: 18px;
|
|
height: 18px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
}
|
|
|
|
&::after {
|
|
width: 10px;
|
|
height: 10px;
|
|
border: 2px solid;
|
|
left: 4px;
|
|
top: 4px;
|
|
}
|
|
|
|
&::before {
|
|
width: 8px;
|
|
height: 8px;
|
|
background: currentColor;
|
|
box-shadow: 10px 10px 0;
|
|
}
|
|
}
|
|
|
|
.gg-arrange-front {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
transform: scale(var(--ggs, 1));
|
|
display: block;
|
|
width: 18px;
|
|
height: 18px;
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 10px;
|
|
height: 10px;
|
|
border: 2px solid;
|
|
left: 4px;
|
|
top: 4px;
|
|
box-shadow: -5px -5px 0 -1px, 5px 5px 0 -1px;
|
|
}
|
|
}
|
|
|
|
.gg-arrow-align-h {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 20px;
|
|
height: 10px;
|
|
background: linear-gradient(to left, currentColor 15px, transparent 0)
|
|
no-repeat 2px 4px / 6px 2px,
|
|
linear-gradient(to left, currentColor 15px, transparent 0) no-repeat 12px
|
|
4px / 6px 2px,
|
|
linear-gradient(to left, currentColor 15px, transparent 0) no-repeat
|
|
(center / 2px) 10px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 6px;
|
|
transform: rotate(45deg);
|
|
top: 2px;
|
|
}
|
|
|
|
&::after {
|
|
border-bottom: 2px solid;
|
|
border-left: 2px solid;
|
|
left: 1px;
|
|
}
|
|
|
|
&::before {
|
|
border-top: 2px solid;
|
|
border-right: 2px solid;
|
|
right: 1px;
|
|
}
|
|
}
|
|
|
|
.gg-arrow-align-v {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 10px;
|
|
height: 20px;
|
|
background: linear-gradient(to left, currentColor 15px, transparent 0)
|
|
no-repeat 4px 2px / 2px 6px,
|
|
linear-gradient(to left, currentColor 15px, transparent 0) no-repeat 4px
|
|
12px / 2px 6px,
|
|
linear-gradient(to left, currentColor 15px, transparent 0) no-repeat
|
|
(center / 10px) 2px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 6px;
|
|
transform: rotate(-45deg);
|
|
left: 2px;
|
|
}
|
|
|
|
&::after {
|
|
border-bottom: 2px solid;
|
|
border-left: 2px solid;
|
|
bottom: 1px;
|
|
}
|
|
|
|
&::before {
|
|
border-top: 2px solid;
|
|
border-right: 2px solid;
|
|
top: 1px;
|
|
}
|
|
}
|
|
|
|
.gg-arrow-bottom-left-o {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 22px;
|
|
height: 22px;
|
|
border: 2px solid;
|
|
transform: scale(var(--ggs, 1));
|
|
border-radius: 20px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
left: 4px;
|
|
}
|
|
|
|
&::after {
|
|
width: 10px;
|
|
height: 2px;
|
|
background: currentColor;
|
|
transform: rotate(-45deg);
|
|
bottom: 8px;
|
|
}
|
|
|
|
&::before {
|
|
width: 6px;
|
|
height: 6px;
|
|
bottom: 4px;
|
|
border-bottom: 2px solid;
|
|
border-left: 2px solid;
|
|
}
|
|
}
|
|
|
|
.gg-arrow-bottom-left-r {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 22px;
|
|
height: 22px;
|
|
border: 2px solid;
|
|
transform: scale(var(--ggs, 1));
|
|
border-radius: 4px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
left: 4px;
|
|
}
|
|
|
|
&::after {
|
|
width: 10px;
|
|
height: 2px;
|
|
background: currentColor;
|
|
transform: rotate(-45deg);
|
|
bottom: 8px;
|
|
}
|
|
|
|
&::before {
|
|
width: 6px;
|
|
height: 6px;
|
|
bottom: 4px;
|
|
border-bottom: 2px solid;
|
|
border-left: 2px solid;
|
|
}
|
|
}
|
|
|
|
.gg-arrow-bottom-left {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 8px;
|
|
height: 8px;
|
|
border-bottom: 2px solid;
|
|
transform: scale(var(--ggs, 1));
|
|
border-left: 2px solid;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 14px;
|
|
height: 2px;
|
|
background: currentColor;
|
|
transform: rotate(-45deg);
|
|
bottom: 3px;
|
|
left: -3px;
|
|
}
|
|
}
|
|
|
|
.gg-arrow-bottom-right-o {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 22px;
|
|
height: 22px;
|
|
border: 2px solid;
|
|
transform: scale(var(--ggs, 1));
|
|
border-radius: 20px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
right: 4px;
|
|
}
|
|
|
|
&::after {
|
|
width: 10px;
|
|
height: 2px;
|
|
background: currentColor;
|
|
transform: rotate(45deg);
|
|
bottom: 8px;
|
|
}
|
|
|
|
&::before {
|
|
width: 6px;
|
|
height: 6px;
|
|
bottom: 4px;
|
|
border-bottom: 2px solid;
|
|
border-right: 2px solid;
|
|
}
|
|
}
|
|
|
|
.gg-arrow-bottom-right-r {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 22px;
|
|
height: 22px;
|
|
border: 2px solid;
|
|
transform: scale(var(--ggs, 1));
|
|
border-radius: 4px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
right: 4px;
|
|
}
|
|
|
|
&::after {
|
|
width: 10px;
|
|
height: 2px;
|
|
background: currentColor;
|
|
transform: rotate(45deg);
|
|
bottom: 8px;
|
|
}
|
|
|
|
&::before {
|
|
width: 6px;
|
|
height: 6px;
|
|
bottom: 4px;
|
|
border-bottom: 2px solid;
|
|
border-right: 2px solid;
|
|
}
|
|
}
|
|
|
|
.gg-arrow-bottom-right {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 8px;
|
|
height: 8px;
|
|
border-bottom: 2px solid;
|
|
transform: scale(var(--ggs, 1));
|
|
border-right: 2px solid;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 14px;
|
|
height: 2px;
|
|
background: currentColor;
|
|
transform: rotate(45deg);
|
|
bottom: 3px;
|
|
right: -3px;
|
|
}
|
|
}
|
|
|
|
.gg-arrow-down-o {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 22px;
|
|
height: 22px;
|
|
border: 2px solid;
|
|
transform: scale(var(--ggs, 1));
|
|
border-radius: 20px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
bottom: 4px;
|
|
}
|
|
|
|
&::after {
|
|
width: 6px;
|
|
height: 6px;
|
|
border-bottom: 2px solid;
|
|
border-left: 2px solid;
|
|
transform: rotate(-45deg);
|
|
left: 6px;
|
|
}
|
|
|
|
&::before {
|
|
width: 2px;
|
|
height: 10px;
|
|
left: 8px;
|
|
background: currentColor;
|
|
}
|
|
}
|
|
|
|
.gg-arrow-down-r {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 22px;
|
|
height: 22px;
|
|
border: 2px solid;
|
|
transform: scale(var(--ggs, 1));
|
|
border-radius: 4px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
bottom: 4px;
|
|
}
|
|
|
|
&::after {
|
|
width: 6px;
|
|
height: 6px;
|
|
border-bottom: 2px solid;
|
|
border-left: 2px solid;
|
|
transform: rotate(-45deg);
|
|
left: 6px;
|
|
}
|
|
|
|
&::before {
|
|
width: 2px;
|
|
height: 10px;
|
|
left: 8px;
|
|
background: currentColor;
|
|
}
|
|
}
|
|
|
|
.gg-arrow-down {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 22px;
|
|
height: 22px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
bottom: 4px;
|
|
}
|
|
|
|
&::after {
|
|
width: 8px;
|
|
height: 8px;
|
|
border-bottom: 2px solid;
|
|
border-left: 2px solid;
|
|
transform: rotate(-45deg);
|
|
left: 7px;
|
|
}
|
|
|
|
&::before {
|
|
width: 2px;
|
|
height: 16px;
|
|
left: 10px;
|
|
background: currentColor;
|
|
}
|
|
}
|
|
|
|
.gg-arrow-left-o {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 22px;
|
|
height: 22px;
|
|
border: 2px solid;
|
|
transform: scale(var(--ggs, 1));
|
|
border-radius: 22px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
left: 4px;
|
|
}
|
|
|
|
&::after {
|
|
width: 6px;
|
|
height: 6px;
|
|
border-bottom: 2px solid;
|
|
border-left: 2px solid;
|
|
transform: rotate(45deg);
|
|
bottom: 6px;
|
|
}
|
|
|
|
&::before {
|
|
width: 10px;
|
|
height: 2px;
|
|
bottom: 8px;
|
|
background: currentColor;
|
|
}
|
|
}
|
|
|
|
.gg-arrow-left-r {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 22px;
|
|
height: 22px;
|
|
border: 2px solid;
|
|
transform: scale(var(--ggs, 1));
|
|
border-radius: 4px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
left: 4px;
|
|
}
|
|
|
|
&::after {
|
|
width: 6px;
|
|
height: 6px;
|
|
border-bottom: 2px solid;
|
|
border-left: 2px solid;
|
|
transform: rotate(45deg);
|
|
bottom: 6px;
|
|
}
|
|
|
|
&::before {
|
|
width: 10px;
|
|
height: 2px;
|
|
bottom: 8px;
|
|
background: currentColor;
|
|
}
|
|
}
|
|
|
|
.gg-arrow-left {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 22px;
|
|
height: 22px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
left: 3px;
|
|
}
|
|
|
|
&::after {
|
|
width: 8px;
|
|
height: 8px;
|
|
border-bottom: 2px solid;
|
|
border-left: 2px solid;
|
|
transform: rotate(45deg);
|
|
bottom: 7px;
|
|
}
|
|
|
|
&::before {
|
|
width: 16px;
|
|
height: 2px;
|
|
bottom: 10px;
|
|
background: currentColor;
|
|
}
|
|
}
|
|
|
|
.gg-arrow-long-down-c {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
border-right: 2px solid transparent;
|
|
border-left: 2px solid transparent;
|
|
border-top: 4px solid transparent;
|
|
box-shadow: inset 0 0 0 2px;
|
|
height: 24px;
|
|
width: 6px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
}
|
|
|
|
&::after {
|
|
width: 6px;
|
|
height: 6px;
|
|
border-bottom: 2px solid;
|
|
border-right: 2px solid;
|
|
transform: rotate(45deg);
|
|
bottom: 0;
|
|
left: -2px;
|
|
}
|
|
|
|
&::before {
|
|
width: 6px;
|
|
height: 6px;
|
|
border: 2px solid;
|
|
border-radius: 8px;
|
|
top: -4px;
|
|
left: -2px;
|
|
}
|
|
}
|
|
|
|
.gg-arrow-long-down-e {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
border-right: 2px solid transparent;
|
|
border-left: 2px solid transparent;
|
|
border-top: 4px solid transparent;
|
|
box-shadow: inset 0 0 0 2px;
|
|
height: 24px;
|
|
width: 6px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
}
|
|
|
|
&::after {
|
|
width: 6px;
|
|
height: 6px;
|
|
border-bottom: 2px solid;
|
|
border-right: 2px solid;
|
|
transform: rotate(45deg);
|
|
bottom: 0;
|
|
left: -2px;
|
|
}
|
|
|
|
&::before {
|
|
width: 6px;
|
|
height: 6px;
|
|
border: 2px solid;
|
|
top: -5px;
|
|
left: -2px;
|
|
}
|
|
}
|
|
|
|
.gg-arrow-long-down-l {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
border-right: 2px solid transparent;
|
|
border-left: 2px solid transparent;
|
|
box-shadow: inset 0 0 0 2px;
|
|
height: 24px;
|
|
width: 6px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
}
|
|
|
|
&::after {
|
|
width: 6px;
|
|
height: 6px;
|
|
border-bottom: 2px solid;
|
|
border-right: 2px solid;
|
|
transform: rotate(45deg);
|
|
bottom: 0;
|
|
left: -2px;
|
|
}
|
|
|
|
&::before {
|
|
width: 6px;
|
|
height: 2px;
|
|
background: currentColor;
|
|
top: -1px;
|
|
left: -2px;
|
|
}
|
|
}
|
|
|
|
.gg-arrow-long-down-r {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
border-right: 2px solid transparent;
|
|
border-left: 2px solid transparent;
|
|
border-top: 4px solid transparent;
|
|
box-shadow: inset 0 0 0 2px;
|
|
height: 24px;
|
|
width: 6px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
}
|
|
|
|
&::after {
|
|
width: 6px;
|
|
height: 6px;
|
|
border-bottom: 2px solid;
|
|
border-right: 2px solid;
|
|
transform: rotate(45deg);
|
|
bottom: 0;
|
|
left: -2px;
|
|
}
|
|
|
|
&::before {
|
|
width: 6px;
|
|
height: 6px;
|
|
border: 2px solid;
|
|
transform: rotate(45deg);
|
|
top: -5px;
|
|
left: -2px;
|
|
}
|
|
}
|
|
|
|
.gg-arrow-long-down {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
border-right: 2px solid transparent;
|
|
border-left: 2px solid transparent;
|
|
box-shadow: inset 0 0 0 2px;
|
|
height: 24px;
|
|
width: 6px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 6px;
|
|
border-bottom: 2px solid;
|
|
border-right: 2px solid;
|
|
transform: rotate(45deg);
|
|
bottom: 0;
|
|
left: -2px;
|
|
}
|
|
}
|
|
|
|
.gg-arrow-long-left-c {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
border-top: 2px solid transparent;
|
|
border-bottom: 2px solid transparent;
|
|
border-right: 4px solid transparent;
|
|
box-shadow: inset 0 0 0 2px;
|
|
width: 24px;
|
|
height: 6px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
}
|
|
|
|
&::after {
|
|
width: 6px;
|
|
height: 6px;
|
|
border-bottom: 2px solid;
|
|
border-left: 2px solid;
|
|
transform: rotate(45deg);
|
|
left: 0;
|
|
bottom: -2px;
|
|
}
|
|
|
|
&::before {
|
|
width: 6px;
|
|
height: 6px;
|
|
border: 2px solid;
|
|
border-radius: 8px;
|
|
right: -4px;
|
|
bottom: -2px;
|
|
}
|
|
}
|
|
|
|
.gg-arrow-long-left-e {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
border-top: 2px solid transparent;
|
|
border-bottom: 2px solid transparent;
|
|
border-right: 4px solid transparent;
|
|
box-shadow: inset 0 0 0 2px;
|
|
width: 24px;
|
|
height: 6px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
}
|
|
|
|
&::after {
|
|
width: 6px;
|
|
height: 6px;
|
|
border-bottom: 2px solid;
|
|
border-left: 2px solid;
|
|
transform: rotate(45deg);
|
|
left: 0;
|
|
bottom: -2px;
|
|
}
|
|
|
|
&::before {
|
|
width: 6px;
|
|
height: 6px;
|
|
border: 2px solid;
|
|
right: -4px;
|
|
bottom: -2px;
|
|
}
|
|
}
|
|
|
|
.gg-arrow-long-left-l {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
border-top: 2px solid transparent;
|
|
border-bottom: 2px solid transparent;
|
|
box-shadow: inset 0 0 0 2px;
|
|
width: 24px;
|
|
height: 6px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
}
|
|
|
|
&::after {
|
|
width: 6px;
|
|
height: 6px;
|
|
border-bottom: 2px solid;
|
|
border-left: 2px solid;
|
|
transform: rotate(45deg);
|
|
left: 0;
|
|
bottom: -2px;
|
|
}
|
|
|
|
&::before {
|
|
width: 2px;
|
|
height: 6px;
|
|
background: currentColor;
|
|
right: -1px;
|
|
bottom: -2px;
|
|
}
|
|
}
|
|
|
|
.gg-arrow-long-left-r {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
border-top: 2px solid transparent;
|
|
border-bottom: 2px solid transparent;
|
|
border-right: 4px solid transparent;
|
|
box-shadow: inset 0 0 0 2px;
|
|
width: 24px;
|
|
height: 6px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
}
|
|
|
|
&::after {
|
|
width: 6px;
|
|
height: 6px;
|
|
border-bottom: 2px solid;
|
|
border-left: 2px solid;
|
|
transform: rotate(45deg);
|
|
left: 0;
|
|
bottom: -2px;
|
|
}
|
|
|
|
&::before {
|
|
width: 6px;
|
|
height: 6px;
|
|
border: 2px solid;
|
|
transform: rotate(45deg);
|
|
right: -5px;
|
|
bottom: -2px;
|
|
}
|
|
}
|
|
|
|
.gg-arrow-long-left {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
border-top: 2px solid transparent;
|
|
border-bottom: 2px solid transparent;
|
|
box-shadow: inset 0 0 0 2px;
|
|
width: 24px;
|
|
height: 6px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 6px;
|
|
border-bottom: 2px solid;
|
|
border-left: 2px solid;
|
|
transform: rotate(45deg);
|
|
left: 0;
|
|
bottom: -2px;
|
|
}
|
|
}
|
|
|
|
.gg-arrow-long-right-c {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
border-top: 2px solid transparent;
|
|
border-bottom: 2px solid transparent;
|
|
border-left: 4px solid transparent;
|
|
box-shadow: inset 0 0 0 2px;
|
|
width: 24px;
|
|
height: 6px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
}
|
|
|
|
&::after {
|
|
width: 6px;
|
|
height: 6px;
|
|
border-top: 2px solid;
|
|
border-right: 2px solid;
|
|
transform: rotate(45deg);
|
|
right: 0;
|
|
bottom: -2px;
|
|
}
|
|
|
|
&::before {
|
|
width: 6px;
|
|
height: 6px;
|
|
border: 2px solid;
|
|
border-radius: 8px;
|
|
left: -4px;
|
|
bottom: -2px;
|
|
}
|
|
}
|
|
|
|
.gg-arrow-long-right-e {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
border-top: 2px solid transparent;
|
|
border-bottom: 2px solid transparent;
|
|
border-left: 4px solid transparent;
|
|
box-shadow: inset 0 0 0 2px;
|
|
width: 24px;
|
|
height: 6px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
}
|
|
|
|
&::after {
|
|
width: 6px;
|
|
height: 6px;
|
|
border-top: 2px solid;
|
|
border-right: 2px solid;
|
|
transform: rotate(45deg);
|
|
right: 0;
|
|
bottom: -2px;
|
|
}
|
|
|
|
&::before {
|
|
width: 6px;
|
|
height: 6px;
|
|
border: 2px solid;
|
|
left: -4px;
|
|
bottom: -2px;
|
|
}
|
|
}
|
|
|
|
.gg-arrow-long-right-l {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
border-top: 2px solid transparent;
|
|
border-bottom: 2px solid transparent;
|
|
box-shadow: inset 0 0 0 2px;
|
|
width: 24px;
|
|
height: 6px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
}
|
|
|
|
&::after {
|
|
width: 6px;
|
|
height: 6px;
|
|
border-top: 2px solid;
|
|
border-right: 2px solid;
|
|
transform: rotate(45deg);
|
|
right: 0;
|
|
bottom: -2px;
|
|
}
|
|
|
|
&::before {
|
|
width: 2px;
|
|
height: 6px;
|
|
background: currentColor;
|
|
left: -1px;
|
|
bottom: -2px;
|
|
}
|
|
}
|
|
|
|
.gg-arrow-long-right-r {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
border-top: 2px solid transparent;
|
|
border-bottom: 2px solid transparent;
|
|
border-left: 4px solid transparent;
|
|
box-shadow: inset 0 0 0 2px;
|
|
width: 24px;
|
|
height: 6px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
}
|
|
|
|
&::after {
|
|
width: 6px;
|
|
height: 6px;
|
|
border-top: 2px solid;
|
|
border-right: 2px solid;
|
|
transform: rotate(45deg);
|
|
right: 0;
|
|
bottom: -2px;
|
|
}
|
|
|
|
&::before {
|
|
width: 6px;
|
|
height: 6px;
|
|
border: 2px solid;
|
|
transform: rotate(45deg);
|
|
left: -5px;
|
|
bottom: -2px;
|
|
}
|
|
}
|
|
|
|
.gg-arrow-long-right {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
border-top: 2px solid transparent;
|
|
border-bottom: 2px solid transparent;
|
|
box-shadow: inset 0 0 0 2px;
|
|
width: 24px;
|
|
height: 6px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 6px;
|
|
border-top: 2px solid;
|
|
border-right: 2px solid;
|
|
transform: rotate(45deg);
|
|
right: 0;
|
|
bottom: -2px;
|
|
}
|
|
}
|
|
|
|
.gg-arrow-long-up-c {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
border-right: 2px solid transparent;
|
|
border-left: 2px solid transparent;
|
|
border-bottom: 4px solid transparent;
|
|
box-shadow: inset 0 0 0 2px;
|
|
height: 24px;
|
|
width: 6px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
}
|
|
|
|
&::after {
|
|
width: 6px;
|
|
height: 6px;
|
|
border-top: 2px solid;
|
|
border-left: 2px solid;
|
|
transform: rotate(45deg);
|
|
top: 0;
|
|
left: -2px;
|
|
}
|
|
|
|
&::before {
|
|
width: 6px;
|
|
height: 6px;
|
|
border: 2px solid;
|
|
border-radius: 8px;
|
|
bottom: -4px;
|
|
left: -2px;
|
|
}
|
|
}
|
|
|
|
.gg-arrow-long-up-e {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
border-right: 2px solid transparent;
|
|
border-left: 2px solid transparent;
|
|
border-bottom: 4px solid transparent;
|
|
box-shadow: inset 0 0 0 2px;
|
|
height: 24px;
|
|
width: 6px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
}
|
|
|
|
&::after {
|
|
width: 6px;
|
|
height: 6px;
|
|
border-top: 2px solid;
|
|
border-left: 2px solid;
|
|
transform: rotate(45deg);
|
|
top: 0;
|
|
left: -2px;
|
|
}
|
|
|
|
&::before {
|
|
width: 6px;
|
|
height: 6px;
|
|
border: 2px solid;
|
|
bottom: -5px;
|
|
left: -2px;
|
|
}
|
|
}
|
|
|
|
.gg-arrow-long-up-l {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
border-right: 2px solid transparent;
|
|
border-left: 2px solid transparent;
|
|
box-shadow: inset 0 0 0 2px;
|
|
height: 24px;
|
|
width: 6px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
}
|
|
|
|
&::after {
|
|
width: 6px;
|
|
height: 6px;
|
|
border-top: 2px solid;
|
|
border-left: 2px solid;
|
|
transform: rotate(45deg);
|
|
top: 0;
|
|
left: -2px;
|
|
}
|
|
|
|
&::before {
|
|
width: 6px;
|
|
height: 2px;
|
|
background: currentColor;
|
|
bottom: -1px;
|
|
left: -2px;
|
|
}
|
|
}
|
|
|
|
.gg-arrow-long-up-r {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
border-right: 2px solid transparent;
|
|
border-left: 2px solid transparent;
|
|
border-bottom: 4px solid transparent;
|
|
box-shadow: inset 0 0 0 2px;
|
|
height: 24px;
|
|
width: 6px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
}
|
|
|
|
&::after {
|
|
width: 6px;
|
|
height: 6px;
|
|
border-top: 2px solid;
|
|
border-left: 2px solid;
|
|
transform: rotate(45deg);
|
|
top: 0;
|
|
left: -2px;
|
|
}
|
|
|
|
&::before {
|
|
width: 6px;
|
|
height: 6px;
|
|
border: 2px solid;
|
|
transform: rotate(45deg);
|
|
bottom: -5px;
|
|
left: -2px;
|
|
}
|
|
}
|
|
|
|
.gg-arrow-long-up {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
width: 6px;
|
|
|
|
&::after {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
width: 6px;
|
|
content: "";
|
|
position: absolute;
|
|
height: 6px;
|
|
border-top: 2px solid;
|
|
border-left: 2px solid;
|
|
transform: rotate(45deg);
|
|
top: 0;
|
|
left: -2px;
|
|
}
|
|
|
|
position: relative;
|
|
transform: scale(var(--ggs, 1));
|
|
border-right: 2px solid transparent;
|
|
border-left: 2px solid transparent;
|
|
box-shadow: inset 0 0 0 2px;
|
|
height: 24px;
|
|
}
|
|
|
|
.gg-arrow-right-o {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 22px;
|
|
height: 22px;
|
|
border: 2px solid;
|
|
transform: scale(var(--ggs, 1));
|
|
border-radius: 20px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
right: 4px;
|
|
}
|
|
|
|
&::after {
|
|
width: 6px;
|
|
height: 6px;
|
|
border-top: 2px solid;
|
|
border-right: 2px solid;
|
|
transform: rotate(45deg);
|
|
bottom: 6px;
|
|
}
|
|
|
|
&::before {
|
|
width: 10px;
|
|
height: 2px;
|
|
bottom: 8px;
|
|
background: currentColor;
|
|
}
|
|
}
|
|
|
|
.gg-arrow-right-r {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 22px;
|
|
height: 22px;
|
|
border: 2px solid;
|
|
transform: scale(var(--ggs, 1));
|
|
border-radius: 4px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
right: 4px;
|
|
}
|
|
|
|
&::after {
|
|
width: 6px;
|
|
height: 6px;
|
|
border-top: 2px solid;
|
|
border-right: 2px solid;
|
|
transform: rotate(45deg);
|
|
bottom: 6px;
|
|
}
|
|
|
|
&::before {
|
|
width: 10px;
|
|
height: 2px;
|
|
bottom: 8px;
|
|
background: currentColor;
|
|
}
|
|
}
|
|
|
|
.gg-arrow-right {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 22px;
|
|
height: 22px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
right: 3px;
|
|
}
|
|
|
|
&::after {
|
|
width: 8px;
|
|
height: 8px;
|
|
border-top: 2px solid;
|
|
border-right: 2px solid;
|
|
transform: rotate(45deg);
|
|
bottom: 7px;
|
|
}
|
|
|
|
&::before {
|
|
width: 16px;
|
|
height: 2px;
|
|
bottom: 10px;
|
|
background: currentColor;
|
|
}
|
|
}
|
|
|
|
.gg-arrow-top-left-o {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 22px;
|
|
height: 22px;
|
|
border: 2px solid;
|
|
transform: scale(var(--ggs, 1));
|
|
border-radius: 20px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
}
|
|
|
|
&::after {
|
|
width: 10px;
|
|
height: 2px;
|
|
background: currentColor;
|
|
transform: rotate(45deg);
|
|
bottom: 8px;
|
|
right: 4px;
|
|
}
|
|
|
|
&::before {
|
|
width: 6px;
|
|
height: 6px;
|
|
left: 4px;
|
|
top: 4px;
|
|
border-top: 2px solid;
|
|
border-left: 2px solid;
|
|
}
|
|
}
|
|
|
|
.gg-arrow-top-left-r {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 22px;
|
|
height: 22px;
|
|
border: 2px solid;
|
|
transform: scale(var(--ggs, 1));
|
|
border-radius: 4px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
left: 4px;
|
|
}
|
|
|
|
&::after {
|
|
width: 10px;
|
|
height: 2px;
|
|
background: currentColor;
|
|
transform: rotate(45deg);
|
|
bottom: 8px;
|
|
}
|
|
|
|
&::before {
|
|
width: 6px;
|
|
height: 6px;
|
|
top: 4px;
|
|
border-top: 2px solid;
|
|
border-left: 2px solid;
|
|
}
|
|
}
|
|
|
|
.gg-arrow-top-left {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 8px;
|
|
height: 8px;
|
|
transform: scale(var(--ggs, 1));
|
|
border-top: 2px solid;
|
|
border-left: 2px solid;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 14px;
|
|
height: 2px;
|
|
background: currentColor;
|
|
transform: rotate(45deg);
|
|
top: 3px;
|
|
left: -3px;
|
|
}
|
|
}
|
|
|
|
.gg-arrow-top-right-o {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 22px;
|
|
height: 22px;
|
|
border: 2px solid;
|
|
transform: scale(var(--ggs, 1));
|
|
border-radius: 20px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
right: 4px;
|
|
}
|
|
|
|
&::after {
|
|
width: 10px;
|
|
height: 2px;
|
|
background: currentColor;
|
|
transform: rotate(-45deg);
|
|
bottom: 8px;
|
|
}
|
|
|
|
&::before {
|
|
width: 6px;
|
|
height: 6px;
|
|
top: 4px;
|
|
border-top: 2px solid;
|
|
border-right: 2px solid;
|
|
}
|
|
}
|
|
|
|
.gg-arrow-top-right-r {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 22px;
|
|
height: 22px;
|
|
border: 2px solid;
|
|
transform: scale(var(--ggs, 1));
|
|
border-radius: 4px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
right: 4px;
|
|
}
|
|
|
|
&::after {
|
|
width: 10px;
|
|
height: 2px;
|
|
background: currentColor;
|
|
transform: rotate(-45deg);
|
|
bottom: 8px;
|
|
}
|
|
|
|
&::before {
|
|
width: 6px;
|
|
height: 6px;
|
|
top: 4px;
|
|
border-top: 2px solid;
|
|
border-right: 2px solid;
|
|
}
|
|
}
|
|
|
|
.gg-arrow-top-right {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 8px;
|
|
height: 8px;
|
|
border-top: 2px solid;
|
|
transform: scale(var(--ggs, 1));
|
|
border-right: 2px solid;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 14px;
|
|
height: 2px;
|
|
background: currentColor;
|
|
transform: rotate(-45deg);
|
|
top: 3px;
|
|
right: -3px;
|
|
}
|
|
}
|
|
|
|
.gg-arrow-up-o {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 22px;
|
|
height: 22px;
|
|
border: 2px solid;
|
|
transform: scale(var(--ggs, 1));
|
|
border-radius: 20px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
top: 4px;
|
|
}
|
|
|
|
&::after {
|
|
width: 6px;
|
|
height: 6px;
|
|
border-top: 2px solid;
|
|
border-left: 2px solid;
|
|
transform: rotate(45deg);
|
|
left: 6px;
|
|
}
|
|
|
|
&::before {
|
|
width: 2px;
|
|
height: 10px;
|
|
left: 8px;
|
|
background: currentColor;
|
|
}
|
|
}
|
|
|
|
.gg-arrow-up-r {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 22px;
|
|
height: 22px;
|
|
border: 2px solid;
|
|
transform: scale(var(--ggs, 1));
|
|
border-radius: 4px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
top: 4px;
|
|
}
|
|
|
|
&::after {
|
|
width: 6px;
|
|
height: 6px;
|
|
border-top: 2px solid;
|
|
border-left: 2px solid;
|
|
transform: rotate(45deg);
|
|
left: 6px;
|
|
}
|
|
|
|
&::before {
|
|
width: 2px;
|
|
height: 10px;
|
|
left: 8px;
|
|
background: currentColor;
|
|
}
|
|
}
|
|
|
|
.gg-arrow-up {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 22px;
|
|
height: 22px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
top: 4px;
|
|
}
|
|
|
|
&::after {
|
|
width: 8px;
|
|
height: 8px;
|
|
border-top: 2px solid;
|
|
border-left: 2px solid;
|
|
transform: rotate(45deg);
|
|
left: 7px;
|
|
}
|
|
|
|
&::before {
|
|
width: 2px;
|
|
height: 16px;
|
|
left: 10px;
|
|
background: currentColor;
|
|
}
|
|
}
|
|
|
|
.gg-arrows-breake-h {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 20px;
|
|
height: 10px;
|
|
background: linear-gradient(to left, currentColor 10px, transparent 0)
|
|
no-repeat center (left / 8px) 2px,
|
|
linear-gradient(to left, currentColor 10px, transparent 0) no-repeat center
|
|
(right / 8px) 2px,
|
|
linear-gradient(to left, currentColor 10px, transparent 0) no-repeat 7px
|
|
(center / 2px) 10px,
|
|
linear-gradient(to left, currentColor 10px, transparent 0) no-repeat 11px
|
|
(center / 2px) 10px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 6px;
|
|
transform: rotate(45deg);
|
|
top: 2px;
|
|
}
|
|
|
|
&::after {
|
|
border-left: 2px solid;
|
|
border-bottom: 2px solid;
|
|
}
|
|
|
|
&::before {
|
|
border-right: 2px solid;
|
|
border-top: 2px solid;
|
|
right: 0;
|
|
}
|
|
}
|
|
|
|
.gg-arrows-breake-v {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 10px;
|
|
height: 20px;
|
|
background: linear-gradient(to left, currentColor 10px, transparent 0)
|
|
no-repeat center (top / 2px) 8px,
|
|
linear-gradient(to left, currentColor 10px, transparent 0) no-repeat center
|
|
(bottom / 2px) 8px,
|
|
linear-gradient(to left, currentColor 10px, transparent 0) no-repeat center
|
|
7px / 10px 2px,
|
|
linear-gradient(to left, currentColor 10px, transparent 0) no-repeat center
|
|
11px / 10px 2px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 6px;
|
|
transform: rotate(45deg);
|
|
left: 2px;
|
|
}
|
|
|
|
&::after {
|
|
border-left: 2px solid;
|
|
border-top: 2px solid;
|
|
}
|
|
|
|
&::before {
|
|
border-right: 2px solid;
|
|
border-bottom: 2px solid;
|
|
bottom: 0;
|
|
}
|
|
}
|
|
|
|
.gg-arrows-exchange-alt-v {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 14px;
|
|
height: 16px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 2px;
|
|
background: currentColor;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 2px;
|
|
background: currentColor;
|
|
border-radius: 4px;
|
|
height: 6px;
|
|
transform: rotate(-45deg);
|
|
box-shadow: 13px -2px 0;
|
|
top: 10px;
|
|
left: 2px;
|
|
}
|
|
|
|
&::after {
|
|
height: 12px;
|
|
box-shadow: -4px 4px 0;
|
|
right: 4px;
|
|
}
|
|
}
|
|
|
|
.gg-arrows-exchange-alt {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 16px;
|
|
height: 14px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
height: 2px;
|
|
background: currentColor;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
height: 2px;
|
|
background: currentColor;
|
|
border-radius: 4px;
|
|
width: 6px;
|
|
transform: rotate(-45deg);
|
|
box-shadow: -2px -13px 0;
|
|
right: 0;
|
|
top: 10px;
|
|
}
|
|
|
|
&::after {
|
|
width: 12px;
|
|
box-shadow: 4px 4px 0;
|
|
top: 4px;
|
|
}
|
|
}
|
|
|
|
.gg-arrows-exchange-v {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 14px;
|
|
height: 16px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 2px;
|
|
background: currentColor;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 2px;
|
|
background: currentColor;
|
|
border-radius: 4px;
|
|
height: 6px;
|
|
transform: rotate(45deg);
|
|
box-shadow: 7px -4px 0;
|
|
top: 4px;
|
|
left: 2px;
|
|
}
|
|
|
|
&::after {
|
|
height: 12px;
|
|
box-shadow: -4px 4px 0;
|
|
right: 4px;
|
|
bottom: 4px;
|
|
}
|
|
}
|
|
|
|
.gg-arrows-exchange {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 16px;
|
|
height: 14px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
height: 2px;
|
|
background: currentColor;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
height: 2px;
|
|
background: currentColor;
|
|
border-radius: 4px;
|
|
width: 6px;
|
|
transform: rotate(45deg);
|
|
box-shadow: 2px -13px 0;
|
|
top: 10px;
|
|
}
|
|
|
|
&::after {
|
|
width: 12px;
|
|
box-shadow: -4px 4px 0;
|
|
left: 4px;
|
|
top: 4px;
|
|
}
|
|
}
|
|
|
|
.gg-arrows-expand-down-left {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 16px;
|
|
height: 16px;
|
|
box-shadow: -6px 6px 0 -4px;
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 8px;
|
|
height: 8px;
|
|
border: 2px solid;
|
|
border-radius: 1px;
|
|
right: 0;
|
|
}
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
background: currentColor;
|
|
width: 2px;
|
|
height: 10px;
|
|
transform: rotate(45deg);
|
|
top: 8px;
|
|
left: 2px;
|
|
border-radius: 4px;
|
|
}
|
|
}
|
|
|
|
.gg-arrows-expand-down-right {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 16px;
|
|
height: 16px;
|
|
box-shadow: 6px 6px 0 -4px;
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 8px;
|
|
height: 8px;
|
|
border: 2px solid;
|
|
border-radius: 1px;
|
|
left: 0;
|
|
}
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
background: currentColor;
|
|
width: 2px;
|
|
height: 10px;
|
|
transform: rotate(-45deg);
|
|
top: 8px;
|
|
right: 2px;
|
|
border-radius: 4px;
|
|
}
|
|
}
|
|
|
|
.gg-arrows-expand-left-alt {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 14px;
|
|
height: 14px;
|
|
margin: 2px;
|
|
box-shadow: 6px 6px 0 -4px, -6px -6px 0 -4px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
transform: rotate(-45deg);
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
transform: rotate(-45deg);
|
|
width: 2px;
|
|
height: 22px;
|
|
top: -4px;
|
|
left: 6px;
|
|
border-top: 9px solid;
|
|
border-bottom: 9px solid;
|
|
}
|
|
|
|
&::after {
|
|
width: 8px;
|
|
height: 2px;
|
|
background: currentColor;
|
|
top: 6px;
|
|
left: 3px;
|
|
}
|
|
}
|
|
|
|
.gg-arrows-expand-left {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 14px;
|
|
height: 14px;
|
|
box-shadow: 6px 6px 0 -4px, -6px -6px 0 -4px;
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 2px;
|
|
height: 22px;
|
|
top: -4px;
|
|
left: 6px;
|
|
transform: rotate(-45deg);
|
|
border-top: 9px solid;
|
|
border-bottom: 9px solid;
|
|
}
|
|
}
|
|
|
|
.gg-arrows-expand-right-alt {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 14px;
|
|
height: 14px;
|
|
margin: 2px;
|
|
box-shadow: -6px 6px 0 -4px, 6px -6px 0 -4px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
transform: rotate(45deg);
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
transform: rotate(45deg);
|
|
width: 2px;
|
|
height: 22px;
|
|
top: -4px;
|
|
left: 6px;
|
|
border-top: 9px solid;
|
|
border-bottom: 9px solid;
|
|
}
|
|
|
|
&::after {
|
|
width: 8px;
|
|
height: 2px;
|
|
background: currentColor;
|
|
top: 6px;
|
|
left: 3px;
|
|
}
|
|
}
|
|
|
|
.gg-arrows-expand-right {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 14px;
|
|
height: 14px;
|
|
margin: 2px;
|
|
box-shadow: -6px 6px 0 -4px, 6px -6px 0 -4px;
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 2px;
|
|
height: 22px;
|
|
top: -4px;
|
|
left: 6px;
|
|
transform: rotate(45deg);
|
|
border-top: 9px solid;
|
|
border-bottom: 9px solid;
|
|
}
|
|
}
|
|
|
|
.gg-arrows-expand-up-left {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 16px;
|
|
height: 16px;
|
|
box-shadow: -6px -6px 0 -4px;
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 8px;
|
|
height: 8px;
|
|
border: 2px solid;
|
|
border-radius: 1px;
|
|
right: 0;
|
|
bottom: 0;
|
|
}
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
background: currentColor;
|
|
width: 2px;
|
|
height: 10px;
|
|
transform: rotate(-45deg);
|
|
bottom: 8px;
|
|
left: 2px;
|
|
border-radius: 4px;
|
|
}
|
|
}
|
|
|
|
.gg-arrows-expand-up-right {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 16px;
|
|
height: 16px;
|
|
box-shadow: 6px -6px 0 -4px;
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 8px;
|
|
height: 8px;
|
|
border: 2px solid;
|
|
border-radius: 1px;
|
|
left: 0;
|
|
bottom: 0;
|
|
}
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
background: currentColor;
|
|
width: 2px;
|
|
height: 10px;
|
|
transform: rotate(45deg);
|
|
bottom: 8px;
|
|
right: 2px;
|
|
border-radius: 4px;
|
|
}
|
|
}
|
|
|
|
.gg-arrows-h-alt {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 20px;
|
|
height: 10px;
|
|
background: linear-gradient(to left, currentColor 18px, transparent 0)
|
|
no-repeat 2px 4px / 16px 2px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 6px;
|
|
transform: rotate(45deg);
|
|
top: 2px;
|
|
}
|
|
|
|
&::after {
|
|
border-bottom: 2px solid;
|
|
border-left: 2px solid;
|
|
left: 1px;
|
|
}
|
|
|
|
&::before {
|
|
border-top: 2px solid;
|
|
border-right: 2px solid;
|
|
right: 1px;
|
|
}
|
|
}
|
|
|
|
.gg-arrows-h {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 20px;
|
|
height: 10px;
|
|
background: linear-gradient(to left, currentColor 15px, transparent 0)
|
|
no-repeat 2px 4px / 6px 2px,
|
|
linear-gradient(to left, currentColor 15px, transparent 0) no-repeat 12px
|
|
4px / 6px 2px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 6px;
|
|
transform: rotate(45deg);
|
|
top: 2px;
|
|
}
|
|
|
|
&::after {
|
|
border-bottom: 2px solid;
|
|
border-left: 2px solid;
|
|
left: 1px;
|
|
}
|
|
|
|
&::before {
|
|
border-top: 2px solid;
|
|
border-right: 2px solid;
|
|
right: 1px;
|
|
}
|
|
}
|
|
|
|
.gg-arrows-merge-alt-h {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 22px;
|
|
height: 12px;
|
|
background: linear-gradient(to left, currentColor 12px, transparent 0)
|
|
no-repeat center (left / 8px) 2px,
|
|
linear-gradient(to left, currentColor 12px, transparent 0) no-repeat center
|
|
(right / 8px) 2px,
|
|
linear-gradient(to left, currentColor 12px, transparent 0) no-repeat 20px
|
|
(center / 2px) 12px,
|
|
linear-gradient(to left, currentColor 12px, transparent 0) no-repeat 0
|
|
(center / 2px) 12px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 6px;
|
|
transform: rotate(45deg);
|
|
top: 3px;
|
|
}
|
|
|
|
&::after {
|
|
border-left: 2px solid;
|
|
border-bottom: 2px solid;
|
|
right: 3px;
|
|
}
|
|
|
|
&::before {
|
|
border-right: 2px solid;
|
|
border-top: 2px solid;
|
|
left: 3px;
|
|
}
|
|
}
|
|
|
|
.gg-arrows-merge-alt-v {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 12px;
|
|
height: 22px;
|
|
background: linear-gradient(to left, currentColor 10px, transparent 0)
|
|
no-repeat center (top / 2px) 8px,
|
|
linear-gradient(to left, currentColor 10px, transparent 0) no-repeat center
|
|
(bottom / 2px) 8px,
|
|
linear-gradient(to left, currentColor 10px, transparent 0) no-repeat center
|
|
20px / 10px 2px,
|
|
linear-gradient(to left, currentColor 10px, transparent 0) no-repeat center
|
|
0 / 10px 2px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 6px;
|
|
transform: rotate(45deg);
|
|
left: 3px;
|
|
}
|
|
|
|
&::after {
|
|
border-left: 2px solid;
|
|
border-top: 2px solid;
|
|
bottom: 3px;
|
|
}
|
|
|
|
&::before {
|
|
border-right: 2px solid;
|
|
border-bottom: 2px solid;
|
|
top: 3px;
|
|
}
|
|
}
|
|
|
|
.gg-arrows-scroll-h {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 16px;
|
|
height: 6px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 6px;
|
|
transform: rotate(45deg);
|
|
}
|
|
|
|
&::after {
|
|
border-bottom: 2px solid;
|
|
border-left: 2px solid;
|
|
right: 0;
|
|
}
|
|
|
|
&::before {
|
|
border-top: 2px solid;
|
|
border-right: 2px solid;
|
|
left: 0;
|
|
}
|
|
}
|
|
|
|
.gg-arrows-scroll-v {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 6px;
|
|
height: 16px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 6px;
|
|
transform: rotate(-45deg);
|
|
}
|
|
|
|
&::after {
|
|
border-bottom: 2px solid;
|
|
border-left: 2px solid;
|
|
}
|
|
|
|
&::before {
|
|
border-top: 2px solid;
|
|
border-right: 2px solid;
|
|
bottom: 0;
|
|
}
|
|
}
|
|
|
|
.gg-arrows-shrink-h {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 20px;
|
|
height: 10px;
|
|
background: linear-gradient(to left, currentColor 10px, transparent 0)
|
|
no-repeat center (center / 10px) 2px,
|
|
linear-gradient(to left, currentColor 10px, transparent 0) no-repeat 18px
|
|
(center / 2px) 10px,
|
|
linear-gradient(to left, currentColor 10px, transparent 0) no-repeat 0px
|
|
(center / 2px) 10px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 6px;
|
|
transform: rotate(45deg);
|
|
top: 2px;
|
|
}
|
|
|
|
&::after {
|
|
border-left: 2px solid;
|
|
border-bottom: 2px solid;
|
|
left: 4px;
|
|
}
|
|
|
|
&::before {
|
|
border-right: 2px solid;
|
|
border-top: 2px solid;
|
|
right: 4px;
|
|
}
|
|
}
|
|
|
|
.gg-arrows-shrink-v {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 10px;
|
|
height: 20px;
|
|
background: linear-gradient(to left, currentColor 10px, transparent 0)
|
|
no-repeat center (center / 2px) 10px,
|
|
linear-gradient(to left, currentColor 10px, transparent 0) no-repeat center
|
|
18px / 10px 2px,
|
|
linear-gradient(to left, currentColor 10px, transparent 0) no-repeat center
|
|
0 / 10px 2px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 6px;
|
|
transform: rotate(45deg);
|
|
left: 2px;
|
|
}
|
|
|
|
&::after {
|
|
border-left: 2px solid;
|
|
border-top: 2px solid;
|
|
top: 4px;
|
|
}
|
|
|
|
&::before {
|
|
border-right: 2px solid;
|
|
border-bottom: 2px solid;
|
|
bottom: 4px;
|
|
}
|
|
}
|
|
|
|
.gg-arrows-v-alt {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 10px;
|
|
height: 20px;
|
|
background: linear-gradient(to left, currentColor 16px, transparent 0)
|
|
no-repeat 4px 2px / 2px 16px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 6px;
|
|
transform: rotate(-45deg);
|
|
left: 2px;
|
|
}
|
|
|
|
&::after {
|
|
border-bottom: 2px solid;
|
|
border-left: 2px solid;
|
|
bottom: 1px;
|
|
}
|
|
|
|
&::before {
|
|
border-top: 2px solid;
|
|
border-right: 2px solid;
|
|
top: 1px;
|
|
}
|
|
}
|
|
|
|
.gg-arrows-v {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 10px;
|
|
height: 20px;
|
|
background: linear-gradient(to left, currentColor 15px, transparent 0)
|
|
no-repeat 4px 2px / 2px 6px,
|
|
linear-gradient(to left, currentColor 15px, transparent 0) no-repeat 4px
|
|
12px / 2px 6px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 6px;
|
|
transform: rotate(-45deg);
|
|
left: 2px;
|
|
}
|
|
|
|
&::after {
|
|
border-bottom: 2px solid;
|
|
border-left: 2px solid;
|
|
bottom: 1px;
|
|
}
|
|
|
|
&::before {
|
|
border-top: 2px solid;
|
|
border-right: 2px solid;
|
|
top: 1px;
|
|
}
|
|
}
|
|
|
|
.gg-assign {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 6px;
|
|
height: 6px;
|
|
background: currentColor;
|
|
transform: scale(var(--ggs, 1));
|
|
border-radius: 100px;
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 12px;
|
|
height: 12px;
|
|
box-shadow: -5px -5px 0 -3px, 5px 5px 0 -3px, 5px -5px 0 -3px,
|
|
-5px 5px 0 -3px;
|
|
left: -3px;
|
|
top: -3px;
|
|
}
|
|
}
|
|
|
|
.gg-asterisk {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 12px;
|
|
height: 12px;
|
|
border-left: 5px solid transparent;
|
|
border-right: 5px solid transparent;
|
|
box-shadow: inset 0 0 0 2px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
box-sizing: border-box;
|
|
width: 2px;
|
|
height: 12px;
|
|
background: currentColor;
|
|
transform: rotate(55deg);
|
|
}
|
|
|
|
&::after {
|
|
transform: rotate(-55deg);
|
|
}
|
|
}
|
|
|
|
.gg-atlasian {
|
|
position: relative;
|
|
box-sizing: border-box;
|
|
display: block;
|
|
width: 22px;
|
|
height: 18px;
|
|
transform: scale(var(--ggs, 1));
|
|
overflow: hidden;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
background: currentColor;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
background: currentColor;
|
|
border-radius: 4px;
|
|
height: 12px;
|
|
border-top-right-radius: 10px;
|
|
bottom: -4px;
|
|
left: 3px;
|
|
transform: rotate(30deg) skewY(35deg);
|
|
opacity: 0.8;
|
|
}
|
|
|
|
&::after {
|
|
height: 24px;
|
|
border-top-left-radius: 10px;
|
|
bottom: -8px;
|
|
right: 3px;
|
|
transform: rotate(-30deg) skewY(-35deg);
|
|
}
|
|
}
|
|
|
|
.gg-attachment {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 14px;
|
|
height: 14px;
|
|
border: 2px solid;
|
|
border-top: 0;
|
|
border-bottom-left-radius: 100px;
|
|
border-bottom-right-radius: 100px;
|
|
transform: scale(var(--ggs, 1));
|
|
margin-top: 11px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-radius: 3px;
|
|
border: 2px solid;
|
|
}
|
|
|
|
&::after {
|
|
border-bottom: 0;
|
|
border-top-left-radius: 100px;
|
|
border-top-right-radius: 100px;
|
|
right: -2px;
|
|
width: 10px;
|
|
height: 14px;
|
|
bottom: 8px;
|
|
}
|
|
|
|
&::before {
|
|
width: 6px;
|
|
height: 12px;
|
|
border-top: 0;
|
|
border-bottom-left-radius: 100px;
|
|
border-bottom-right-radius: 100px;
|
|
left: 2px;
|
|
bottom: 4px;
|
|
}
|
|
}
|
|
|
|
.gg-attribution {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 16px;
|
|
height: 18px;
|
|
background: linear-gradient(to left, currentColor 14px, transparent 0)
|
|
no-repeat 1px 2px / 8px 2px,
|
|
linear-gradient(to left, currentColor 14px, transparent 0) no-repeat 6px
|
|
14px / 6px 2px,
|
|
radial-gradient(circle, currentColor 60%, transparent 40%) no-repeat 10px
|
|
12px / 6px 6px,
|
|
radial-gradient(circle, currentColor 60%, transparent 40%) no-repeat 0 0 /
|
|
6px 6px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 8px;
|
|
height: 8px;
|
|
border: 2px solid;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 8px;
|
|
height: 8px;
|
|
border: 2px solid;
|
|
border-right: 0;
|
|
border-top-left-radius: 10px;
|
|
border-bottom-left-radius: 10px;
|
|
top: 8px;
|
|
left: 2px;
|
|
}
|
|
|
|
&::after {
|
|
border-left: 0;
|
|
border-top-right-radius: 10px;
|
|
border-bottom-right-radius: 10px;
|
|
right: 2px;
|
|
top: 2px;
|
|
}
|
|
}
|
|
|
|
.gg-awards {
|
|
display: block;
|
|
position: relative;
|
|
transform: scale(var(--ggs, 1));
|
|
box-sizing: border-box;
|
|
width: 16px;
|
|
height: 20px;
|
|
border: 4px solid transparent;
|
|
border-top: 12px solid transparent;
|
|
border-bottom: 0;
|
|
box-shadow: inset 4px 0 0 -2px, inset -4px 0 0 -2px;
|
|
|
|
&::after {
|
|
content: "";
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
display: block;
|
|
border: 2px solid;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
display: block;
|
|
border: 2px solid;
|
|
width: 14px;
|
|
height: 14px;
|
|
border-radius: 22px;
|
|
top: -12px;
|
|
left: -3px;
|
|
}
|
|
|
|
&::after {
|
|
width: 6px;
|
|
height: 6px;
|
|
border-right-color: transparent;
|
|
border-bottom-color: transparent;
|
|
border-bottom-left-radius: 1px;
|
|
border-top-right-radius: 1px;
|
|
transform: rotate(45deg);
|
|
bottom: -3px;
|
|
left: 1px;
|
|
}
|
|
}
|
|
|
|
.gg-backspace {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 14px;
|
|
height: 14px;
|
|
transform: scale(var(--ggs, 1));
|
|
border: 2px solid;
|
|
border-left: 0;
|
|
border-top-right-radius: 2px;
|
|
border-bottom-right-radius: 2px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
background: linear-gradient(to left, currentColor 18px, transparent 0)
|
|
no-repeat center (center / 10px) 2px;
|
|
border-right: 3px solid transparent;
|
|
box-shadow: inset 0 0 0 2px;
|
|
right: 2px;
|
|
bottom: 1px;
|
|
width: 8px;
|
|
height: 8px;
|
|
border-left: 3px solid transparent;
|
|
transform: rotate(45deg);
|
|
}
|
|
|
|
&::after {
|
|
width: 10px;
|
|
height: 10px;
|
|
border-top: 2px solid;
|
|
border-left: 2px solid;
|
|
border-top-left-radius: 1px;
|
|
transform: rotate(-45deg);
|
|
top: 0;
|
|
left: -5px;
|
|
}
|
|
}
|
|
|
|
.gg-band-aid {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: rotate(-25deg) scale(var(--ggs, 1));
|
|
width: 24px;
|
|
height: 12px;
|
|
border: 2px solid;
|
|
border-radius: 22px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 12px;
|
|
height: 10px;
|
|
top: -2px;
|
|
left: 4px;
|
|
border-left: 2px solid;
|
|
border-right: 2px solid;
|
|
}
|
|
|
|
&::after {
|
|
width: 2px;
|
|
height: 2px;
|
|
background: currentColor;
|
|
box-shadow: 0 4px 0, 4px 0 0, 4px 4px 0;
|
|
border-radius: 22px;
|
|
left: 7px;
|
|
top: 1px;
|
|
}
|
|
}
|
|
|
|
.gg-battery-empty {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 20px;
|
|
height: 12px;
|
|
transform: scale(var(--ggs, 1));
|
|
border: 2px solid;
|
|
border-radius: 3px;
|
|
margin-left: -3px;
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-radius: 3px;
|
|
width: 4px;
|
|
height: 6px;
|
|
right: -4px;
|
|
top: 1px;
|
|
background: currentColor;
|
|
}
|
|
}
|
|
|
|
.gg-battery-full {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 20px;
|
|
height: 12px;
|
|
transform: scale(var(--ggs, 1));
|
|
border: 2px solid;
|
|
border-radius: 3px;
|
|
margin-left: -3px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
height: 6px;
|
|
background: currentColor;
|
|
top: 1px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
height: 6px;
|
|
background: currentColor;
|
|
top: 1px;
|
|
right: -4px;
|
|
border-radius: 3px;
|
|
width: 4px;
|
|
}
|
|
|
|
&::after {
|
|
width: 14px;
|
|
left: 1px;
|
|
}
|
|
}
|
|
|
|
.gg-battery {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 20px;
|
|
height: 12px;
|
|
transform: scale(var(--ggs, 1));
|
|
border: 2px solid;
|
|
border-radius: 3px;
|
|
margin-left: -3px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
height: 6px;
|
|
background: currentColor;
|
|
top: 1px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
height: 6px;
|
|
background: currentColor;
|
|
top: 1px;
|
|
right: -4px;
|
|
border-radius: 3px;
|
|
width: 4px;
|
|
}
|
|
|
|
&::after {
|
|
width: 8px;
|
|
left: 1px;
|
|
}
|
|
}
|
|
|
|
.gg-bee {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
border: 2px solid;
|
|
|
|
&::after,
|
|
&::before {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
border: 2px solid;
|
|
}
|
|
|
|
position: relative;
|
|
width: 12px;
|
|
height: 20px;
|
|
transform: scale(var(--ggs, 1));
|
|
border-radius: 22px;
|
|
background: linear-gradient(to left, currentColor 12px, transparent 0)
|
|
no-repeat center 6px / 12px 2px,
|
|
linear-gradient(to left, currentColor 12px, transparent 0) no-repeat center
|
|
10px / 12px 2px;
|
|
box-shadow: 0 4px 0 -2px, 0 7px 0 -4px;
|
|
|
|
&::after {
|
|
content: "";
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 10px;
|
|
border-top: 0;
|
|
border-bottom-left-radius: 22px;
|
|
border-bottom-right-radius: 22px;
|
|
top: 4px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 10px;
|
|
border-top: 0;
|
|
border-bottom-left-radius: 22px;
|
|
border-bottom-right-radius: 22px;
|
|
top: 4px;
|
|
left: -6px;
|
|
transform: rotate(40deg);
|
|
}
|
|
|
|
&::after {
|
|
right: -6px;
|
|
transform: rotate(-40deg);
|
|
}
|
|
}
|
|
|
|
.gg-bell {
|
|
border-top-left-radius: 100px;
|
|
border-top-right-radius: 100px;
|
|
|
|
&::before {
|
|
border-top-left-radius: 100px;
|
|
border-top-right-radius: 100px;
|
|
}
|
|
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
border: 2px solid;
|
|
border-bottom: 0;
|
|
width: 14px;
|
|
height: 14px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
background: currentColor;
|
|
width: 4px;
|
|
height: 4px;
|
|
top: -4px;
|
|
left: 3px;
|
|
}
|
|
|
|
&::after {
|
|
border-radius: 3px;
|
|
width: 16px;
|
|
height: 10px;
|
|
border: 6px solid transparent;
|
|
border-top: 1px solid transparent;
|
|
box-shadow: inset 0 0 0 4px, 0 -2px 0 0;
|
|
top: 14px;
|
|
left: -3px;
|
|
border-bottom-left-radius: 100px;
|
|
border-bottom-right-radius: 100px;
|
|
}
|
|
}
|
|
|
|
.gg-bitbucket {
|
|
position: relative;
|
|
box-sizing: border-box;
|
|
display: block;
|
|
width: 15px;
|
|
height: 15px;
|
|
transform: scale(var(--ggs, 1));
|
|
border-top: 5px solid;
|
|
background: linear-gradient(to left, currentColor 10px, transparent 0)
|
|
no-repeat center (bottom / 10px) 5px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
background: currentColor;
|
|
width: 5px;
|
|
height: 15px;
|
|
top: -5px;
|
|
transform: skew(10deg);
|
|
border-radius: 1px;
|
|
}
|
|
|
|
&::after {
|
|
right: 0;
|
|
transform: skew(-10deg);
|
|
}
|
|
}
|
|
|
|
.gg-block {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 16px;
|
|
height: 16px;
|
|
border: 2px solid;
|
|
border-radius: 100%;
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 10px;
|
|
height: 2px;
|
|
background: currentColor;
|
|
border-radius: 5px;
|
|
transform: rotate(-45deg);
|
|
top: 5px;
|
|
left: 1px;
|
|
}
|
|
}
|
|
|
|
.gg-bmw {
|
|
position: relative;
|
|
box-sizing: border-box;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 18px;
|
|
height: 18px;
|
|
border: 2px solid;
|
|
border-radius: 18px;
|
|
|
|
&::before {
|
|
content: "";
|
|
position: absolute;
|
|
box-sizing: border-box;
|
|
display: block;
|
|
border: 9px solid;
|
|
border-top-color: transparent;
|
|
border-bottom-color: transparent;
|
|
border-radius: 18px;
|
|
transform: rotate(45deg);
|
|
left: -2px;
|
|
top: -2px;
|
|
}
|
|
}
|
|
|
|
.gg-board {
|
|
display: block;
|
|
position: relative;
|
|
box-sizing: border-box;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 16px;
|
|
height: 12px;
|
|
border-left: 4px solid transparent;
|
|
border-right: 4px solid transparent;
|
|
box-shadow: 0 0 0 2px, inset 2px 0 0, inset -2px 0 0;
|
|
border-radius: 2px;
|
|
}
|
|
|
|
.gg-bolt {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 6px;
|
|
height: 21px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 0;
|
|
height: 0;
|
|
border-left: 3px solid transparent;
|
|
border-right: 3px solid transparent;
|
|
transform: rotate(30deg);
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 0;
|
|
height: 0;
|
|
border-left: 3px solid transparent;
|
|
border-right: 3px solid transparent;
|
|
transform: rotate(30deg);
|
|
border-bottom: 12px solid;
|
|
left: 0;
|
|
top: 0;
|
|
}
|
|
|
|
&::after {
|
|
border-top: 12px solid;
|
|
right: 0;
|
|
bottom: 0;
|
|
}
|
|
}
|
|
|
|
.gg-bookmark {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
border-top-right-radius: 3px;
|
|
|
|
&::after {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
border-top-right-radius: 3px;
|
|
content: "";
|
|
position: absolute;
|
|
width: 12px;
|
|
height: 12px;
|
|
border-top: 2px solid;
|
|
border-right: 2px solid;
|
|
transform: rotate(-45deg);
|
|
top: 9px;
|
|
left: -1px;
|
|
}
|
|
|
|
border: 2px solid;
|
|
border-bottom: 0;
|
|
border-top-left-radius: 3px;
|
|
overflow: hidden;
|
|
position: relative;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 14px;
|
|
height: 16px;
|
|
}
|
|
|
|
.gg-border-all {
|
|
transform: scale(var(--ggs, 1));
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 14px;
|
|
height: 14px;
|
|
|
|
&::before {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 14px;
|
|
height: 14px;
|
|
content: "";
|
|
position: absolute;
|
|
border: 3px solid;
|
|
bottom: 0;
|
|
left: 0;
|
|
}
|
|
}
|
|
|
|
.gg-border-bottom {
|
|
transform: scale(var(--ggs, 1));
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 14px;
|
|
height: 14px;
|
|
border-bottom: 3px solid;
|
|
|
|
&::before {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 14px;
|
|
height: 14px;
|
|
border-bottom: 3px solid;
|
|
content: "";
|
|
position: absolute;
|
|
height: 10px;
|
|
border: 3px solid;
|
|
border-bottom: 0;
|
|
bottom: 2px;
|
|
left: 0;
|
|
opacity: 0.3;
|
|
}
|
|
}
|
|
|
|
.gg-border-left {
|
|
transform: scale(var(--ggs, 1));
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 14px;
|
|
height: 14px;
|
|
border-left: 3px solid;
|
|
|
|
&::before {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 14px;
|
|
height: 14px;
|
|
border-left: 3px solid;
|
|
content: "";
|
|
position: absolute;
|
|
width: 10px;
|
|
border: 3px solid;
|
|
border-left: 0;
|
|
bottom: 0;
|
|
left: 2px;
|
|
opacity: 0.3;
|
|
}
|
|
}
|
|
|
|
.gg-border-right {
|
|
transform: scale(var(--ggs, 1));
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 14px;
|
|
height: 14px;
|
|
border-right: 3px solid;
|
|
|
|
&::before {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 14px;
|
|
height: 14px;
|
|
border-right: 3px solid;
|
|
content: "";
|
|
position: absolute;
|
|
width: 10px;
|
|
border: 3px solid;
|
|
border-right: 0;
|
|
bottom: 0;
|
|
right: 2px;
|
|
opacity: 0.3;
|
|
}
|
|
}
|
|
|
|
.gg-border-style-dashed {
|
|
transform: scale(var(--ggs, 1));
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 26px;
|
|
height: 17px;
|
|
|
|
&::before {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 26px;
|
|
height: 17px;
|
|
content: "";
|
|
position: absolute;
|
|
height: 2px;
|
|
top: 7px;
|
|
border-top: 2px dashed;
|
|
}
|
|
}
|
|
|
|
.gg-border-style-dotted {
|
|
transform: scale(var(--ggs, 1));
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 26px;
|
|
height: 17px;
|
|
|
|
&::before {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 26px;
|
|
height: 17px;
|
|
content: "";
|
|
position: absolute;
|
|
height: 2px;
|
|
top: 7px;
|
|
border-top: 2px dotted;
|
|
}
|
|
}
|
|
|
|
.gg-border-style-solid {
|
|
transform: scale(var(--ggs, 1));
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 26px;
|
|
height: 17px;
|
|
|
|
&::before {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 26px;
|
|
height: 17px;
|
|
content: "";
|
|
position: absolute;
|
|
height: 2px;
|
|
top: 7px;
|
|
border-top: 2px solid;
|
|
}
|
|
}
|
|
|
|
.gg-border-top {
|
|
transform: scale(var(--ggs, 1));
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 14px;
|
|
height: 14px;
|
|
border-top: 3px solid;
|
|
|
|
&::before {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 14px;
|
|
height: 14px;
|
|
border-top: 3px solid;
|
|
content: "";
|
|
position: absolute;
|
|
height: 10px;
|
|
border: 3px solid;
|
|
border-top: 0;
|
|
top: 2px;
|
|
left: 0;
|
|
opacity: 0.3;
|
|
}
|
|
}
|
|
|
|
.gg-bot {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 21px;
|
|
height: 10px;
|
|
border-right: 8px solid transparent;
|
|
border-left: 8px solid transparent;
|
|
border-bottom: 1px solid transparent;
|
|
border-radius: 12px;
|
|
box-shadow: 0 0 0 2px, -4px 0 0 -1px, 4px 0 0 -1px, inset 0 -4px 0 -2px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 2px;
|
|
height: 2px;
|
|
box-shadow: 0 0 0 2px;
|
|
top: 3px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 2px;
|
|
height: 2px;
|
|
box-shadow: 0 0 0 2px;
|
|
top: 3px;
|
|
left: -4px;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
&::after {
|
|
border-radius: 100px;
|
|
right: -4px;
|
|
}
|
|
}
|
|
|
|
.gg-bowl {
|
|
display: block;
|
|
position: relative;
|
|
transform: scale(var(--ggs, 1));
|
|
box-sizing: border-box;
|
|
width: 20px;
|
|
height: 18px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 20px;
|
|
height: 12px;
|
|
border: 2px solid;
|
|
border-bottom-left-radius: 10px;
|
|
border-bottom-right-radius: 10px;
|
|
bottom: 0;
|
|
}
|
|
|
|
&::after {
|
|
background: currentColor;
|
|
width: 2px;
|
|
height: 10px;
|
|
border-radius: 4px;
|
|
transform: rotate(45deg);
|
|
right: 4px;
|
|
top: -1px;
|
|
}
|
|
}
|
|
|
|
.gg-box {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 22px;
|
|
height: 20px;
|
|
border: 2px solid;
|
|
border-radius: 3px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-radius: 3px;
|
|
height: 2px;
|
|
background: currentColor;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-radius: 3px;
|
|
height: 2px;
|
|
background: currentColor;
|
|
left: 6px;
|
|
width: 6px;
|
|
top: 8px;
|
|
}
|
|
|
|
&::after {
|
|
width: 22px;
|
|
left: -2px;
|
|
top: 4px;
|
|
}
|
|
}
|
|
|
|
.gg-boy {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
border-radius: 42px;
|
|
|
|
&::after,
|
|
&::before {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
border-radius: 42px;
|
|
}
|
|
|
|
position: relative;
|
|
width: 20px;
|
|
height: 20px;
|
|
transform: scale(var(--ggs, 1));
|
|
overflow: hidden;
|
|
box-shadow: inset 0 0 0 2px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
position: absolute;
|
|
width: 2px;
|
|
height: 2px;
|
|
background: currentColor;
|
|
box-shadow: 6px 0 0;
|
|
left: 6px;
|
|
top: 10px;
|
|
}
|
|
|
|
&::after {
|
|
width: 20px;
|
|
height: 20px;
|
|
top: -13px;
|
|
right: -12px;
|
|
}
|
|
}
|
|
|
|
.gg-brackets {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 18px;
|
|
height: 18px;
|
|
border: 2px solid;
|
|
border-radius: 3px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border: 2px solid;
|
|
width: 4px;
|
|
height: 10px;
|
|
top: 2px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border: 2px solid;
|
|
width: 4px;
|
|
height: 10px;
|
|
top: 2px;
|
|
border-right: 0;
|
|
left: 2px;
|
|
}
|
|
|
|
&::after {
|
|
border-left: 0;
|
|
right: 2px;
|
|
}
|
|
}
|
|
|
|
.gg-briefcase {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 22px;
|
|
height: 16px;
|
|
border: 2px solid;
|
|
border-radius: 2px;
|
|
margin-top: 1px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border: 2px solid;
|
|
border-top-left-radius: 1px;
|
|
border-top-right-radius: 1px;
|
|
left: 4px;
|
|
width: 10px;
|
|
height: 4px;
|
|
border-bottom: 0;
|
|
top: -5px;
|
|
}
|
|
|
|
&::after {
|
|
width: 18px;
|
|
height: 3px;
|
|
border-left: 7px solid transparent;
|
|
border-right: 7px solid transparent;
|
|
border-bottom: 1px solid transparent;
|
|
box-shadow: 0 2px 0, inset 16px 74px 0;
|
|
top: 4px;
|
|
}
|
|
}
|
|
|
|
.gg-browse {
|
|
display: block;
|
|
position: relative;
|
|
transform: scale(var(--ggs, 1));
|
|
box-sizing: border-box;
|
|
width: 16px;
|
|
height: 22px;
|
|
border: 2px solid;
|
|
border-radius: 3px;
|
|
background: linear-gradient(to left, currentcolor 10px, transparent 0)
|
|
no-repeat center 2px / 8px 2px,
|
|
linear-gradient(to left, currentcolor 10px, transparent 0) no-repeat center
|
|
6px / 8px 2px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-radius: 22px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-radius: 22px;
|
|
width: 6px;
|
|
height: 6px;
|
|
border: 2px solid;
|
|
left: 3px;
|
|
top: 9px;
|
|
}
|
|
|
|
&::after {
|
|
width: 2px;
|
|
height: 4px;
|
|
background: currentColor;
|
|
bottom: 1px;
|
|
right: 2px;
|
|
transform: rotate(-45deg);
|
|
}
|
|
}
|
|
|
|
.gg-browser {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 24px;
|
|
height: 18px;
|
|
border: 2px solid;
|
|
border-radius: 3px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 22px;
|
|
height: 2px;
|
|
background: currentColor;
|
|
top: 4px;
|
|
}
|
|
|
|
&::after {
|
|
border-radius: 3px;
|
|
width: 2px;
|
|
box-shadow: 3px 0 0, 6px 0 0;
|
|
top: 1px;
|
|
left: 1px;
|
|
}
|
|
}
|
|
|
|
.gg-brush {
|
|
display: block;
|
|
position: relative;
|
|
transform: scale(var(--ggs, 1));
|
|
box-sizing: border-box;
|
|
width: 14px;
|
|
height: 18px;
|
|
background: linear-gradient(to left, currentColor 10px, transparent 0)
|
|
no-repeat 4px (bottom / 2px) 5px,
|
|
linear-gradient(to left, currentColor 10px, transparent 0) no-repeat 8px
|
|
(bottom / 2px) 5px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border: 2px solid;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border: 2px solid;
|
|
width: 6px;
|
|
height: 8px;
|
|
border-top-left-radius: 6px;
|
|
border-top-right-radius: 6px;
|
|
border-bottom: 0;
|
|
left: 4px;
|
|
top: 0;
|
|
}
|
|
|
|
&::after {
|
|
width: 14px;
|
|
height: 10px;
|
|
border-top: 0;
|
|
border-radius: 3px;
|
|
border-top-left-radius: 1px;
|
|
border-top-right-radius: 1px;
|
|
background: linear-gradient(to left, currentColor 10px, transparent 0)
|
|
no-repeat left (top / 4px) 2px,
|
|
linear-gradient(to left, currentColor 10px, transparent 0) no-repeat right
|
|
(top / 4px) 2px;
|
|
bottom: 0;
|
|
}
|
|
}
|
|
|
|
.gg-bulb {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 16px;
|
|
height: 16px;
|
|
border: 2px solid;
|
|
border-bottom-color: transparent;
|
|
border-radius: 100px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-top: 0;
|
|
border-bottom-left-radius: 18px;
|
|
border-bottom-right-radius: 18px;
|
|
top: 10px;
|
|
border-bottom: 2px solid transparent;
|
|
box-shadow: 0 5px 0 -2px, inset 2px 0 0 0, inset -2px 0 0 0,
|
|
inset 0 -4px 0 -2px;
|
|
width: 8px;
|
|
height: 8px;
|
|
left: 2px;
|
|
}
|
|
|
|
&::after {
|
|
width: 12px;
|
|
height: 2px;
|
|
border-left: 3px solid;
|
|
border-right: 3px solid;
|
|
border-radius: 2px;
|
|
bottom: 0;
|
|
left: 0;
|
|
}
|
|
}
|
|
|
|
.gg-c-plus-plus {
|
|
position: relative;
|
|
display: block;
|
|
width: 16px;
|
|
height: 16px;
|
|
transform: scale(var(--ggs, 1));
|
|
border: 3px solid currentColor;
|
|
box-sizing: border-box;
|
|
border-radius: 100px;
|
|
border-right-color: transparent;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
position: absolute;
|
|
box-sizing: border-box;
|
|
display: block;
|
|
width: 9px;
|
|
height: 6px;
|
|
border-left: 2px solid;
|
|
border-right: 2px solid;
|
|
right: -9px;
|
|
top: 2px;
|
|
}
|
|
|
|
&::after {
|
|
width: 13px;
|
|
height: 2px;
|
|
border-left: 6px solid;
|
|
border-right: 6px solid;
|
|
right: -11px;
|
|
top: 4px;
|
|
}
|
|
}
|
|
|
|
.gg-calculator {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 18px;
|
|
height: 22px;
|
|
border: 2px solid;
|
|
border-radius: 2px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 10px;
|
|
height: 2px;
|
|
background: currentColor;
|
|
top: 2px;
|
|
left: 2px;
|
|
}
|
|
|
|
&::after {
|
|
width: 2px;
|
|
box-shadow: 4px 0 0, 8px 0 0, 0 4px 0, 4px 4px 0, 8px 4px 0, 0 8px 0,
|
|
4px 8px 0, 8px 8px 0, 8px 6px 0;
|
|
top: 6px;
|
|
}
|
|
}
|
|
|
|
.gg-calendar-dates {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 18px;
|
|
height: 18px;
|
|
border: 2px solid;
|
|
border-radius: 3px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-radius: 3px;
|
|
height: 2px;
|
|
left: 2px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-radius: 3px;
|
|
height: 2px;
|
|
left: 2px;
|
|
background: currentColor;
|
|
width: 2px;
|
|
box-shadow: 4px 0 0, 8px 0 0, 0 4px 0, 4px 4px 0, 8px 4px 0;
|
|
top: 6px;
|
|
}
|
|
|
|
&::after {
|
|
width: 10px;
|
|
top: -4px;
|
|
box-shadow: 0 6px 0 0;
|
|
}
|
|
}
|
|
|
|
.gg-calendar-due {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 18px;
|
|
height: 18px;
|
|
border: 2px solid;
|
|
border-radius: 3px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-radius: 6px;
|
|
background: currentColor;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-radius: 6px;
|
|
background: currentColor;
|
|
top: 2px;
|
|
width: 10px;
|
|
height: 2px;
|
|
left: 2px;
|
|
}
|
|
|
|
&::after {
|
|
width: 4px;
|
|
height: 4px;
|
|
bottom: 3px;
|
|
left: 5px;
|
|
}
|
|
}
|
|
|
|
.gg-calendar-next {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 14px;
|
|
height: 14px;
|
|
border: 2px solid transparent;
|
|
border-bottom: 4px solid transparent;
|
|
border-right: 4px solid transparent;
|
|
border-left: 3px solid transparent;
|
|
box-shadow: 0 0 0 2px, inset 0 -2px 0;
|
|
border-radius: 1px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
background: currentColor;
|
|
border-radius: 2px;
|
|
top: 0;
|
|
left: -1px;
|
|
width: 10px;
|
|
height: 2px;
|
|
}
|
|
|
|
&::after {
|
|
width: 0;
|
|
height: 0;
|
|
border-top: 3px solid transparent;
|
|
border-bottom: 3px solid transparent;
|
|
border-left: 5px solid;
|
|
bottom: -2px;
|
|
right: -2px;
|
|
}
|
|
}
|
|
|
|
.gg-calendar-today {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 18px;
|
|
height: 18px;
|
|
border: 2px solid;
|
|
border-top: 4px solid;
|
|
border-radius: 3px;
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
background: currentColor;
|
|
height: 4px;
|
|
width: 4px;
|
|
border-radius: 2px;
|
|
right: 2px;
|
|
bottom: 2px;
|
|
}
|
|
}
|
|
|
|
.gg-calendar-two {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 18px;
|
|
height: 18px;
|
|
border: 2px solid;
|
|
border-radius: 3px;
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 10px;
|
|
height: 2px;
|
|
background: currentColor;
|
|
border-radius: 3px;
|
|
top: 2px;
|
|
left: 2px;
|
|
}
|
|
}
|
|
|
|
.gg-calendar {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
|
|
&::before {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
content: "";
|
|
position: absolute;
|
|
width: 10px;
|
|
border-radius: 3px;
|
|
left: 2px;
|
|
background: currentColor;
|
|
height: 2px;
|
|
top: 2px;
|
|
}
|
|
|
|
position: relative;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 18px;
|
|
height: 18px;
|
|
border: 2px solid;
|
|
border-top: 4px solid;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.gg-calibrate {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 18px;
|
|
height: 18px;
|
|
overflow: hidden;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-radius: 22px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-radius: 22px;
|
|
width: 6px;
|
|
height: 6px;
|
|
background: currentColor;
|
|
top: 10px;
|
|
left: 6px;
|
|
}
|
|
|
|
&::after {
|
|
width: 22px;
|
|
height: 22px;
|
|
border: 6px solid transparent;
|
|
border-top: 6px solid;
|
|
left: -2px;
|
|
top: 1px;
|
|
}
|
|
}
|
|
|
|
.gg-camera {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
border: 2px solid;
|
|
border-radius: 3px;
|
|
width: 18px;
|
|
height: 12px;
|
|
perspective: 24px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border: 2px solid;
|
|
border-left-color: transparent;
|
|
transform: rotateY(-70deg);
|
|
width: 8px;
|
|
height: 8px;
|
|
right: -7px;
|
|
top: 0;
|
|
}
|
|
|
|
&::after {
|
|
width: 10px;
|
|
height: 5px;
|
|
border-top: 2px solid;
|
|
border-right: 2px solid;
|
|
top: -5px;
|
|
right: 2px;
|
|
border-top-right-radius: 2px;
|
|
}
|
|
}
|
|
|
|
.gg-cap {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 18px;
|
|
height: 12px;
|
|
border: 2px solid;
|
|
border-bottom-color: transparent;
|
|
border-top-left-radius: 100px;
|
|
border-top-right-radius: 100px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
}
|
|
|
|
&::after {
|
|
border-top: 2px solid transparent;
|
|
border-bottom: 2px solid transparent;
|
|
border-left: 4px solid transparent;
|
|
border-right: 4px solid transparent;
|
|
box-shadow: 0 0 0 2px, inset 12px 0 0 0;
|
|
bottom: -8px;
|
|
width: 18px;
|
|
height: 6px;
|
|
border-radius: 1px;
|
|
left: -2px;
|
|
}
|
|
|
|
&::before {
|
|
width: 4px;
|
|
height: 4px;
|
|
background: currentColor;
|
|
border-radius: 2px;
|
|
left: 5px;
|
|
top: -4px;
|
|
}
|
|
}
|
|
|
|
.gg-captions {
|
|
border-radius: 1px;
|
|
transform: scale(var(--ggs, 1));
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 20px;
|
|
height: 16px;
|
|
border: 2px solid;
|
|
|
|
&::after,
|
|
&::before {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 20px;
|
|
height: 16px;
|
|
border: 2px solid;
|
|
}
|
|
|
|
&::after {
|
|
content: "";
|
|
position: absolute;
|
|
width: 5px;
|
|
height: 8px;
|
|
border-right: transparent;
|
|
top: 2px;
|
|
left: 2px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
position: absolute;
|
|
width: 5px;
|
|
height: 8px;
|
|
border-right: transparent;
|
|
top: 2px;
|
|
left: 2px;
|
|
left: 9px;
|
|
}
|
|
}
|
|
|
|
.gg-card-clubs {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 18px;
|
|
height: 22px;
|
|
border: 2px solid;
|
|
border-radius: 3px;
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
background: currentColor;
|
|
border-radius: 4px;
|
|
width: 4px;
|
|
height: 4px;
|
|
left: 5px;
|
|
top: 4px;
|
|
box-shadow: -2.5px 4px 0, 2.5px 4px 0;
|
|
}
|
|
}
|
|
|
|
.gg-card-diamonds {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 18px;
|
|
height: 22px;
|
|
border: 2px solid;
|
|
border-radius: 3px;
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 6px;
|
|
background: currentColor;
|
|
transform: rotate(45deg);
|
|
top: 6px;
|
|
left: 4px;
|
|
}
|
|
}
|
|
|
|
.gg-card-hearts {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 18px;
|
|
height: 22px;
|
|
border: 2px solid;
|
|
border-radius: 3px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 4px;
|
|
height: 6px;
|
|
background: currentColor;
|
|
border-top-left-radius: 16px;
|
|
border-top-right-radius: 16px;
|
|
transform: rotate(45deg);
|
|
left: 6px;
|
|
top: 6px;
|
|
}
|
|
|
|
&::after {
|
|
transform: rotate(-45deg);
|
|
left: 4px;
|
|
}
|
|
}
|
|
|
|
.gg-card-spades {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 18px;
|
|
height: 22px;
|
|
border: 2px solid;
|
|
border-radius: 3px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 4px;
|
|
height: 6px;
|
|
background: currentColor;
|
|
border-bottom-left-radius: 16px;
|
|
border-bottom-right-radius: 16px;
|
|
transform: rotate(-45deg);
|
|
left: 6px;
|
|
top: 6px;
|
|
}
|
|
|
|
&::after {
|
|
transform: rotate(45deg);
|
|
left: 4px;
|
|
}
|
|
}
|
|
|
|
.gg-carousel {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 22px;
|
|
height: 18px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-radius: 3px;
|
|
width: 22px;
|
|
height: 10px;
|
|
border: 2px solid;
|
|
}
|
|
|
|
&::after {
|
|
width: 10px;
|
|
height: 2px;
|
|
background: currentColor;
|
|
top: 16px;
|
|
left: 6px;
|
|
box-shadow: -3px -4px 0, 3px -4px 0;
|
|
}
|
|
}
|
|
|
|
.gg-cast {
|
|
background: linear-gradient(to left, currentColor 5px, transparent 0)
|
|
no-repeat bottom (right / 6px) 2px,
|
|
linear-gradient(to left, currentColor 5px, transparent 0) no-repeat top
|
|
(left / 2px) 2px;
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 20px;
|
|
height: 16px;
|
|
border-top: 2px solid;
|
|
border-right: 2px solid;
|
|
border-radius: 2px;
|
|
border-left: 0;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 20px;
|
|
height: 20px;
|
|
border: 6px double;
|
|
border-top-color: transparent;
|
|
border-bottom-color: transparent;
|
|
border-left-color: transparent;
|
|
border-radius: 50%;
|
|
transform: rotate(-45deg);
|
|
bottom: -10px;
|
|
left: -10px;
|
|
}
|
|
|
|
&::after {
|
|
width: 4px;
|
|
height: 4px;
|
|
border: 2px solid;
|
|
border-top-color: transparent;
|
|
border-bottom-color: transparent;
|
|
border-left-color: transparent;
|
|
bottom: -2px;
|
|
left: -2px;
|
|
}
|
|
}
|
|
|
|
.gg-chanel {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 21px;
|
|
height: 18px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
box-sizing: border-box;
|
|
border: 3px solid;
|
|
width: 18px;
|
|
height: 18px;
|
|
border-radius: 22px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
box-sizing: border-box;
|
|
border: 3px solid;
|
|
width: 18px;
|
|
height: 18px;
|
|
border-radius: 22px;
|
|
border-left-color: transparent;
|
|
left: -3px;
|
|
}
|
|
|
|
&::after {
|
|
border-right-color: transparent;
|
|
right: -3px;
|
|
}
|
|
}
|
|
|
|
.gg-chart {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 10px;
|
|
height: 10px;
|
|
border-bottom: 2px solid;
|
|
border-left: 2px solid;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
border: 2px solid;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
border: 2px solid;
|
|
box-sizing: border-box;
|
|
border-top-right-radius: 100px;
|
|
right: -2px;
|
|
top: -2px;
|
|
width: 8px;
|
|
height: 8px;
|
|
}
|
|
|
|
&::after {
|
|
width: 18px;
|
|
height: 18px;
|
|
border-radius: 100px;
|
|
border-right-color: transparent;
|
|
left: -10px;
|
|
transform: rotate(-45deg);
|
|
}
|
|
}
|
|
|
|
.gg-check-o {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 22px;
|
|
height: 22px;
|
|
border: 2px solid;
|
|
border-radius: 100px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
left: 3px;
|
|
top: -1px;
|
|
width: 6px;
|
|
height: 10px;
|
|
border-color: currentColor;
|
|
border-width: 0 2px 2px 0;
|
|
border-style: solid;
|
|
transform-origin: bottom left;
|
|
transform: rotate(45deg);
|
|
}
|
|
}
|
|
|
|
.gg-check-r {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 22px;
|
|
height: 22px;
|
|
border: 2px solid;
|
|
transform: scale(var(--ggs, 1));
|
|
border-radius: 4px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
left: 3px;
|
|
top: -1px;
|
|
width: 6px;
|
|
height: 10px;
|
|
border-width: 0 2px 2px 0;
|
|
border-style: solid;
|
|
transform-origin: bottom left;
|
|
transform: rotate(45deg);
|
|
}
|
|
}
|
|
|
|
.gg-check {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 22px;
|
|
height: 22px;
|
|
border: 2px solid transparent;
|
|
border-radius: 100px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
left: 3px;
|
|
top: -1px;
|
|
width: 6px;
|
|
height: 10px;
|
|
border-width: 0 2px 2px 0;
|
|
border-style: solid;
|
|
transform-origin: bottom left;
|
|
transform: rotate(45deg);
|
|
}
|
|
}
|
|
|
|
.gg-chevron-double-down-o {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
border: 2px solid;
|
|
border-radius: 40px;
|
|
width: 22px;
|
|
height: 22px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 6px;
|
|
border-bottom: 2px solid;
|
|
border-right: 2px solid;
|
|
transform: rotate(45deg);
|
|
left: 6px;
|
|
top: 3px;
|
|
}
|
|
|
|
&::after {
|
|
top: 7px;
|
|
}
|
|
}
|
|
|
|
.gg-chevron-double-down-r {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
border: 2px solid;
|
|
border-radius: 4px;
|
|
width: 22px;
|
|
height: 22px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 6px;
|
|
border-bottom: 2px solid;
|
|
border-right: 2px solid;
|
|
transform: rotate(45deg);
|
|
left: 6px;
|
|
top: 3px;
|
|
}
|
|
|
|
&::after {
|
|
top: 7px;
|
|
}
|
|
}
|
|
|
|
.gg-chevron-double-down {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 22px;
|
|
height: 22px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 8px;
|
|
height: 8px;
|
|
border-bottom: 2px solid;
|
|
border-right: 2px solid;
|
|
transform: rotate(45deg);
|
|
left: 7px;
|
|
top: 3px;
|
|
}
|
|
|
|
&::after {
|
|
top: 8px;
|
|
}
|
|
}
|
|
|
|
.gg-chevron-double-left-o {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
border: 2px solid;
|
|
border-radius: 40px;
|
|
width: 22px;
|
|
height: 22px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 6px;
|
|
border-left: 2px solid;
|
|
border-bottom: 2px solid;
|
|
transform: rotate(45deg);
|
|
top: 6px;
|
|
left: 5px;
|
|
}
|
|
|
|
&::after {
|
|
left: 9px;
|
|
}
|
|
}
|
|
|
|
.gg-chevron-double-left-r {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
border: 2px solid;
|
|
border-radius: 4px;
|
|
width: 22px;
|
|
height: 22px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 6px;
|
|
border-left: 2px solid;
|
|
border-bottom: 2px solid;
|
|
transform: rotate(45deg);
|
|
top: 6px;
|
|
left: 5px;
|
|
}
|
|
|
|
&::after {
|
|
left: 9px;
|
|
}
|
|
}
|
|
|
|
.gg-chevron-double-left {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 22px;
|
|
height: 22px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 8px;
|
|
height: 8px;
|
|
border-left: 2px solid;
|
|
border-bottom: 2px solid;
|
|
transform: rotate(45deg);
|
|
top: 7px;
|
|
left: 6px;
|
|
}
|
|
|
|
&::after {
|
|
left: 11px;
|
|
}
|
|
}
|
|
|
|
.gg-chevron-double-right-o {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
border: 2px solid;
|
|
border-radius: 40px;
|
|
width: 22px;
|
|
height: 22px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 6px;
|
|
border-right: 2px solid;
|
|
border-top: 2px solid;
|
|
transform: rotate(45deg);
|
|
top: 6px;
|
|
right: 5px;
|
|
}
|
|
|
|
&::after {
|
|
right: 9px;
|
|
}
|
|
}
|
|
|
|
.gg-chevron-double-right-r {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
border: 2px solid;
|
|
border-radius: 4px;
|
|
width: 22px;
|
|
height: 22px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 6px;
|
|
border-right: 2px solid;
|
|
border-top: 2px solid;
|
|
transform: rotate(45deg);
|
|
top: 6px;
|
|
right: 5px;
|
|
}
|
|
|
|
&::after {
|
|
right: 9px;
|
|
}
|
|
}
|
|
|
|
.gg-chevron-double-right {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 22px;
|
|
height: 22px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 8px;
|
|
height: 8px;
|
|
border-right: 2px solid;
|
|
border-top: 2px solid;
|
|
transform: rotate(45deg);
|
|
top: 7px;
|
|
right: 6px;
|
|
}
|
|
|
|
&::after {
|
|
right: 11px;
|
|
}
|
|
}
|
|
|
|
.gg-chevron-double-up-o {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
border: 2px solid;
|
|
border-radius: 40px;
|
|
width: 22px;
|
|
height: 22px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 6px;
|
|
border-top: 2px solid;
|
|
border-left: 2px solid;
|
|
transform: rotate(45deg);
|
|
left: 6px;
|
|
bottom: 3px;
|
|
}
|
|
|
|
&::after {
|
|
bottom: 7px;
|
|
}
|
|
}
|
|
|
|
.gg-chevron-double-up-r {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
border: 2px solid;
|
|
border-radius: 4px;
|
|
width: 22px;
|
|
height: 22px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 6px;
|
|
border-top: 2px solid;
|
|
border-left: 2px solid;
|
|
transform: rotate(45deg);
|
|
left: 6px;
|
|
bottom: 3px;
|
|
}
|
|
|
|
&::after {
|
|
bottom: 7px;
|
|
}
|
|
}
|
|
|
|
.gg-chevron-double-up {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 22px;
|
|
height: 22px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 8px;
|
|
height: 8px;
|
|
border-top: 2px solid;
|
|
border-left: 2px solid;
|
|
transform: rotate(45deg);
|
|
left: 7px;
|
|
bottom: 3px;
|
|
}
|
|
|
|
&::after {
|
|
bottom: 8px;
|
|
}
|
|
}
|
|
|
|
.gg-chevron-down-o {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 22px;
|
|
height: 22px;
|
|
border: 2px solid;
|
|
border-radius: 100px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 6px;
|
|
border-bottom: 2px solid;
|
|
border-right: 2px solid;
|
|
transform: rotate(45deg);
|
|
left: 6px;
|
|
top: 5px;
|
|
}
|
|
}
|
|
|
|
.gg-chevron-down-r {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 22px;
|
|
height: 22px;
|
|
border: 2px solid;
|
|
border-radius: 4px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 6px;
|
|
border-bottom: 2px solid;
|
|
border-right: 2px solid;
|
|
transform: rotate(45deg);
|
|
left: 6px;
|
|
top: 5px;
|
|
}
|
|
}
|
|
|
|
.gg-chevron-down {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 22px;
|
|
height: 22px;
|
|
border: 2px solid transparent;
|
|
border-radius: 100px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 10px;
|
|
height: 10px;
|
|
border-bottom: 2px solid;
|
|
border-right: 2px solid;
|
|
transform: rotate(45deg);
|
|
left: 4px;
|
|
top: 2px;
|
|
}
|
|
}
|
|
|
|
.gg-chevron-left-o {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 22px;
|
|
height: 22px;
|
|
border: 2px solid;
|
|
border-radius: 100px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 6px;
|
|
border-bottom: 2px solid;
|
|
border-left: 2px solid;
|
|
transform: rotate(45deg);
|
|
left: 7px;
|
|
top: 6px;
|
|
}
|
|
}
|
|
|
|
.gg-chevron-left-r {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 22px;
|
|
height: 22px;
|
|
border: 2px solid;
|
|
border-radius: 4px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 6px;
|
|
border-bottom: 2px solid;
|
|
border-left: 2px solid;
|
|
transform: rotate(45deg);
|
|
left: 7px;
|
|
top: 6px;
|
|
}
|
|
}
|
|
|
|
.gg-chevron-left {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 22px;
|
|
height: 22px;
|
|
border: 2px solid transparent;
|
|
border-radius: 100px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 10px;
|
|
height: 10px;
|
|
border-bottom: 2px solid;
|
|
border-left: 2px solid;
|
|
transform: rotate(45deg);
|
|
left: 6px;
|
|
top: 4px;
|
|
}
|
|
}
|
|
|
|
.gg-chevron-right-o {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 22px;
|
|
height: 22px;
|
|
border: 2px solid;
|
|
border-radius: 100px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 6px;
|
|
border-bottom: 2px solid;
|
|
border-right: 2px solid;
|
|
transform: rotate(-45deg);
|
|
left: 5px;
|
|
top: 6px;
|
|
}
|
|
}
|
|
|
|
.gg-chevron-right-r {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 22px;
|
|
height: 22px;
|
|
border: 2px solid;
|
|
border-radius: 4px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 6px;
|
|
border-bottom: 2px solid;
|
|
border-right: 2px solid;
|
|
transform: rotate(-45deg);
|
|
left: 5px;
|
|
top: 6px;
|
|
}
|
|
}
|
|
|
|
.gg-chevron-right {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 22px;
|
|
height: 22px;
|
|
border: 2px solid transparent;
|
|
border-radius: 100px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 10px;
|
|
height: 10px;
|
|
border-bottom: 2px solid;
|
|
border-right: 2px solid;
|
|
transform: rotate(-45deg);
|
|
right: 6px;
|
|
top: 4px;
|
|
}
|
|
}
|
|
|
|
.gg-chevron-up-o {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 22px;
|
|
height: 22px;
|
|
border: 2px solid;
|
|
border-radius: 100px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 6px;
|
|
border-top: 2px solid;
|
|
border-right: 2px solid;
|
|
transform: rotate(-45deg);
|
|
left: 6px;
|
|
bottom: 5px;
|
|
}
|
|
}
|
|
|
|
.gg-chevron-up-r {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 22px;
|
|
height: 22px;
|
|
border: 2px solid;
|
|
border-radius: 4px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 6px;
|
|
border-top: 2px solid;
|
|
border-right: 2px solid;
|
|
transform: rotate(-45deg);
|
|
left: 6px;
|
|
bottom: 5px;
|
|
}
|
|
}
|
|
|
|
.gg-chevron-up {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 22px;
|
|
height: 22px;
|
|
border: 2px solid transparent;
|
|
border-radius: 100px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 10px;
|
|
height: 10px;
|
|
border-top: 2px solid;
|
|
border-right: 2px solid;
|
|
transform: rotate(-45deg);
|
|
left: 4px;
|
|
bottom: 2px;
|
|
}
|
|
}
|
|
|
|
.gg-circleci {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
border-radius: 18px;
|
|
|
|
&::before {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
border-radius: 18px;
|
|
content: "";
|
|
position: absolute;
|
|
width: 10px;
|
|
height: 10px;
|
|
border: 3px solid;
|
|
top: 3px;
|
|
right: 3px;
|
|
}
|
|
|
|
position: relative;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 24px;
|
|
height: 24px;
|
|
border: 4px solid;
|
|
background: linear-gradient(to left, currentColor 8px, transparent 0)
|
|
no-repeat -2px (center / 8px) 3px;
|
|
}
|
|
|
|
.gg-clapper-board {
|
|
display: block;
|
|
position: relative;
|
|
transform: scale(var(--ggs, 1));
|
|
box-sizing: border-box;
|
|
width: 22px;
|
|
height: 18px;
|
|
border: 2px solid;
|
|
border-radius: 3px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 10px;
|
|
height: 8px;
|
|
border-left: 2px solid;
|
|
border-right: 2px solid;
|
|
left: 4px;
|
|
top: -2px;
|
|
transform: skewX(-40deg);
|
|
}
|
|
|
|
&::after {
|
|
width: 22px;
|
|
height: 2px;
|
|
background: currentColor;
|
|
top: 4px;
|
|
left: -2px;
|
|
}
|
|
}
|
|
|
|
.gg-clipboard {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 18px;
|
|
height: 18px;
|
|
border: 2px solid;
|
|
border-radius: 2px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-radius: 2px;
|
|
width: 10px;
|
|
left: 2px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-radius: 2px;
|
|
width: 10px;
|
|
left: 2px;
|
|
border: 2px solid;
|
|
border-bottom-left-radius: 3px;
|
|
border-bottom-right-radius: 3px;
|
|
top: -2px;
|
|
height: 6px;
|
|
}
|
|
|
|
&::after {
|
|
height: 2px;
|
|
background: currentColor;
|
|
box-shadow: 0 -4px 0 0;
|
|
bottom: 2px;
|
|
}
|
|
}
|
|
|
|
.gg-close-o {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 22px;
|
|
height: 22px;
|
|
border: 2px solid;
|
|
border-radius: 40px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 12px;
|
|
height: 2px;
|
|
background: currentColor;
|
|
transform: rotate(45deg);
|
|
border-radius: 5px;
|
|
top: 8px;
|
|
left: 3px;
|
|
}
|
|
|
|
&::after {
|
|
transform: rotate(-45deg);
|
|
}
|
|
}
|
|
|
|
.gg-close-r {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 22px;
|
|
height: 22px;
|
|
border: 2px solid;
|
|
border-radius: 4px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 12px;
|
|
height: 2px;
|
|
background: currentColor;
|
|
transform: rotate(45deg);
|
|
border-radius: 5px;
|
|
top: 8px;
|
|
left: 3px;
|
|
}
|
|
|
|
&::after {
|
|
transform: rotate(-45deg);
|
|
}
|
|
}
|
|
|
|
.gg-close {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 22px;
|
|
height: 22px;
|
|
border: 2px solid transparent;
|
|
border-radius: 40px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 16px;
|
|
height: 2px;
|
|
background: currentColor;
|
|
transform: rotate(45deg);
|
|
border-radius: 5px;
|
|
top: 8px;
|
|
left: 1px;
|
|
}
|
|
|
|
&::after {
|
|
transform: rotate(-45deg);
|
|
}
|
|
}
|
|
|
|
.gg-cloud {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 8px;
|
|
height: 2px;
|
|
background: currentColor;
|
|
margin-bottom: -20px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
border: 2px solid;
|
|
box-sizing: border-box;
|
|
bottom: 0;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
border: 2px solid;
|
|
box-sizing: border-box;
|
|
bottom: 0;
|
|
border-top-left-radius: 100px;
|
|
border-bottom-left-radius: 100px;
|
|
border-right: 0;
|
|
left: -6px;
|
|
width: 7px;
|
|
height: 12px;
|
|
}
|
|
|
|
&::after {
|
|
width: 16px;
|
|
height: 16px;
|
|
border-radius: 100px;
|
|
border-left-color: transparent;
|
|
right: -8px;
|
|
transform: rotate(-45deg);
|
|
}
|
|
}
|
|
|
|
.gg-code-climate {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 24px;
|
|
height: 16px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
box-sizing: border-box;
|
|
width: 12px;
|
|
border-left: 4px solid;
|
|
border-top: 4px solid;
|
|
transform: rotate(45deg);
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
box-sizing: border-box;
|
|
width: 12px;
|
|
border-left: 4px solid;
|
|
border-top: 4px solid;
|
|
transform: rotate(45deg);
|
|
height: 12px;
|
|
left: 2px;
|
|
bottom: -2px;
|
|
}
|
|
|
|
&::after {
|
|
height: 6px;
|
|
right: 0;
|
|
bottom: 6px;
|
|
}
|
|
}
|
|
|
|
.gg-code-slash {
|
|
display: block;
|
|
position: relative;
|
|
box-sizing: border-box;
|
|
transform: rotate(15deg) scale(var(--ggs, 1));
|
|
width: 2px;
|
|
height: 16px;
|
|
background: currentColor;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 8px;
|
|
height: 8px;
|
|
transform: rotate(-60deg);
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 8px;
|
|
height: 8px;
|
|
transform: rotate(-60deg);
|
|
border-left: 2px solid;
|
|
border-top: 2px solid;
|
|
left: -8px;
|
|
top: 5px;
|
|
}
|
|
|
|
&::after {
|
|
border-right: 2px solid;
|
|
border-bottom: 2px solid;
|
|
right: -8px;
|
|
top: 3px;
|
|
}
|
|
}
|
|
|
|
.gg-code {
|
|
transform: scale(var(--ggs, 1));
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 8px;
|
|
height: 20px;
|
|
|
|
&::after,
|
|
&::before {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 8px;
|
|
height: 20px;
|
|
}
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
position: absolute;
|
|
height: 8px;
|
|
border-left: 2px solid;
|
|
border-bottom: 2px solid;
|
|
transform: rotate(45deg) scaleY(1);
|
|
left: -4px;
|
|
top: 6px;
|
|
}
|
|
|
|
&::after {
|
|
transform: rotate(-45deg) scaleX(-1);
|
|
left: 4px;
|
|
}
|
|
}
|
|
|
|
.gg-coffee {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 18px;
|
|
height: 14px;
|
|
border: 2px solid;
|
|
border-radius: 6px;
|
|
border-top-left-radius: 0;
|
|
border-top-right-radius: 0;
|
|
margin-left: -4px;
|
|
margin-top: 3px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
left: 2px;
|
|
background: currentColor;
|
|
box-shadow: 4px 0 0, 8px 0 0;
|
|
border-radius: 3px;
|
|
width: 2px;
|
|
height: 4px;
|
|
top: -7px;
|
|
}
|
|
|
|
&::after {
|
|
width: 6px;
|
|
height: 8px;
|
|
border: 2px solid;
|
|
border-radius: 100px;
|
|
border-top-left-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
right: -6px;
|
|
top: -1px;
|
|
}
|
|
}
|
|
|
|
.gg-collage {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 16px;
|
|
height: 20px;
|
|
border: 2px solid;
|
|
border-radius: 3px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 2px;
|
|
height: 20px;
|
|
background: currentColor;
|
|
left: 5px;
|
|
top: -2px;
|
|
}
|
|
|
|
&::after {
|
|
width: 9px;
|
|
height: 2px;
|
|
left: -2px;
|
|
top: 4px;
|
|
box-shadow: 7px 5px 0 0;
|
|
}
|
|
}
|
|
|
|
.gg-color-bucket {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 6px;
|
|
height: 10px;
|
|
border: 2px solid;
|
|
border-bottom: 0;
|
|
border-top-left-radius: 100px;
|
|
border-top-right-radius: 100px;
|
|
margin-top: -18px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
transform: rotate(45deg);
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
transform: rotate(45deg);
|
|
border: 2px solid;
|
|
border-bottom-left-radius: 4px;
|
|
border-bottom-right-radius: 4px;
|
|
top: 4px;
|
|
left: -4px;
|
|
width: 14px;
|
|
height: 16px;
|
|
}
|
|
|
|
&::after {
|
|
width: 6px;
|
|
height: 6px;
|
|
border-radius: 0 100% 100% 100%;
|
|
background: currentColor;
|
|
right: -15px;
|
|
bottom: -12px;
|
|
}
|
|
}
|
|
|
|
.gg-color-picker {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: rotate(-45deg) scale(var(--ggs, 1));
|
|
width: 18px;
|
|
height: 10px;
|
|
border-left: 0;
|
|
border-top-left-radius: 100px;
|
|
border-bottom-left-radius: 100px;
|
|
border-top: 2px solid transparent;
|
|
border-bottom: 2px solid transparent;
|
|
border-right: 2px solid transparent;
|
|
box-shadow: inset 0 0 0 2px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
background: currentColor;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
background: currentColor;
|
|
top: -2px;
|
|
border-radius: 3px;
|
|
width: 2px;
|
|
height: 10px;
|
|
right: -3px;
|
|
}
|
|
|
|
&::after {
|
|
width: 8px;
|
|
height: 6px;
|
|
right: -9px;
|
|
box-shadow: -21px 0 0 -2px;
|
|
border-top-right-radius: 100px;
|
|
border-bottom-right-radius: 100px;
|
|
}
|
|
}
|
|
|
|
.gg-comedy-central {
|
|
box-sizing: border-box;
|
|
display: block;
|
|
border: 3px solid;
|
|
border-radius: 100px;
|
|
|
|
&::before {
|
|
box-sizing: border-box;
|
|
display: block;
|
|
border: 3px solid;
|
|
border-radius: 100px;
|
|
content: "";
|
|
position: absolute;
|
|
border-right-color: transparent;
|
|
width: 10px;
|
|
height: 10px;
|
|
bottom: 2px;
|
|
right: 2px;
|
|
}
|
|
|
|
position: relative;
|
|
border-left-color: transparent;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 20px;
|
|
height: 20px;
|
|
}
|
|
|
|
.gg-comment {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 20px;
|
|
height: 16px;
|
|
border: 2px solid;
|
|
border-bottom: 0;
|
|
box-shadow: -6px 8px 0 -6px, 6px 8px 0 -6px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 8px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 8px;
|
|
border: 2px solid;
|
|
border-top-color: transparent;
|
|
border-bottom-left-radius: 20px;
|
|
right: 4px;
|
|
bottom: -6px;
|
|
height: 6px;
|
|
}
|
|
|
|
&::after {
|
|
height: 2px;
|
|
background: currentColor;
|
|
box-shadow: 0 4px 0 0;
|
|
left: 4px;
|
|
top: 4px;
|
|
}
|
|
}
|
|
|
|
.gg-community {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 21px;
|
|
height: 14px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
border: 2px solid;
|
|
width: 10px;
|
|
height: 10px;
|
|
border-radius: 22px;
|
|
}
|
|
|
|
&::after {
|
|
right: 0;
|
|
}
|
|
}
|
|
|
|
.gg-components {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: rotate(45deg) scale(var(--ggs, 1));
|
|
width: 14px;
|
|
height: 14px;
|
|
background: linear-gradient(to left, currentColor 10px, transparent 0)
|
|
no-repeat 0 0 / 2px 6px,
|
|
linear-gradient(to left, currentColor 10px, transparent 0) no-repeat 4px 0 /
|
|
2px 6px,
|
|
linear-gradient(to left, currentColor 10px, transparent 0) no-repeat 8px 0 /
|
|
2px 6px,
|
|
linear-gradient(to left, currentColor 10px, transparent 0) no-repeat 12px 0 /
|
|
2px 6px,
|
|
linear-gradient(to left, currentColor 10px, transparent 0) no-repeat 0 8px /
|
|
2px 6px,
|
|
linear-gradient(to left, currentColor 10px, transparent 0) no-repeat 4px 8px /
|
|
2px 6px,
|
|
linear-gradient(to left, currentColor 10px, transparent 0) no-repeat 8px 8px /
|
|
2px 6px,
|
|
linear-gradient(to left, currentColor 10px, transparent 0) no-repeat 12px
|
|
8px / 2px 6px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 2px;
|
|
border-top: 6px double;
|
|
border-bottom: 6px double;
|
|
}
|
|
|
|
&::after {
|
|
right: 0;
|
|
}
|
|
}
|
|
|
|
.gg-compress-left {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: rotate(-45deg) scale(var(--ggs, 1));
|
|
width: 2px;
|
|
height: 26px;
|
|
border-top: 10px solid;
|
|
border-bottom: 10px solid;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 6px;
|
|
transform: rotate(45deg);
|
|
left: -2px;
|
|
}
|
|
|
|
&::after {
|
|
border-bottom: 2px solid;
|
|
border-right: 2px solid;
|
|
top: -5px;
|
|
}
|
|
|
|
&::before {
|
|
border-top: 2px solid;
|
|
border-left: 2px solid;
|
|
bottom: -5px;
|
|
}
|
|
}
|
|
|
|
.gg-compress-right {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: rotate(45deg) scale(var(--ggs, 1));
|
|
width: 2px;
|
|
height: 26px;
|
|
border-top: 10px solid;
|
|
border-bottom: 10px solid;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 6px;
|
|
transform: rotate(45deg);
|
|
left: -2px;
|
|
}
|
|
|
|
&::after {
|
|
border-bottom: 2px solid;
|
|
border-right: 2px solid;
|
|
top: -5px;
|
|
}
|
|
|
|
&::before {
|
|
border-top: 2px solid;
|
|
border-left: 2px solid;
|
|
bottom: -5px;
|
|
}
|
|
}
|
|
|
|
.gg-compress-v {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 2px;
|
|
height: 26px;
|
|
border-top: 10px solid;
|
|
border-bottom: 10px solid;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 6px;
|
|
transform: rotate(45deg);
|
|
left: -2px;
|
|
}
|
|
|
|
&::after {
|
|
border-bottom: 2px solid;
|
|
border-right: 2px solid;
|
|
top: -5px;
|
|
}
|
|
|
|
&::before {
|
|
border-top: 2px solid;
|
|
border-left: 2px solid;
|
|
bottom: -5px;
|
|
}
|
|
}
|
|
|
|
.gg-compress {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 26px;
|
|
height: 2px;
|
|
border-left: 10px solid;
|
|
border-right: 10px solid;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 6px;
|
|
border-top: 2px solid;
|
|
top: -2px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 6px;
|
|
border-top: 2px solid;
|
|
top: -2px;
|
|
border-right: 2px solid;
|
|
left: -5px;
|
|
transform: rotate(45deg);
|
|
}
|
|
|
|
&::after {
|
|
border-left: 2px solid;
|
|
right: -5px;
|
|
transform: rotate(-45deg);
|
|
}
|
|
}
|
|
|
|
.gg-controller {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 8px;
|
|
height: 8px;
|
|
border: 2px solid;
|
|
border-radius: 100px;
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 14px;
|
|
height: 14px;
|
|
box-shadow: -6px -6px 0 -4px, 6px 6px 0 -4px, 6px -6px 0 -4px,
|
|
-6px 6px 0 -4px;
|
|
left: -5px;
|
|
top: -5px;
|
|
transform: rotate(45deg);
|
|
}
|
|
}
|
|
|
|
.gg-copy {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 14px;
|
|
height: 18px;
|
|
border: 2px solid;
|
|
margin-left: -5px;
|
|
margin-top: -4px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
background: linear-gradient(to left, currentColor 5px, transparent 0)
|
|
no-repeat right (top / 5px) 2px,
|
|
linear-gradient(to left, currentColor 5px, transparent 0) no-repeat left
|
|
(bottom / 2px) 5px;
|
|
box-shadow: inset -4px -4px 0 -2px;
|
|
bottom: -6px;
|
|
right: -6px;
|
|
width: 14px;
|
|
height: 18px;
|
|
}
|
|
|
|
&::after {
|
|
width: 6px;
|
|
height: 2px;
|
|
background: currentColor;
|
|
left: 2px;
|
|
top: 2px;
|
|
box-shadow: 0 4px 0, 0 8px 0;
|
|
}
|
|
}
|
|
|
|
.gg-copyright {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 18px;
|
|
height: 18px;
|
|
border: 2px solid;
|
|
border-radius: 40px;
|
|
|
|
&::after {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 18px;
|
|
height: 18px;
|
|
border: 2px solid;
|
|
border-radius: 40px;
|
|
content: "";
|
|
position: absolute;
|
|
border-right-color: transparent;
|
|
width: 8px;
|
|
height: 8px;
|
|
top: 3px;
|
|
left: 3px;
|
|
transform: none;
|
|
}
|
|
}
|
|
|
|
.gg-corner-double-down-left {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 12px;
|
|
height: 12px;
|
|
border-bottom-right-radius: 4px;
|
|
border-bottom: 2px solid;
|
|
border-right: 2px solid;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 6px;
|
|
border-left: 2px solid;
|
|
transform: rotate(45deg);
|
|
}
|
|
|
|
&::after {
|
|
border-bottom: 2px solid;
|
|
bottom: -4px;
|
|
}
|
|
|
|
&::before {
|
|
border-top: 2px solid;
|
|
right: -4px;
|
|
}
|
|
}
|
|
|
|
.gg-corner-double-down-right {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 12px;
|
|
height: 12px;
|
|
border-bottom-left-radius: 4px;
|
|
border-bottom: 2px solid;
|
|
border-left: 2px solid;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 6px;
|
|
border-top: 2px solid;
|
|
transform: rotate(45deg);
|
|
}
|
|
|
|
&::after {
|
|
border-right: 2px solid;
|
|
bottom: -4px;
|
|
right: 0;
|
|
}
|
|
|
|
&::before {
|
|
border-left: 2px solid;
|
|
left: -4px;
|
|
}
|
|
}
|
|
|
|
.gg-corner-double-left-down {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 12px;
|
|
height: 12px;
|
|
border-top-left-radius: 4px;
|
|
border-top: 2px solid;
|
|
border-left: 2px solid;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 6px;
|
|
border-right: 2px solid;
|
|
transform: rotate(45deg);
|
|
}
|
|
|
|
&::after {
|
|
border-top: 2px solid;
|
|
top: -4px;
|
|
right: 0;
|
|
}
|
|
|
|
&::before {
|
|
border-bottom: 2px solid;
|
|
left: -4px;
|
|
bottom: 0;
|
|
}
|
|
}
|
|
|
|
.gg-corner-double-left-up {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 8px;
|
|
height: 10px;
|
|
border-bottom-left-radius: 4px;
|
|
border-bottom: 2px solid;
|
|
border-left: 2px solid;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 6px;
|
|
border-top: 2px solid;
|
|
left: -4px;
|
|
transform: rotate(45deg);
|
|
}
|
|
|
|
&::after {
|
|
border-left: 2px solid;
|
|
top: -4px;
|
|
}
|
|
|
|
&::before {
|
|
border-left: 2px solid;
|
|
top: 0;
|
|
}
|
|
}
|
|
|
|
.gg-corner-double-right-down {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 12px;
|
|
height: 12px;
|
|
border-top-right-radius: 4px;
|
|
border-top: 2px solid;
|
|
border-right: 2px solid;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 6px;
|
|
border-bottom: 2px solid;
|
|
transform: rotate(45deg);
|
|
}
|
|
|
|
&::after {
|
|
border-left: 2px solid;
|
|
top: -4px;
|
|
left: 0;
|
|
}
|
|
|
|
&::before {
|
|
border-right: 2px solid;
|
|
right: -4px;
|
|
bottom: 0;
|
|
}
|
|
}
|
|
|
|
.gg-corner-double-right-up {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 8px;
|
|
height: 10px;
|
|
border-bottom-right-radius: 4px;
|
|
border-bottom: 2px solid;
|
|
border-right: 2px solid;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 6px;
|
|
border-left: 2px solid;
|
|
right: -4px;
|
|
transform: rotate(45deg);
|
|
}
|
|
|
|
&::after {
|
|
border-top: 2px solid;
|
|
top: -4px;
|
|
}
|
|
|
|
&::before {
|
|
border-top: 2px solid;
|
|
top: 0;
|
|
}
|
|
}
|
|
|
|
.gg-corner-double-up-left {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 10px;
|
|
height: 8px;
|
|
border-top-right-radius: 4px;
|
|
border-top: 2px solid;
|
|
border-right: 2px solid;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 6px;
|
|
border-bottom: 2px solid;
|
|
top: -4px;
|
|
transform: rotate(45deg);
|
|
}
|
|
|
|
&::after {
|
|
border-left: 2px solid;
|
|
}
|
|
|
|
&::before {
|
|
border-left: 2px solid;
|
|
left: -4px;
|
|
}
|
|
}
|
|
|
|
.gg-corner-double-up-right {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 10px;
|
|
height: 8px;
|
|
border-top-left-radius: 4px;
|
|
border-top: 2px solid;
|
|
border-left: 2px solid;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 6px;
|
|
border-right: 2px solid;
|
|
top: -4px;
|
|
transform: rotate(45deg);
|
|
}
|
|
|
|
&::after {
|
|
border-top: 2px solid;
|
|
right: 0;
|
|
}
|
|
|
|
&::before {
|
|
border-top: 2px solid;
|
|
right: -4px;
|
|
}
|
|
}
|
|
|
|
.gg-corner-down-left {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 22px;
|
|
height: 22px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
left: 3px;
|
|
}
|
|
|
|
&::after {
|
|
width: 8px;
|
|
height: 8px;
|
|
border-bottom: 2px solid;
|
|
border-left: 2px solid;
|
|
transform: rotate(45deg);
|
|
bottom: 3px;
|
|
}
|
|
|
|
&::before {
|
|
width: 16px;
|
|
height: 12px;
|
|
border-bottom-right-radius: 4px;
|
|
border-bottom: 2px solid;
|
|
border-right: 2px solid;
|
|
bottom: 6px;
|
|
}
|
|
}
|
|
|
|
.gg-corner-down-right {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 22px;
|
|
height: 22px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
right: 3px;
|
|
}
|
|
|
|
&::after {
|
|
width: 8px;
|
|
height: 8px;
|
|
border-top: 2px solid;
|
|
border-right: 2px solid;
|
|
transform: rotate(45deg);
|
|
bottom: 3px;
|
|
}
|
|
|
|
&::before {
|
|
width: 16px;
|
|
height: 12px;
|
|
border-bottom-left-radius: 4px;
|
|
border-bottom: 2px solid;
|
|
border-left: 2px solid;
|
|
bottom: 6px;
|
|
}
|
|
}
|
|
|
|
.gg-corner-left-down {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 22px;
|
|
height: 22px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
bottom: 3px;
|
|
}
|
|
|
|
&::after {
|
|
width: 8px;
|
|
height: 8px;
|
|
border-bottom: 2px solid;
|
|
border-right: 2px solid;
|
|
transform: rotate(45deg);
|
|
left: 3px;
|
|
}
|
|
|
|
&::before {
|
|
width: 12px;
|
|
height: 16px;
|
|
border-top-left-radius: 4px;
|
|
border-top: 2px solid;
|
|
border-left: 2px solid;
|
|
left: 6px;
|
|
}
|
|
}
|
|
|
|
.gg-corner-left-up {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 22px;
|
|
height: 22px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
top: 3px;
|
|
}
|
|
|
|
&::after {
|
|
width: 8px;
|
|
height: 8px;
|
|
border-top: 2px solid;
|
|
border-left: 2px solid;
|
|
transform: rotate(45deg);
|
|
left: 3px;
|
|
}
|
|
|
|
&::before {
|
|
width: 12px;
|
|
height: 16px;
|
|
border-bottom-left-radius: 4px;
|
|
border-bottom: 2px solid;
|
|
border-left: 2px solid;
|
|
left: 6px;
|
|
}
|
|
}
|
|
|
|
.gg-corner-right-down {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 22px;
|
|
height: 22px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
bottom: 3px;
|
|
}
|
|
|
|
&::after {
|
|
width: 8px;
|
|
height: 8px;
|
|
border-bottom: 2px solid;
|
|
border-right: 2px solid;
|
|
transform: rotate(45deg);
|
|
right: 3px;
|
|
}
|
|
|
|
&::before {
|
|
width: 12px;
|
|
height: 16px;
|
|
border-top-right-radius: 4px;
|
|
border-top: 2px solid;
|
|
border-right: 2px solid;
|
|
right: 6px;
|
|
}
|
|
}
|
|
|
|
.gg-corner-right-up {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 22px;
|
|
height: 22px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
top: 3px;
|
|
}
|
|
|
|
&::after {
|
|
width: 8px;
|
|
height: 8px;
|
|
border-top: 2px solid;
|
|
border-left: 2px solid;
|
|
transform: rotate(45deg);
|
|
right: 3px;
|
|
}
|
|
|
|
&::before {
|
|
width: 12px;
|
|
height: 16px;
|
|
border-bottom-right-radius: 4px;
|
|
border-bottom: 2px solid;
|
|
border-right: 2px solid;
|
|
right: 6px;
|
|
}
|
|
}
|
|
|
|
.gg-corner-up-left {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 22px;
|
|
height: 22px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
left: 3px;
|
|
}
|
|
|
|
&::after {
|
|
width: 8px;
|
|
height: 8px;
|
|
border-bottom: 2px solid;
|
|
border-left: 2px solid;
|
|
transform: rotate(45deg);
|
|
top: 3px;
|
|
}
|
|
|
|
&::before {
|
|
width: 16px;
|
|
height: 12px;
|
|
border-top-right-radius: 4px;
|
|
border-top: 2px solid;
|
|
border-right: 2px solid;
|
|
top: 6px;
|
|
}
|
|
}
|
|
|
|
.gg-corner-up-right {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 22px;
|
|
height: 22px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
right: 3px;
|
|
}
|
|
|
|
&::after {
|
|
width: 8px;
|
|
height: 8px;
|
|
border-top: 2px solid;
|
|
border-right: 2px solid;
|
|
transform: rotate(45deg);
|
|
top: 3px;
|
|
}
|
|
|
|
&::before {
|
|
width: 16px;
|
|
height: 12px;
|
|
border-top-left-radius: 4px;
|
|
border-top: 2px solid;
|
|
border-left: 2px solid;
|
|
top: 6px;
|
|
}
|
|
}
|
|
|
|
.gg-credit-card {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 24px;
|
|
height: 18px;
|
|
border: 2px solid;
|
|
border-radius: 4px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-radius: 3px;
|
|
width: 24px;
|
|
left: -2px;
|
|
height: 2px;
|
|
background: currentColor;
|
|
top: 9px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-radius: 3px;
|
|
width: 24px;
|
|
left: -2px;
|
|
height: 2px;
|
|
background: currentColor;
|
|
top: 9px;
|
|
width: 6px;
|
|
left: 2px;
|
|
top: 3px;
|
|
}
|
|
}
|
|
|
|
.gg-crop {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 20px;
|
|
height: 20px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 14px;
|
|
height: 14px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 14px;
|
|
height: 14px;
|
|
border-right: 2px solid;
|
|
border-top: 2px solid;
|
|
left: 1px;
|
|
top: 5px;
|
|
}
|
|
|
|
&::after {
|
|
border-left: 2px solid;
|
|
border-bottom: 2px solid;
|
|
top: 1px;
|
|
right: 1px;
|
|
}
|
|
}
|
|
|
|
.gg-cross {
|
|
transform: scale(var(--ggs, 1));
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 10px;
|
|
height: 2px;
|
|
border-radius: 3px;
|
|
background: currentColor;
|
|
|
|
&::after {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 10px;
|
|
height: 2px;
|
|
border-radius: 3px;
|
|
background: currentColor;
|
|
content: "";
|
|
position: absolute;
|
|
width: 2px;
|
|
height: 12px;
|
|
top: -4px;
|
|
left: 4px;
|
|
}
|
|
}
|
|
|
|
.gg-crowdfire {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 20px;
|
|
height: 20px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
box-sizing: border-box;
|
|
width: 20px;
|
|
height: 20px;
|
|
border: 4px solid;
|
|
border-radius: 100px;
|
|
border-right-color: transparent;
|
|
transform: rotate(-45deg);
|
|
}
|
|
|
|
&::after {
|
|
width: 8px;
|
|
height: 8px;
|
|
border-top: 4px solid;
|
|
border-right: 4px solid;
|
|
right: 2px;
|
|
top: 2px;
|
|
}
|
|
}
|
|
|
|
.gg-crown {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 19px;
|
|
height: 12px;
|
|
border: 2px solid;
|
|
border-top-color: transparent;
|
|
border-bottom-right-radius: 3px;
|
|
border-bottom-left-radius: 3px;
|
|
padding-top: 4px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
box-sizing: border-box;
|
|
width: 8px;
|
|
height: 8px;
|
|
border-bottom: 2px solid;
|
|
border-left: 2px solid;
|
|
transform: rotate(-45deg);
|
|
top: -4px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
box-sizing: border-box;
|
|
width: 8px;
|
|
height: 8px;
|
|
border-bottom: 2px solid;
|
|
border-left: 2px solid;
|
|
transform: rotate(-45deg);
|
|
top: -4px;
|
|
border-top-left-radius: 2px;
|
|
left: -1px;
|
|
}
|
|
|
|
&::after {
|
|
border-bottom-right-radius: 2px;
|
|
right: -1px;
|
|
}
|
|
}
|
|
|
|
.gg-danger {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 20px;
|
|
height: 20px;
|
|
border: 2px solid;
|
|
border-radius: 40px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-radius: 3px;
|
|
width: 2px;
|
|
background: currentColor;
|
|
left: 7px;
|
|
}
|
|
|
|
&::after {
|
|
top: 2px;
|
|
height: 8px;
|
|
}
|
|
|
|
&::before {
|
|
height: 2px;
|
|
bottom: 2px;
|
|
}
|
|
}
|
|
|
|
.gg-dark-mode {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
border: 2px solid;
|
|
border-radius: 100px;
|
|
width: 20px;
|
|
height: 20px;
|
|
|
|
&::after {
|
|
content: "";
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
display: block;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
display: block;
|
|
border: 5px solid;
|
|
border-top-left-radius: 100px;
|
|
border-bottom-left-radius: 100px;
|
|
border-right: 0;
|
|
width: 9px;
|
|
height: 18px;
|
|
top: -1px;
|
|
left: -1px;
|
|
}
|
|
|
|
&::after {
|
|
border: 4px solid;
|
|
border-top-right-radius: 100px;
|
|
border-bottom-right-radius: 100px;
|
|
border-left: 0;
|
|
width: 4px;
|
|
height: 8px;
|
|
right: 4px;
|
|
top: 4px;
|
|
}
|
|
}
|
|
|
|
.gg-data {
|
|
transform: scale(var(--ggs, 1));
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
border: 2px solid;
|
|
border-radius: 50%;
|
|
width: 14px;
|
|
height: 14px;
|
|
|
|
&::after,
|
|
&::before {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
border: 2px solid;
|
|
border-radius: 50%;
|
|
width: 14px;
|
|
height: 14px;
|
|
}
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 6px;
|
|
top: 2px;
|
|
left: 2px;
|
|
}
|
|
|
|
&::after {
|
|
background: linear-gradient(to left, currentColor 8px, transparent 0)
|
|
no-repeat bottom (center / 2px) 8px;
|
|
width: 22px;
|
|
height: 22px;
|
|
top: -6px;
|
|
left: -6px;
|
|
border-top-color: transparent;
|
|
border-bottom-color: transparent;
|
|
}
|
|
|
|
border-top-color: transparent;
|
|
border-bottom-color: transparent;
|
|
}
|
|
|
|
.gg-database {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 18px;
|
|
height: 14px;
|
|
border: 2px solid transparent;
|
|
border-top: 2px solid transparent;
|
|
border-bottom: 2px solid transparent;
|
|
border-left: 6px solid transparent;
|
|
box-shadow: 0 0 0 2px, inset 0 2px 0 0, inset 0 -2px 0 0;
|
|
border-radius: 1px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
background: currentColor;
|
|
width: 20px;
|
|
height: 2px;
|
|
top: 4px;
|
|
left: -8px;
|
|
}
|
|
|
|
&::after {
|
|
width: 2px;
|
|
height: 10px;
|
|
border-bottom: 2px solid;
|
|
border-top: 2px solid;
|
|
top: 0;
|
|
left: -4px;
|
|
}
|
|
}
|
|
|
|
.gg-debug {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 12px;
|
|
height: 18px;
|
|
border: 2px solid;
|
|
border-radius: 22px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 8px;
|
|
height: 4px;
|
|
border: 2px solid;
|
|
top: -4px;
|
|
border-bottom-left-radius: 10px;
|
|
border-bottom-right-radius: 10px;
|
|
border-top: 0;
|
|
}
|
|
|
|
&::after {
|
|
background: currentColor;
|
|
width: 4px;
|
|
height: 2px;
|
|
border-radius: 5px;
|
|
top: 4px;
|
|
left: 2px;
|
|
box-shadow: 0 4px 0, -6px -2px 0, -6px 2px 0, -6px 6px 0, 6px -2px 0,
|
|
6px 2px 0, 6px 6px 0;
|
|
}
|
|
}
|
|
|
|
.gg-designmodo {
|
|
display: block;
|
|
position: relative;
|
|
box-sizing: border-box;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 20px;
|
|
height: 16px;
|
|
background: linear-gradient(to left, currentColor 5px, transparent 0)
|
|
no-repeat right 3px / 8px 3px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
box-sizing: border-box;
|
|
width: 10px;
|
|
height: 10px;
|
|
border: 3px solid;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
&::after {
|
|
width: 14px;
|
|
height: 14px;
|
|
border: 3px solid transparent;
|
|
border-bottom: 3px solid;
|
|
left: 3px;
|
|
bottom: 0;
|
|
}
|
|
}
|
|
|
|
.gg-desktop {
|
|
display: block;
|
|
position: relative;
|
|
box-sizing: border-box;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 22px;
|
|
height: 18px;
|
|
border: 2px solid;
|
|
border-radius: 3px;
|
|
overflow: hidden;
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
box-sizing: border-box;
|
|
width: 22px;
|
|
height: 2px;
|
|
background: currentColor;
|
|
top: 2px;
|
|
left: -2px;
|
|
}
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
box-sizing: border-box;
|
|
background: currentColor;
|
|
width: 2px;
|
|
height: 2px;
|
|
border-radius: 4px;
|
|
bottom: 2px;
|
|
left: 4px;
|
|
box-shadow: 4px 0 0, 8px 0 0;
|
|
}
|
|
}
|
|
|
|
.gg-details-less {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 20px;
|
|
height: 14px;
|
|
border: 2px solid transparent;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
height: 2px;
|
|
border-radius: 3px;
|
|
background: currentColor;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
height: 2px;
|
|
border-radius: 3px;
|
|
background: currentColor;
|
|
top: 2px;
|
|
width: 16px;
|
|
}
|
|
|
|
&::after {
|
|
width: 10px;
|
|
bottom: 2px;
|
|
}
|
|
}
|
|
|
|
.gg-details-more {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 20px;
|
|
height: 14px;
|
|
border: 2px solid transparent;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
height: 2px;
|
|
border-radius: 3px;
|
|
background: currentColor;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
height: 2px;
|
|
border-radius: 3px;
|
|
background: currentColor;
|
|
box-shadow: 0 4px 0 0;
|
|
top: 0;
|
|
width: 16px;
|
|
}
|
|
|
|
&::after {
|
|
width: 10px;
|
|
bottom: 0;
|
|
}
|
|
}
|
|
|
|
.gg-dialpad {
|
|
transform: scale(var(--ggs, 1));
|
|
box-shadow: -5px 0 0, 5px 0 0;
|
|
|
|
&::before {
|
|
box-shadow: -5px 0 0, 5px 0 0;
|
|
}
|
|
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 3px;
|
|
height: 3px;
|
|
background: currentColor;
|
|
|
|
&::after,
|
|
&::before {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 3px;
|
|
height: 3px;
|
|
background: currentColor;
|
|
}
|
|
|
|
&::after {
|
|
content: "";
|
|
position: absolute;
|
|
left: 0;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
position: absolute;
|
|
left: 0;
|
|
bottom: 5px;
|
|
}
|
|
|
|
&::after {
|
|
box-shadow: -5px 0 0, 5px 0 0, 0 5px 0;
|
|
top: 5px;
|
|
}
|
|
}
|
|
|
|
.gg-dice-1 {
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
position: relative;
|
|
box-sizing: border-box;
|
|
width: 22px;
|
|
height: 22px;
|
|
border: 2px solid;
|
|
border-radius: 3px;
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
background: currentColor;
|
|
position: absolute;
|
|
width: 4px;
|
|
height: 4px;
|
|
border-radius: 4px;
|
|
left: 7px;
|
|
top: 7px;
|
|
}
|
|
}
|
|
|
|
.gg-dice-2 {
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
position: relative;
|
|
box-sizing: border-box;
|
|
width: 22px;
|
|
height: 22px;
|
|
border: 2px solid;
|
|
border-radius: 3px;
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
background: currentColor;
|
|
position: absolute;
|
|
width: 4px;
|
|
height: 4px;
|
|
border-radius: 4px;
|
|
left: 2px;
|
|
top: 2px;
|
|
box-shadow: 10px 10px 0;
|
|
}
|
|
}
|
|
|
|
.gg-dice-3 {
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
position: relative;
|
|
box-sizing: border-box;
|
|
width: 22px;
|
|
height: 22px;
|
|
border: 2px solid;
|
|
border-radius: 3px;
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
background: currentColor;
|
|
position: absolute;
|
|
width: 4px;
|
|
height: 4px;
|
|
border-radius: 4px;
|
|
left: 2px;
|
|
top: 2px;
|
|
box-shadow: 5px 5px 0, 10px 10px 0;
|
|
}
|
|
}
|
|
|
|
.gg-dice-4 {
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
position: relative;
|
|
box-sizing: border-box;
|
|
width: 22px;
|
|
height: 22px;
|
|
border: 2px solid;
|
|
border-radius: 3px;
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
background: currentColor;
|
|
position: absolute;
|
|
width: 4px;
|
|
height: 4px;
|
|
border-radius: 4px;
|
|
left: 2px;
|
|
top: 2px;
|
|
box-shadow: 0 10px 0, 10px 0 0, 10px 10px 0;
|
|
}
|
|
}
|
|
|
|
.gg-dice-5 {
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
position: relative;
|
|
box-sizing: border-box;
|
|
width: 22px;
|
|
height: 22px;
|
|
border: 2px solid;
|
|
border-radius: 3px;
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
background: currentColor;
|
|
position: absolute;
|
|
width: 4px;
|
|
height: 4px;
|
|
border-radius: 4px;
|
|
left: 2px;
|
|
top: 2px;
|
|
box-shadow: 0 10px 0, 10px 0 0, 10px 10px 0, 5px 5px 0;
|
|
}
|
|
}
|
|
|
|
.gg-dice-6 {
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
position: relative;
|
|
box-sizing: border-box;
|
|
width: 22px;
|
|
height: 22px;
|
|
border: 2px solid;
|
|
border-radius: 3px;
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
background: currentColor;
|
|
position: absolute;
|
|
width: 4px;
|
|
height: 4px;
|
|
border-radius: 4px;
|
|
left: 2px;
|
|
top: 2px;
|
|
box-shadow: 0 5px 0, 0 10px 0, 10px 0 0, 10px 5px 0, 10px 10px 0;
|
|
}
|
|
}
|
|
|
|
.gg-digitalocean {
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 20px;
|
|
height: 20px;
|
|
background: linear-gradient(to left, currentColor 4px, transparent 0)
|
|
no-repeat 1px 14px / 2px 2px,
|
|
linear-gradient(to left, currentColor 4px, transparent 0) no-repeat 3px 16px /
|
|
3px 3px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
&::after {
|
|
width: 4px;
|
|
height: 4px;
|
|
background: currentColor;
|
|
bottom: 4px;
|
|
left: 6px;
|
|
}
|
|
|
|
&::before {
|
|
width: 20px;
|
|
height: 20px;
|
|
border: 4px solid;
|
|
transform: rotate(-45deg);
|
|
border-radius: 100px;
|
|
border-left-color: transparent;
|
|
}
|
|
}
|
|
|
|
.gg-disc {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
border: 2px solid;
|
|
border-radius: 50%;
|
|
|
|
&::after,
|
|
&::before {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
border: 2px solid;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
border-top-color: transparent;
|
|
border-bottom-color: transparent;
|
|
transform: rotate(45deg) scale(var(--ggs, 1));
|
|
position: relative;
|
|
width: 14px;
|
|
height: 14px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 6px;
|
|
top: 2px;
|
|
left: 2px;
|
|
}
|
|
|
|
&::after {
|
|
width: 22px;
|
|
height: 22px;
|
|
border-radius: 100%;
|
|
top: -6px;
|
|
left: -6px;
|
|
}
|
|
}
|
|
|
|
.gg-display-flex {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
height: 14px;
|
|
width: 16px;
|
|
border: 2px solid transparent;
|
|
box-shadow: 0 0 0 2px, inset -2px 0 0 0, inset 2px 0 0 0;
|
|
}
|
|
|
|
.gg-display-fullwidth {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
height: 14px;
|
|
width: 16px;
|
|
box-shadow: inset 0 0 0 2px, 0 2px 0 0, 0 -2px 0 0;
|
|
border-top: 2px solid transparent;
|
|
border-bottom: 2px solid transparent;
|
|
}
|
|
|
|
.gg-display-grid {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
height: 14px;
|
|
width: 14px;
|
|
border: 2px solid transparent;
|
|
box-shadow: 0 0 0 2px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 10px;
|
|
height: 4px;
|
|
border-right: 4px solid;
|
|
border-left: 4px solid;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 10px;
|
|
height: 4px;
|
|
border-right: 4px solid;
|
|
border-left: 4px solid;
|
|
top: 0;
|
|
left: 0;
|
|
top: 6px;
|
|
}
|
|
}
|
|
|
|
.gg-display-spacing {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
height: 14px;
|
|
width: 14px;
|
|
box-shadow: inset 0 0 0 2px, 2px 0 0 0, -2px 0 0 0;
|
|
border-left: 2px solid transparent;
|
|
border-right: 2px solid transparent;
|
|
}
|
|
|
|
.gg-distribute-horizontal {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
height: 14px;
|
|
width: 14px;
|
|
border-left: 2px solid;
|
|
border-right: 2px solid;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
height: 8px;
|
|
width: 4px;
|
|
background: currentColor;
|
|
right: 3px;
|
|
top: 3px;
|
|
opacity: 0.5;
|
|
}
|
|
}
|
|
|
|
.gg-distribute-vertical {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
height: 14px;
|
|
width: 14px;
|
|
border-top: 2px solid;
|
|
border-bottom: 2px solid;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
height: 4px;
|
|
width: 8px;
|
|
background: currentColor;
|
|
right: 3px;
|
|
top: 3px;
|
|
opacity: 0.5;
|
|
}
|
|
}
|
|
|
|
.gg-dock-bottom {
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
position: relative;
|
|
box-sizing: border-box;
|
|
width: 20px;
|
|
height: 16px;
|
|
border: 2px solid;
|
|
border-bottom-width: 6px;
|
|
}
|
|
|
|
.gg-dock-left {
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
position: relative;
|
|
box-sizing: border-box;
|
|
width: 20px;
|
|
height: 16px;
|
|
border: 2px solid;
|
|
border-left-width: 6px;
|
|
}
|
|
|
|
.gg-dock-right {
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
position: relative;
|
|
box-sizing: border-box;
|
|
width: 20px;
|
|
height: 16px;
|
|
border: 2px solid;
|
|
border-right-width: 6px;
|
|
}
|
|
|
|
.gg-dock-window {
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
position: relative;
|
|
box-sizing: border-box;
|
|
width: 20px;
|
|
height: 16px;
|
|
border: 2px solid;
|
|
border-left-width: 4px;
|
|
border-bottom-width: 4px;
|
|
}
|
|
|
|
.gg-dolby {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
height: 16px;
|
|
border: 4px solid;
|
|
|
|
&::after,
|
|
&::before {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
height: 16px;
|
|
border: 4px solid;
|
|
}
|
|
|
|
position: relative;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 24px;
|
|
|
|
&::after {
|
|
content: "";
|
|
position: absolute;
|
|
width: 14px;
|
|
top: -4px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
position: absolute;
|
|
width: 14px;
|
|
top: -4px;
|
|
border-top-right-radius: 10px;
|
|
border-bottom-right-radius: 10px;
|
|
left: -4px;
|
|
}
|
|
|
|
&::after {
|
|
border-top-left-radius: 10px;
|
|
border-bottom-left-radius: 10px;
|
|
right: -4px;
|
|
}
|
|
}
|
|
|
|
.gg-dollar {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 2px;
|
|
height: 20px;
|
|
background: currentColor;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 10px;
|
|
height: 8px;
|
|
border: 2px solid;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 10px;
|
|
height: 8px;
|
|
border: 2px solid;
|
|
border-right: 0;
|
|
border-top-left-radius: 100px;
|
|
border-bottom-left-radius: 100px;
|
|
top: 3px;
|
|
left: -6px;
|
|
box-shadow: 4px -2px 0 -2px;
|
|
}
|
|
|
|
&::after {
|
|
border-left: 0;
|
|
border-top-right-radius: 100px;
|
|
border-bottom-right-radius: 100px;
|
|
bottom: 3px;
|
|
right: -6px;
|
|
box-shadow: -4px 2px 0 -2px;
|
|
}
|
|
}
|
|
|
|
.gg-dribbble {
|
|
background: radial-gradient(
|
|
circle at 50%,
|
|
transparent 0,
|
|
transparent 9px,
|
|
currentColor 9.2px,
|
|
currentColor 11px,
|
|
transparent 11.2px
|
|
)
|
|
no-repeat -8px center;
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: rotate(-25deg) scale(var(--ggs, 1));
|
|
width: 22px;
|
|
height: 22px;
|
|
box-shadow: inset 0 0 0 2px;
|
|
border-radius: 50%;
|
|
overflow: hidden;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-radius: 50%;
|
|
border: 2px solid;
|
|
height: 26px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-radius: 50%;
|
|
border: 2px solid;
|
|
height: 26px;
|
|
width: 36px;
|
|
left: -6px;
|
|
top: -15px;
|
|
}
|
|
|
|
&::after {
|
|
top: 13px;
|
|
left: -7px;
|
|
width: 31px;
|
|
}
|
|
}
|
|
|
|
.gg-drive {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 26px;
|
|
height: 10px;
|
|
border: 2px solid;
|
|
border-radius: 2px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 2px;
|
|
height: 2px;
|
|
border-radius: 10px;
|
|
background: currentColor;
|
|
top: 2px;
|
|
right: 2px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 2px;
|
|
height: 2px;
|
|
border-radius: 10px;
|
|
background: currentColor;
|
|
top: 2px;
|
|
right: 2px;
|
|
right: 6px;
|
|
}
|
|
}
|
|
|
|
.gg-drop-invert {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: rotate(45deg) scale(var(--ggs, 1));
|
|
width: 16px;
|
|
height: 16px;
|
|
border-radius: 0 100% 100% 100%;
|
|
box-shadow: inset 0 0 0 2px;
|
|
overflow: hidden;
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
box-sizing: border-box;
|
|
width: 24px;
|
|
height: 24px;
|
|
background: currentColor;
|
|
transform: rotate(-45deg);
|
|
right: -15px;
|
|
top: -10px;
|
|
}
|
|
}
|
|
|
|
.gg-drop-opacity {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: rotate(45deg) scale(var(--ggs, 1));
|
|
width: 16px;
|
|
height: 16px;
|
|
border-radius: 0 100% 100% 100%;
|
|
box-shadow: inset 0 0 0 2px;
|
|
overflow: hidden;
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
box-sizing: border-box;
|
|
width: 24px;
|
|
height: 24px;
|
|
background: currentColor;
|
|
transform: rotate(-45deg);
|
|
right: -10px;
|
|
bottom: -16px;
|
|
}
|
|
}
|
|
|
|
.gg-drop {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: rotate(45deg) scale(var(--ggs, 1));
|
|
width: 16px;
|
|
height: 16px;
|
|
border-radius: 0 100% 100% 100%;
|
|
box-shadow: inset 0 0 0 2px;
|
|
}
|
|
|
|
.gg-duplicate {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 10px;
|
|
height: 10px;
|
|
border: 2px solid transparent;
|
|
border-bottom: 4px solid transparent;
|
|
box-shadow: 0 0 0 2px, inset 0 -2px 0 0;
|
|
margin-left: -4px;
|
|
margin-top: 4px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
background: currentColor;
|
|
left: 2px;
|
|
bottom: -2px;
|
|
width: 2px;
|
|
height: 6px;
|
|
}
|
|
|
|
&::after {
|
|
width: 14px;
|
|
height: 14px;
|
|
border-right: 2px solid;
|
|
border-top: 2px solid;
|
|
right: -8px;
|
|
top: -8px;
|
|
}
|
|
}
|
|
|
|
.gg-edit-black-point {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 16px;
|
|
height: 16px;
|
|
border: 2px solid transparent;
|
|
box-shadow: 0 0 0 2px;
|
|
border-radius: 100px;
|
|
overflow: hidden;
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 8px;
|
|
height: 8px;
|
|
border: 3px solid;
|
|
border-radius: 6px;
|
|
left: 2px;
|
|
top: 2px;
|
|
}
|
|
}
|
|
|
|
.gg-edit-contrast {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 16px;
|
|
height: 16px;
|
|
border: 2px solid transparent;
|
|
box-shadow: 0 0 0 2px;
|
|
border-radius: 100px;
|
|
overflow: hidden;
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 12px;
|
|
background: currentColor;
|
|
}
|
|
}
|
|
|
|
.gg-edit-exposure {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 16px;
|
|
height: 16px;
|
|
border: 2px solid transparent;
|
|
box-shadow: 0 0 0 2px;
|
|
border-radius: 100px;
|
|
overflow: hidden;
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 8px;
|
|
border-top: 2px solid;
|
|
border-bottom: 2px solid;
|
|
left: 3px;
|
|
top: 3px;
|
|
}
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 2px;
|
|
height: 6px;
|
|
background: currentColor;
|
|
left: 5px;
|
|
top: 1px;
|
|
}
|
|
}
|
|
|
|
.gg-edit-fade {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 16px;
|
|
height: 16px;
|
|
border: 2px solid transparent;
|
|
box-shadow: 0 0 0 2px;
|
|
border-radius: 100px;
|
|
overflow: hidden;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 8px;
|
|
height: 20px;
|
|
left: -2px;
|
|
background: currentColor;
|
|
opacity: 0.6;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 8px;
|
|
height: 20px;
|
|
left: -2px;
|
|
background: currentColor;
|
|
opacity: 0.6;
|
|
left: 6px;
|
|
opacity: 0.1;
|
|
}
|
|
}
|
|
|
|
.gg-edit-flip-h {
|
|
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 / 2px) 22px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 14px;
|
|
border: 2px solid;
|
|
top: 2px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 14px;
|
|
border: 2px solid;
|
|
top: 2px;
|
|
border-right: 0;
|
|
border-top-left-radius: 3px;
|
|
border-bottom-left-radius: 3px;
|
|
}
|
|
|
|
&::after {
|
|
opacity: 0.5;
|
|
border-left: 0;
|
|
border-top-right-radius: 3px;
|
|
border-bottom-right-radius: 3px;
|
|
right: 0;
|
|
}
|
|
}
|
|
|
|
.gg-edit-flip-v {
|
|
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 / 22px) 2px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 14px;
|
|
height: 6px;
|
|
border: 2px solid;
|
|
left: 2px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 14px;
|
|
height: 6px;
|
|
border: 2px solid;
|
|
left: 2px;
|
|
border-bottom: 0;
|
|
border-top-left-radius: 3px;
|
|
border-top-right-radius: 3px;
|
|
}
|
|
|
|
&::after {
|
|
opacity: 0.5;
|
|
border-top: 0;
|
|
border-bottom-left-radius: 3px;
|
|
border-bottom-right-radius: 3px;
|
|
bottom: 0;
|
|
}
|
|
}
|
|
|
|
.gg-edit-highlight {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 16px;
|
|
height: 16px;
|
|
border: 2px solid transparent;
|
|
box-shadow: 0 0 0 2px;
|
|
border-radius: 100px;
|
|
overflow: hidden;
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 14px;
|
|
top: -1px;
|
|
background: repeating-linear-gradient(
|
|
to bottom,
|
|
currentColor,
|
|
currentColor 2px,
|
|
transparent 0px,
|
|
transparent 3px
|
|
);
|
|
}
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 14px;
|
|
right: 0;
|
|
background: currentColor;
|
|
}
|
|
}
|
|
|
|
.gg-edit-markup {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 22px;
|
|
height: 22px;
|
|
border: 2px solid;
|
|
border-radius: 22px;
|
|
overflow: hidden;
|
|
perspective: 20px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
box-sizing: border-box;
|
|
width: 0;
|
|
height: 6px;
|
|
border-bottom: 6px solid;
|
|
border-left: 3px solid transparent;
|
|
border-right: 3px solid transparent;
|
|
bottom: 9px;
|
|
left: 6px;
|
|
}
|
|
|
|
&::after {
|
|
width: 10px;
|
|
height: 12px;
|
|
border: 2px solid;
|
|
border-top: 4px solid;
|
|
border-bottom: 0;
|
|
bottom: 0;
|
|
left: 4px;
|
|
transform: rotateX(60deg);
|
|
}
|
|
}
|
|
|
|
.gg-edit-mask {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
border-radius: 22px;
|
|
|
|
&::after {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
border-radius: 22px;
|
|
content: "";
|
|
position: absolute;
|
|
width: 4px;
|
|
height: 4px;
|
|
background: currentColor;
|
|
top: 6px;
|
|
left: 6px;
|
|
box-shadow: 0 7px 0 1px, 0 -7px 0 1px, -7px 0 0 1px, 7px 0 0 1px;
|
|
}
|
|
|
|
position: relative;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 20px;
|
|
height: 20px;
|
|
border: 2px solid;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.gg-edit-noise {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 16px;
|
|
height: 16px;
|
|
border: 2px solid transparent;
|
|
box-shadow: 0 0 0 2px;
|
|
border-radius: 100px;
|
|
overflow: hidden;
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 12px;
|
|
height: 12px;
|
|
background-image: radial-gradient(circle, currentColor 25%, transparent 25%),
|
|
radial-gradient(circle, currentColor 25%, transparent 25%);
|
|
background-position: 4px 4px, 2px 2px;
|
|
background-size: 4px 4px;
|
|
}
|
|
}
|
|
|
|
.gg-edit-shadows {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 16px;
|
|
height: 16px;
|
|
border: 2px solid transparent;
|
|
box-shadow: 0 0 0 2px;
|
|
border-radius: 100px;
|
|
overflow: hidden;
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 14px;
|
|
right: 0;
|
|
top: -1px;
|
|
background: repeating-linear-gradient(
|
|
to bottom,
|
|
currentColor,
|
|
currentColor 2px,
|
|
transparent 0px,
|
|
transparent 3px
|
|
);
|
|
}
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 14px;
|
|
left: 0;
|
|
background: currentColor;
|
|
}
|
|
}
|
|
|
|
.gg-edit-straight {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 22px;
|
|
height: 16px;
|
|
transform: scale(var(--ggs, 1));
|
|
background: linear-gradient(to left, currentColor 22px, transparent 0)
|
|
no-repeat left (center / 4px) 2px,
|
|
linear-gradient(to left, currentColor 22px, transparent 0) no-repeat right
|
|
(center / 4px) 2px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 14px;
|
|
height: 7px;
|
|
background: currentColor;
|
|
left: 4px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 14px;
|
|
height: 7px;
|
|
background: currentColor;
|
|
left: 4px;
|
|
border-top-left-radius: 10px;
|
|
border-top-right-radius: 10px;
|
|
}
|
|
|
|
&::after {
|
|
border-bottom-left-radius: 10px;
|
|
border-bottom-right-radius: 10px;
|
|
bottom: 0;
|
|
}
|
|
}
|
|
|
|
.gg-edit-unmask {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
border-radius: 22px;
|
|
|
|
&::after {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
border-radius: 22px;
|
|
content: "";
|
|
position: absolute;
|
|
width: 4px;
|
|
height: 4px;
|
|
background: currentColor;
|
|
top: 6px;
|
|
left: 6px;
|
|
box-shadow: 0 7px 0 1px, 0 -7px 0 1px, -7px 0 0 1px, 7px 0 0 1px;
|
|
}
|
|
|
|
position: relative;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 20px;
|
|
height: 20px;
|
|
border: 2px solid transparent;
|
|
}
|
|
|
|
.gg-eject {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 22px;
|
|
height: 22px;
|
|
border: 2px solid transparent;
|
|
border-radius: 100px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-bottom: 2px solid;
|
|
width: 12px;
|
|
height: 2px;
|
|
bottom: 0;
|
|
left: 3px;
|
|
}
|
|
|
|
&::after {
|
|
width: 8px;
|
|
height: 8px;
|
|
border-top: 2px solid;
|
|
border-left: 2px solid;
|
|
transform: rotate(45deg);
|
|
left: 5px;
|
|
bottom: 1px;
|
|
}
|
|
}
|
|
|
|
.gg-enter {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 16px;
|
|
height: 18px;
|
|
border: 2px solid;
|
|
border-left: 0;
|
|
box-shadow: -8px -6px 0 -6px, -8px 6px 0 -6px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
right: 4px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
right: 4px;
|
|
background: currentColor;
|
|
width: 16px;
|
|
height: 2px;
|
|
top: 6px;
|
|
}
|
|
|
|
&::after {
|
|
width: 6px;
|
|
height: 6px;
|
|
border-right: 2px solid;
|
|
border-top: 2px solid;
|
|
top: 4px;
|
|
transform: rotate(45deg);
|
|
}
|
|
}
|
|
|
|
.gg-erase {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 22px;
|
|
height: 18px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 14px;
|
|
border-bottom: 4px solid transparent;
|
|
border-radius: 1px;
|
|
box-shadow: 0 0 0 2px, inset 0 -2px 0 0;
|
|
left: 7px;
|
|
top: 2px;
|
|
transform: rotate(45deg);
|
|
}
|
|
|
|
&::after {
|
|
background: currentColor;
|
|
width: 22px;
|
|
height: 2px;
|
|
bottom: 0;
|
|
border-radius: 20px;
|
|
}
|
|
}
|
|
|
|
.gg-ereader {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 24px;
|
|
height: 18px;
|
|
border: 2px solid;
|
|
border-radius: 3px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-radius: 3px;
|
|
width: 2px;
|
|
height: 18px;
|
|
right: 9px;
|
|
top: -2px;
|
|
background: currentColor;
|
|
}
|
|
|
|
&::after {
|
|
width: 5px;
|
|
height: 2px;
|
|
box-shadow: 0 4px 0, 0 8px 0;
|
|
top: 2px;
|
|
right: 2px;
|
|
}
|
|
}
|
|
|
|
.gg-ericsson {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
|
|
&::before {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
content: "";
|
|
position: absolute;
|
|
background: currentColor;
|
|
transform: rotate(-25deg);
|
|
width: 16px;
|
|
height: 4px;
|
|
border-radius: 4px;
|
|
box-shadow: 3px -6px 0, -3px 6px 0;
|
|
top: 7px;
|
|
left: 2px;
|
|
}
|
|
|
|
position: relative;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 14px;
|
|
height: 16px;
|
|
}
|
|
|
|
.gg-ethernet {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 16px;
|
|
height: 20px;
|
|
border: 2px solid;
|
|
box-shadow: 0 10px 0 -7px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
top: 6px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
top: 6px;
|
|
width: 8px;
|
|
height: 8px;
|
|
border: 2px solid;
|
|
border-top: 0;
|
|
left: 2px;
|
|
}
|
|
|
|
&::after {
|
|
width: 16px;
|
|
height: 2px;
|
|
border-left: 6px solid;
|
|
border-right: 6px solid;
|
|
left: -2px;
|
|
}
|
|
}
|
|
|
|
.gg-euro {
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 14px;
|
|
height: 14px;
|
|
border: 2px solid;
|
|
box-sizing: border-box;
|
|
border-radius: 100px;
|
|
border-right-color: transparent;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 9px;
|
|
height: 5px;
|
|
border-top: 2px solid;
|
|
border-bottom: 2px solid;
|
|
transform: skewX(-20deg);
|
|
left: -4px;
|
|
top: 3px;
|
|
}
|
|
}
|
|
|
|
.gg-eventbrite {
|
|
display: block;
|
|
position: relative;
|
|
box-sizing: border-box;
|
|
transform: rotate(-25deg) scale(var(--ggs, 1));
|
|
width: 20px;
|
|
height: 20px;
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 18px;
|
|
height: 11px;
|
|
border: 4px solid;
|
|
border-top-right-radius: 20px;
|
|
border-top-left-radius: 20px;
|
|
}
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 18px;
|
|
height: 18px;
|
|
border: 4px solid;
|
|
border-top-color: transparent;
|
|
border-right-color: transparent;
|
|
border-radius: 20px;
|
|
}
|
|
}
|
|
|
|
.gg-expand {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 6px;
|
|
height: 6px;
|
|
border-bottom: 2px solid;
|
|
border-left: 2px solid;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
}
|
|
|
|
&::after {
|
|
background: currentColor;
|
|
bottom: 4px;
|
|
transform: rotate(-44deg);
|
|
width: 14px;
|
|
height: 2px;
|
|
left: -2px;
|
|
}
|
|
|
|
&::before {
|
|
width: 6px;
|
|
height: 6px;
|
|
border-top: 2px solid;
|
|
border-right: 2px solid;
|
|
left: 5px;
|
|
top: -7px;
|
|
}
|
|
}
|
|
|
|
.gg-export {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 18px;
|
|
height: 14px;
|
|
border: 2px solid;
|
|
border-top: 0;
|
|
box-shadow: -6px -8px 0 -6px, 6px -8px 0 -6px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
background: currentColor;
|
|
width: 2px;
|
|
height: 14px;
|
|
right: 6px;
|
|
bottom: 5px;
|
|
}
|
|
|
|
&::after {
|
|
width: 6px;
|
|
height: 6px;
|
|
border-left: 2px solid;
|
|
border-top: 2px solid;
|
|
right: 4px;
|
|
bottom: 14px;
|
|
transform: rotate(45deg);
|
|
}
|
|
}
|
|
|
|
.gg-extension-add {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
background: linear-gradient(to left, currentColor 10px, transparent 0)
|
|
no-repeat 10px 2px / 6px 2px,
|
|
linear-gradient(to left, currentColor 10px, transparent 0) no-repeat 12px 0 /
|
|
2px 6px;
|
|
width: 16px;
|
|
height: 16px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
box-sizing: border-box;
|
|
width: 8px;
|
|
height: 14px;
|
|
border: 2px solid;
|
|
bottom: 0;
|
|
}
|
|
|
|
&::after {
|
|
width: 14px;
|
|
height: 8px;
|
|
}
|
|
}
|
|
|
|
.gg-extension-alt {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 14px;
|
|
height: 14px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
box-sizing: border-box;
|
|
width: 8px;
|
|
height: 14px;
|
|
border: 2px solid;
|
|
}
|
|
|
|
&::after {
|
|
width: 14px;
|
|
height: 8px;
|
|
}
|
|
}
|
|
|
|
.gg-extension-remove {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
background: linear-gradient(to left, currentColor 10px, transparent 0)
|
|
no-repeat 10px 4px / 6px 2px;
|
|
width: 16px;
|
|
height: 16px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
box-sizing: border-box;
|
|
width: 8px;
|
|
height: 14px;
|
|
border: 2px solid;
|
|
bottom: 0;
|
|
}
|
|
|
|
&::after {
|
|
width: 14px;
|
|
height: 8px;
|
|
}
|
|
}
|
|
|
|
.gg-extension {
|
|
box-sizing: border-box;
|
|
display: block;
|
|
border: 2px solid;
|
|
|
|
&::after,
|
|
&::before {
|
|
box-sizing: border-box;
|
|
display: block;
|
|
border: 2px solid;
|
|
}
|
|
|
|
position: relative;
|
|
transform: translateX(-10px) scale(var(--ggs, 1));
|
|
width: 8px;
|
|
height: 14px;
|
|
|
|
&::after {
|
|
content: "";
|
|
position: absolute;
|
|
height: 8px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
position: absolute;
|
|
height: 8px;
|
|
bottom: -2px;
|
|
left: -2px;
|
|
width: 14px;
|
|
}
|
|
|
|
&::after {
|
|
top: -6px;
|
|
right: -12px;
|
|
width: 8px;
|
|
}
|
|
}
|
|
|
|
.gg-external {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 12px;
|
|
height: 12px;
|
|
box-shadow: -2px 2px 0 0, -4px -4px 0 -2px, 4px 4px 0 -2px;
|
|
margin-left: -2px;
|
|
margin-top: 1px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
right: -4px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
right: -4px;
|
|
background: currentColor;
|
|
transform: rotate(-45deg);
|
|
width: 12px;
|
|
height: 2px;
|
|
top: 1px;
|
|
}
|
|
|
|
&::after {
|
|
width: 8px;
|
|
height: 8px;
|
|
border-right: 2px solid;
|
|
border-top: 2px solid;
|
|
top: -4px;
|
|
}
|
|
}
|
|
|
|
.gg-eye-alt {
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 24px;
|
|
height: 18px;
|
|
border-bottom-right-radius: 100px;
|
|
border-bottom-left-radius: 100px;
|
|
overflow: hidden;
|
|
box-sizing: border-box;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
border-radius: 100px;
|
|
position: absolute;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
&::after {
|
|
top: 2px;
|
|
box-shadow: inset 0 -8px 0 2px, inset 0 0 0 2px;
|
|
width: 24px;
|
|
height: 24px;
|
|
}
|
|
|
|
&::before {
|
|
width: 8px;
|
|
height: 8px;
|
|
border: 2px solid transparent;
|
|
box-shadow: inset 0 0 0 6px, 0 0 0 4px, 6px 0 0 0, -6px 0 0 0;
|
|
bottom: 4px;
|
|
left: 8px;
|
|
}
|
|
}
|
|
|
|
.gg-eye {
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 24px;
|
|
height: 18px;
|
|
border-bottom-right-radius: 100px;
|
|
border-bottom-left-radius: 100px;
|
|
overflow: hidden;
|
|
box-sizing: border-box;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
border-radius: 100px;
|
|
position: absolute;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
&::after {
|
|
top: 2px;
|
|
box-shadow: inset 0 -8px 0 2px, inset 0 0 0 2px;
|
|
width: 24px;
|
|
height: 24px;
|
|
}
|
|
|
|
&::before {
|
|
width: 8px;
|
|
height: 8px;
|
|
border: 2px solid;
|
|
bottom: 4px;
|
|
left: 8px;
|
|
}
|
|
}
|
|
|
|
.gg-facebook {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 20px;
|
|
height: 20px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
box-sizing: border-box;
|
|
width: 8px;
|
|
height: 20px;
|
|
border-left: 4px solid;
|
|
border-top: 4px solid;
|
|
border-top-left-radius: 5px;
|
|
left: 6px;
|
|
}
|
|
|
|
&::after {
|
|
width: 10px;
|
|
height: 4px;
|
|
background: currentColor;
|
|
top: 7px;
|
|
left: 4px;
|
|
transform: skew(-5deg);
|
|
}
|
|
}
|
|
|
|
.gg-feed {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
background: currentColor;
|
|
box-shadow: 0 10px 0 0;
|
|
|
|
&::after,
|
|
&::before {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
background: currentColor;
|
|
box-shadow: 0 10px 0 0;
|
|
}
|
|
|
|
margin-left: -8px;
|
|
margin-top: -8px;
|
|
position: relative;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 7px;
|
|
height: 7px;
|
|
border-radius: 1px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
position: absolute;
|
|
border-radius: 3px;
|
|
width: 12px;
|
|
height: 2px;
|
|
top: 1px;
|
|
left: 9px;
|
|
opacity: 0.8;
|
|
}
|
|
|
|
&::after {
|
|
width: 8px;
|
|
top: 4px;
|
|
opacity: 0.5;
|
|
}
|
|
}
|
|
|
|
.gg-figma {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 14px;
|
|
height: 20px;
|
|
transform: scale(var(--ggs, 1));
|
|
background: linear-gradient(to left, currentColor 3px, transparent 0)
|
|
no-repeat 3px 7px / 3px 6px,
|
|
linear-gradient(to left, currentColor 3px, transparent 0) no-repeat 3px 14px /
|
|
3px 3px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 13px;
|
|
height: 6px;
|
|
background: currentColor;
|
|
border-radius: 22px;
|
|
}
|
|
|
|
&::after {
|
|
width: 6px;
|
|
top: 7px;
|
|
box-shadow: 7px 0 0, 0 7px 0;
|
|
}
|
|
}
|
|
|
|
.gg-file-add {
|
|
background: linear-gradient(to bottom, currentColor 5px, transparent 0)
|
|
no-repeat 2px 9px / 6px 2px;
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 14px;
|
|
height: 16px;
|
|
border: 2px solid transparent;
|
|
border-right: 0;
|
|
border-top: 0;
|
|
box-shadow: 0 0 0 2px;
|
|
border-radius: 1px;
|
|
border-top-right-radius: 4px;
|
|
overflow: hidden;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
height: 6px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
height: 6px;
|
|
background: currentColor;
|
|
left: 4px;
|
|
width: 2px;
|
|
top: 7px;
|
|
}
|
|
|
|
&::after {
|
|
width: 6px;
|
|
border-left: 2px solid;
|
|
border-bottom: 2px solid;
|
|
right: -1px;
|
|
top: -1px;
|
|
}
|
|
}
|
|
|
|
.gg-file-document {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 14px;
|
|
height: 16px;
|
|
border: 2px solid transparent;
|
|
border-right: 0;
|
|
border-top: 0;
|
|
box-shadow: 0 0 0 2px;
|
|
border-radius: 1px;
|
|
border-top-right-radius: 4px;
|
|
overflow: hidden;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
background: currentColor;
|
|
box-shadow: 0 4px 0, -6px -4px 0;
|
|
left: 0;
|
|
width: 10px;
|
|
height: 2px;
|
|
top: 8px;
|
|
}
|
|
|
|
&::after {
|
|
width: 6px;
|
|
height: 6px;
|
|
border-left: 2px solid;
|
|
border-bottom: 2px solid;
|
|
right: -1px;
|
|
top: -1px;
|
|
}
|
|
}
|
|
|
|
.gg-file-remove {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 14px;
|
|
height: 16px;
|
|
border: 2px solid transparent;
|
|
border-right: 0;
|
|
border-top: 0;
|
|
box-shadow: 0 0 0 2px;
|
|
border-radius: 1px;
|
|
border-top-right-radius: 4px;
|
|
overflow: hidden;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
background: currentColor;
|
|
left: 2px;
|
|
height: 2px;
|
|
top: 9px;
|
|
}
|
|
|
|
&::after {
|
|
height: 6px;
|
|
border-left: 2px solid;
|
|
border-bottom: 2px solid;
|
|
right: -1px;
|
|
top: -1px;
|
|
}
|
|
}
|
|
|
|
.gg-file {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 14px;
|
|
height: 16px;
|
|
border: 2px solid transparent;
|
|
border-right: 0;
|
|
border-top: 0;
|
|
box-shadow: 0 0 0 2px;
|
|
border-radius: 1px;
|
|
border-top-right-radius: 4px;
|
|
overflow: hidden;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 6px;
|
|
border-left: 2px solid;
|
|
border-bottom: 2px solid;
|
|
right: -1px;
|
|
top: -1px;
|
|
}
|
|
}
|
|
|
|
.gg-film {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
border-radius: 3px;
|
|
|
|
&::after {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
border-radius: 3px;
|
|
content: "";
|
|
position: absolute;
|
|
width: 2px;
|
|
height: 2px;
|
|
background: currentColor;
|
|
left: 2px;
|
|
top: 2px;
|
|
box-shadow: 0 4px 0, 0 8px 0, 12px 0 0, 12px 4px 0, 12px 8px 0;
|
|
}
|
|
|
|
border: 2px solid;
|
|
position: relative;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 22px;
|
|
height: 18px;
|
|
}
|
|
|
|
.gg-filters {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 19px;
|
|
height: 19px;
|
|
background: radial-gradient(circle, currentColor 26%, transparent 26%);
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border: 2px solid;
|
|
border-radius: 100%;
|
|
width: 14px;
|
|
height: 14px;
|
|
}
|
|
|
|
&::after {
|
|
bottom: 0;
|
|
right: 0;
|
|
}
|
|
}
|
|
|
|
.gg-flag-alt {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 14px;
|
|
height: 20px;
|
|
border-left: 2px solid;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-bottom: 2px solid;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-bottom: 2px solid;
|
|
width: 12px;
|
|
height: 10px;
|
|
border-top: 2px solid;
|
|
border-right: 2px solid transparent;
|
|
}
|
|
|
|
&::after {
|
|
width: 8px;
|
|
height: 8px;
|
|
border-left: 2px solid;
|
|
border-top-left-radius: 2px;
|
|
border-bottom-right-radius: 2px;
|
|
transform: rotate(45deg);
|
|
top: 1px;
|
|
left: 6px;
|
|
}
|
|
}
|
|
|
|
.gg-flag {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 22px;
|
|
height: 18px;
|
|
border-left: 2px solid;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 8px;
|
|
height: 8px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 8px;
|
|
height: 8px;
|
|
border-top: 2px solid;
|
|
border-bottom: 2px solid;
|
|
}
|
|
|
|
&::after {
|
|
border: 2px solid;
|
|
border-left: 0;
|
|
top: 2px;
|
|
left: 7px;
|
|
}
|
|
}
|
|
|
|
.gg-folder-add {
|
|
background: linear-gradient(to left, currentColor 10px, transparent 0)
|
|
no-repeat center (center / 2px) 6px;
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 22px;
|
|
height: 16px;
|
|
border: 2px solid;
|
|
border-radius: 3px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
background: currentColor;
|
|
left: 6px;
|
|
width: 6px;
|
|
height: 2px;
|
|
top: 5px;
|
|
}
|
|
|
|
&::after {
|
|
width: 10px;
|
|
height: 4px;
|
|
border: 2px solid;
|
|
border-bottom: 0;
|
|
border-top-left-radius: 2px;
|
|
border-top-right-radius: 4px;
|
|
border-bottom-left-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
top: -5px;
|
|
}
|
|
}
|
|
|
|
.gg-folder-remove {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 22px;
|
|
height: 16px;
|
|
border: 2px solid;
|
|
border-radius: 3px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-radius: 3px;
|
|
background: currentColor;
|
|
left: 5px;
|
|
width: 8px;
|
|
height: 2px;
|
|
top: 5px;
|
|
}
|
|
|
|
&::after {
|
|
width: 10px;
|
|
height: 4px;
|
|
border: 2px solid;
|
|
border-bottom: 0;
|
|
border-top-left-radius: 2px;
|
|
border-top-right-radius: 4px;
|
|
border-bottom-left-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
top: -5px;
|
|
}
|
|
}
|
|
|
|
.gg-folder {
|
|
transform: scale(var(--ggs, 1));
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 22px;
|
|
height: 16px;
|
|
border: 2px solid;
|
|
border-radius: 3px;
|
|
|
|
&::after {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 22px;
|
|
height: 16px;
|
|
border: 2px solid;
|
|
border-radius: 3px;
|
|
content: "";
|
|
position: absolute;
|
|
width: 10px;
|
|
height: 4px;
|
|
border-bottom: 0;
|
|
border-top-left-radius: 2px;
|
|
border-top-right-radius: 4px;
|
|
border-bottom-left-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
top: -5px;
|
|
}
|
|
}
|
|
|
|
.gg-font-height {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 18px;
|
|
height: 18px;
|
|
transform: scale(var(--ggs, 1));
|
|
border-top: 2px solid;
|
|
border-bottom: 2px solid;
|
|
background: linear-gradient(to left, currentColor 10px, transparent 0)
|
|
no-repeat center 8px / 6px 2px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-radius: 3px;
|
|
width: 2px;
|
|
height: 10px;
|
|
background: currentColor;
|
|
top: 2px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-radius: 3px;
|
|
width: 2px;
|
|
height: 10px;
|
|
background: currentColor;
|
|
top: 2px;
|
|
transform: rotate(25deg);
|
|
left: 6px;
|
|
}
|
|
|
|
&::after {
|
|
transform: rotate(-25deg);
|
|
right: 6px;
|
|
}
|
|
}
|
|
|
|
.gg-font-spacing {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 18px;
|
|
height: 16px;
|
|
transform: scale(var(--ggs, 1));
|
|
border-left: 2px solid;
|
|
border-right: 2px solid;
|
|
background: linear-gradient(to left, currentColor 10px, transparent 0)
|
|
no-repeat center 8px / 6px 2px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-radius: 3px;
|
|
width: 2px;
|
|
height: 10px;
|
|
background: currentColor;
|
|
top: 2px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-radius: 3px;
|
|
width: 2px;
|
|
height: 10px;
|
|
background: currentColor;
|
|
top: 2px;
|
|
transform: rotate(25deg);
|
|
left: 4px;
|
|
}
|
|
|
|
&::after {
|
|
transform: rotate(-25deg);
|
|
right: 4px;
|
|
}
|
|
}
|
|
|
|
.gg-format-bold {
|
|
transform: scale(var(--ggs, 1));
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 8px;
|
|
height: 8px;
|
|
border: 2px solid;
|
|
border-top-right-radius: 100px;
|
|
border-bottom-right-radius: 100px;
|
|
|
|
&::after {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 8px;
|
|
height: 8px;
|
|
border: 2px solid;
|
|
border-top-right-radius: 100px;
|
|
border-bottom-right-radius: 100px;
|
|
content: "";
|
|
position: absolute;
|
|
width: 10px;
|
|
left: -2px;
|
|
top: 4px;
|
|
}
|
|
}
|
|
|
|
.gg-format-center {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
height: 2px;
|
|
background: currentColor;
|
|
border-radius: 3px;
|
|
box-shadow: 0 8px 0;
|
|
|
|
&::before {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
height: 2px;
|
|
background: currentColor;
|
|
border-radius: 3px;
|
|
box-shadow: 0 8px 0;
|
|
content: "";
|
|
position: absolute;
|
|
width: 10px;
|
|
top: 4px;
|
|
left: 3px;
|
|
}
|
|
|
|
margin-top: -12px;
|
|
position: relative;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 16px;
|
|
}
|
|
|
|
.gg-format-color {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 9px;
|
|
height: 2px;
|
|
background: currentColor;
|
|
transform: scale(var(--ggs, 1));
|
|
border-radius: 3px;
|
|
box-shadow: -2px 8px 0 0, 2px 8px 0 0;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-radius: 3px;
|
|
width: 2px;
|
|
height: 14px;
|
|
background: currentColor;
|
|
top: -8px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-radius: 3px;
|
|
width: 2px;
|
|
height: 14px;
|
|
background: currentColor;
|
|
top: -8px;
|
|
transform: rotate(25deg);
|
|
left: 1px;
|
|
}
|
|
|
|
&::after {
|
|
transform: rotate(-25deg);
|
|
right: 1px;
|
|
}
|
|
}
|
|
|
|
.gg-format-heading {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 12px;
|
|
height: 14px;
|
|
border-left: 2px solid;
|
|
border-right: 2px solid;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 12px;
|
|
height: 2px;
|
|
background: currentColor;
|
|
top: 6px;
|
|
left: -2px;
|
|
}
|
|
}
|
|
|
|
.gg-format-indent-decrease {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 16px;
|
|
height: 14px;
|
|
border-top: 2px solid;
|
|
border-bottom: 2px solid;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
top: 2px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
top: 2px;
|
|
border-right: 4px solid;
|
|
left: 1px;
|
|
width: 0;
|
|
height: 0;
|
|
border-top: 3px solid transparent;
|
|
border-bottom: 3px solid transparent;
|
|
}
|
|
|
|
&::after {
|
|
width: 8px;
|
|
height: 6px;
|
|
border-top: 2px solid;
|
|
border-bottom: 2px solid;
|
|
right: 0;
|
|
}
|
|
}
|
|
|
|
.gg-format-indent-increase {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 16px;
|
|
height: 14px;
|
|
border-top: 2px solid;
|
|
border-bottom: 2px solid;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
top: 2px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
top: 2px;
|
|
border-left: 4px solid;
|
|
left: 1px;
|
|
width: 0;
|
|
height: 0;
|
|
border-top: 3px solid transparent;
|
|
border-bottom: 3px solid transparent;
|
|
}
|
|
|
|
&::after {
|
|
width: 8px;
|
|
height: 6px;
|
|
border-top: 2px solid;
|
|
border-bottom: 2px solid;
|
|
right: 0;
|
|
}
|
|
}
|
|
|
|
.gg-format-italic {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: skewX(-20deg) scale(var(--ggs, 1));
|
|
width: 6px;
|
|
height: 12px;
|
|
border-top: 2px solid;
|
|
border-bottom: 2px solid;
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
height: 10px;
|
|
width: 2px;
|
|
background: currentColor;
|
|
left: 2px;
|
|
top: -2px;
|
|
}
|
|
}
|
|
|
|
.gg-format-justify {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
width: 16px;
|
|
height: 2px;
|
|
border-radius: 3px;
|
|
background: currentColor;
|
|
box-shadow: 0 8px 0;
|
|
|
|
&::before {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
width: 16px;
|
|
height: 2px;
|
|
border-radius: 3px;
|
|
background: currentColor;
|
|
box-shadow: 0 8px 0;
|
|
content: "";
|
|
position: absolute;
|
|
top: 4px;
|
|
left: 0;
|
|
}
|
|
|
|
margin-top: -11px;
|
|
transform: scale(var(--ggs, 1));
|
|
position: relative;
|
|
}
|
|
|
|
.gg-format-left {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
height: 2px;
|
|
background: currentColor;
|
|
border-radius: 3px;
|
|
box-shadow: 0 8px 0;
|
|
|
|
&::before {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
height: 2px;
|
|
background: currentColor;
|
|
border-radius: 3px;
|
|
box-shadow: 0 8px 0;
|
|
content: "";
|
|
position: absolute;
|
|
width: 10px;
|
|
top: 4px;
|
|
left: 0;
|
|
}
|
|
|
|
margin-top: -11px;
|
|
position: relative;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 16px;
|
|
}
|
|
|
|
.gg-format-line-height {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 14px;
|
|
height: 10px;
|
|
border-top: 2px solid transparent;
|
|
border-bottom: 2px solid transparent;
|
|
border-left: 4px solid transparent;
|
|
box-shadow: -2px 0 0 0, 2px -4px 0 -2px, 2px 4px 0 -2px, inset 0 2px 0 0,
|
|
inset 0 -2px 0 0;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 0;
|
|
height: 0;
|
|
border-right: 3px solid transparent;
|
|
border-left: 3px solid transparent;
|
|
left: -8px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 0;
|
|
height: 0;
|
|
border-right: 3px solid transparent;
|
|
border-left: 3px solid transparent;
|
|
left: -8px;
|
|
border-top: 4px solid;
|
|
bottom: -5px;
|
|
}
|
|
|
|
&::after {
|
|
border-bottom: 4px solid;
|
|
top: -5px;
|
|
}
|
|
}
|
|
|
|
.gg-format-right {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
height: 2px;
|
|
background: currentColor;
|
|
border-radius: 3px;
|
|
box-shadow: 0 8px 0;
|
|
|
|
&::before {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
height: 2px;
|
|
background: currentColor;
|
|
border-radius: 3px;
|
|
box-shadow: 0 8px 0;
|
|
content: "";
|
|
position: absolute;
|
|
width: 10px;
|
|
top: 4px;
|
|
left: 6px;
|
|
}
|
|
|
|
margin-top: -11px;
|
|
position: relative;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 16px;
|
|
}
|
|
|
|
.gg-format-separator {
|
|
transform: scale(var(--ggs, 1));
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 18px;
|
|
height: 2px;
|
|
border-radius: 3px;
|
|
background: currentColor;
|
|
|
|
&::after {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 18px;
|
|
height: 2px;
|
|
border-radius: 3px;
|
|
background: currentColor;
|
|
content: "";
|
|
position: absolute;
|
|
top: -12px;
|
|
left: 3px;
|
|
opacity: 0.5;
|
|
width: 12px;
|
|
box-shadow: 0 4px 0 0, 0 8px 0 0, 0 16px 0 0;
|
|
}
|
|
}
|
|
|
|
.gg-format-slash {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: rotate(25deg) scale(var(--ggs, 1));
|
|
width: 2px;
|
|
height: 14px;
|
|
background: currentColor;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.gg-format-strike {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 10px;
|
|
height: 3px;
|
|
border-left: 4px solid transparent;
|
|
border-right: 4px solid transparent;
|
|
box-shadow: 0 -2px 0 0, inset 0 0 0 2px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 14px;
|
|
height: 2px;
|
|
background: currentColor;
|
|
left: -6px;
|
|
top: 4px;
|
|
}
|
|
|
|
&::after {
|
|
width: 2px;
|
|
height: 4px;
|
|
left: 0;
|
|
top: 7px;
|
|
}
|
|
}
|
|
|
|
.gg-format-text {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 10px;
|
|
height: 8px;
|
|
border-left: 4px solid transparent;
|
|
border-right: 4px solid transparent;
|
|
box-shadow: 0 -2px 0 0, inset 0 0 0 2px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 18px;
|
|
height: 18px;
|
|
border: 1px dashed;
|
|
top: -6px;
|
|
left: -8px;
|
|
}
|
|
}
|
|
|
|
.gg-format-underline {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 12px;
|
|
height: 12px;
|
|
border: 2px solid;
|
|
border-top: 0;
|
|
border-bottom-left-radius: 100px;
|
|
border-bottom-right-radius: 100px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-radius: 3px;
|
|
width: 12px;
|
|
height: 2px;
|
|
background: currentColor;
|
|
left: -2px;
|
|
bottom: -6px;
|
|
}
|
|
}
|
|
|
|
.gg-format-uppercase {
|
|
transform: scale(var(--ggs, 1));
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 8px;
|
|
height: 8px;
|
|
border-left: 3px solid transparent;
|
|
border-right: 3px solid transparent;
|
|
box-shadow: 0 -2px 0 0, inset 0 0 0 2px;
|
|
|
|
&::after {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 8px;
|
|
height: 8px;
|
|
border-left: 3px solid transparent;
|
|
border-right: 3px solid transparent;
|
|
box-shadow: 0 -2px 0 0, inset 0 0 0 2px;
|
|
content: "";
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 4px;
|
|
border-left: 2px solid transparent;
|
|
border-right: 2px solid transparent;
|
|
bottom: 0;
|
|
right: -8px;
|
|
}
|
|
}
|
|
|
|
.gg-framer {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 12px;
|
|
height: 20px;
|
|
overflow: hidden;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
background: currentColor;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
background: currentColor;
|
|
width: 20px;
|
|
height: 6px;
|
|
transform: skewX(45deg);
|
|
top: 6px;
|
|
left: -11px;
|
|
box-shadow: 20px -6px 0;
|
|
}
|
|
|
|
&::after {
|
|
width: 6px;
|
|
height: 8px;
|
|
transform: skewY(45deg);
|
|
bottom: 4px;
|
|
border-top-left-radius: 4px;
|
|
opacity: 0.5;
|
|
}
|
|
}
|
|
|
|
.gg-games {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 24px;
|
|
height: 12px;
|
|
border: 3px solid transparent;
|
|
border-left: 6px solid transparent;
|
|
box-shadow: 0 0 0 2px, inset 2px 0 0;
|
|
border-radius: 40px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
height: 2px;
|
|
background: currentColor;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
height: 2px;
|
|
background: currentColor;
|
|
left: -2px;
|
|
width: 6px;
|
|
top: 2px;
|
|
}
|
|
|
|
&::after {
|
|
border-radius: 3px;
|
|
width: 2px;
|
|
box-shadow: 0 4px 0, -2px 2px 0, 2px 2px 0;
|
|
top: 0;
|
|
right: 2px;
|
|
}
|
|
}
|
|
|
|
.gg-gender-female {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 10px;
|
|
height: 10px;
|
|
border: 2px solid;
|
|
border-radius: 100%;
|
|
margin-top: -4px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 8px;
|
|
height: 2px;
|
|
background: currentColor;
|
|
bottom: -6px;
|
|
left: -1px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 8px;
|
|
height: 2px;
|
|
background: currentColor;
|
|
bottom: -6px;
|
|
left: -1px;
|
|
width: 2px;
|
|
height: 9px;
|
|
bottom: -9px;
|
|
left: 2px;
|
|
}
|
|
}
|
|
|
|
.gg-gender-male {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 10px;
|
|
height: 10px;
|
|
border: 2px solid;
|
|
border-radius: 100%;
|
|
margin-left: -4px;
|
|
margin-top: 4px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
height: 8px;
|
|
top: -6px;
|
|
}
|
|
|
|
&::after {
|
|
border-right: 2px solid;
|
|
border-top: 2px solid;
|
|
width: 7px;
|
|
height: 7px;
|
|
left: 5px;
|
|
}
|
|
|
|
&::before {
|
|
width: 2px;
|
|
background: currentColor;
|
|
left: 7px;
|
|
transform: rotate(45deg);
|
|
}
|
|
}
|
|
|
|
.gg-ghost-character {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 14px;
|
|
height: 18px;
|
|
border: 2px solid;
|
|
border-bottom: 0;
|
|
border-top-left-radius: 22px;
|
|
border-top-right-radius: 22px;
|
|
overflow: hidden;
|
|
background: radial-gradient(circle, currentColor 60%, transparent 40%)
|
|
no-repeat 2px 4px / 2px 2px,
|
|
radial-gradient(circle, currentColor 60%, transparent 40%) no-repeat 6px 4px /
|
|
2px 2px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 6px;
|
|
border-top: 2px solid;
|
|
border-right: 2px solid;
|
|
bottom: -3px;
|
|
transform: rotate(-45deg);
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 6px;
|
|
border-top: 2px solid;
|
|
border-right: 2px solid;
|
|
bottom: -3px;
|
|
transform: rotate(-45deg);
|
|
left: -1px;
|
|
}
|
|
|
|
&::after {
|
|
right: -1px;
|
|
}
|
|
}
|
|
|
|
.gg-ghost {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 18px;
|
|
height: 16px;
|
|
background: linear-gradient(to left, currentColor 40px, transparent 0)
|
|
no-repeat -6px (center / 40px) 4px;
|
|
overflow: hidden;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
background: currentColor;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
display: block;
|
|
height: 4px;
|
|
width: 12px;
|
|
box-shadow: 14px 0 0;
|
|
}
|
|
|
|
&::after {
|
|
width: 20px;
|
|
left: -12px;
|
|
box-shadow: 22px 0 0;
|
|
bottom: 0;
|
|
}
|
|
}
|
|
|
|
.gg-gift {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 22px;
|
|
height: 14px;
|
|
margin-top: 8px;
|
|
border: 2px solid transparent;
|
|
box-shadow: inset 2px 0 0, inset -2px 0 0, 0 -2px 0, inset 0 2px 0,
|
|
inset 0 -2px 0;
|
|
background: linear-gradient(to left, currentColor 10px, transparent 0),
|
|
linear-gradient(to left, currentColor 10px, transparent 0),
|
|
linear-gradient(to left, currentColor 10px, transparent 0);
|
|
background-repeat: no-repeat;
|
|
background-size: 2px 10px, 2px 10px, 2px 10px;
|
|
background-position: 8px 0, 18px -8px, -2px -8px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-radius: 3px;
|
|
width: 6px;
|
|
height: 8px;
|
|
border: 2px solid;
|
|
top: -10px;
|
|
}
|
|
|
|
&::after {
|
|
left: 3px;
|
|
transform: rotate(-45deg);
|
|
}
|
|
|
|
&::before {
|
|
right: 3px;
|
|
transform: rotate(45deg);
|
|
}
|
|
}
|
|
|
|
.gg-girl {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
border-radius: 42px;
|
|
|
|
&::after,
|
|
&::before {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
border-radius: 42px;
|
|
}
|
|
|
|
position: relative;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 20px;
|
|
height: 20px;
|
|
overflow: hidden;
|
|
box-shadow: inset 0 0 0 2px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
position: absolute;
|
|
width: 2px;
|
|
height: 2px;
|
|
background: currentColor;
|
|
box-shadow: 6px 0 0;
|
|
left: 6px;
|
|
top: 10px;
|
|
}
|
|
|
|
&::after {
|
|
width: 20px;
|
|
height: 20px;
|
|
top: -11px;
|
|
left: -12px;
|
|
box-shadow: 17px -4px 0 3px;
|
|
}
|
|
}
|
|
|
|
.gg-git-branch {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 2px;
|
|
height: 14px;
|
|
background: currentColor;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-right: 2px solid;
|
|
border-bottom: 2px solid;
|
|
border-bottom-right-radius: 4px;
|
|
bottom: 0;
|
|
width: 8px;
|
|
height: 6px;
|
|
left: 0;
|
|
}
|
|
|
|
&::after {
|
|
width: 4px;
|
|
height: 4px;
|
|
background: currentColor;
|
|
box-shadow: 0 12px 0 0, 6px 6px 0 0;
|
|
border-radius: 100%;
|
|
left: -1px;
|
|
top: -1px;
|
|
}
|
|
}
|
|
|
|
.gg-git-commit {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 2px;
|
|
height: 16px;
|
|
border-radius: 3px;
|
|
border-top: 6px solid;
|
|
border-bottom: 6px solid;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 2px;
|
|
height: 2px;
|
|
box-shadow: 0 0 0 2px;
|
|
border-radius: 100%;
|
|
left: 0;
|
|
top: 1px;
|
|
}
|
|
}
|
|
|
|
.gg-git-fork {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 2px;
|
|
height: 14px;
|
|
background: currentColor;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-right: 2px solid;
|
|
border-bottom: 2px solid;
|
|
border-bottom-right-radius: 4px;
|
|
bottom: 4px;
|
|
width: 8px;
|
|
height: 6px;
|
|
left: 0;
|
|
}
|
|
|
|
&::after {
|
|
width: 4px;
|
|
height: 4px;
|
|
background: currentColor;
|
|
box-shadow: 0 12px 0 0, 6px 2px 0 0;
|
|
border-radius: 100%;
|
|
left: -1px;
|
|
top: -1px;
|
|
}
|
|
}
|
|
|
|
.gg-git-pull {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 2px;
|
|
height: 14px;
|
|
background: currentColor;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-right: 2px solid;
|
|
border-top: 2px solid;
|
|
border-top-right-radius: 4px;
|
|
width: 8px;
|
|
height: 6px;
|
|
left: 0;
|
|
top: 2px;
|
|
}
|
|
|
|
&::after {
|
|
width: 4px;
|
|
height: 4px;
|
|
background: currentColor;
|
|
box-shadow: 0 12px 0 0, 6px 8px 0 0;
|
|
border-radius: 100%;
|
|
left: -1px;
|
|
top: -1px;
|
|
}
|
|
}
|
|
|
|
.gg-gitter {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 14px;
|
|
height: 18px;
|
|
border-left: 4px solid transparent;
|
|
border-right: 4px solid transparent;
|
|
box-shadow: inset 2px 0 0, inset -2px 0 0;
|
|
|
|
&::after {
|
|
content: "";
|
|
position: absolute;
|
|
box-sizing: border-box;
|
|
display: block;
|
|
width: 2px;
|
|
background: currentColor;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
position: absolute;
|
|
box-sizing: border-box;
|
|
display: block;
|
|
width: 2px;
|
|
background: currentColor;
|
|
height: 13px;
|
|
top: -3px;
|
|
left: -4px;
|
|
}
|
|
|
|
&::after {
|
|
height: 10px;
|
|
left: 8px;
|
|
}
|
|
}
|
|
|
|
.gg-glass-alt {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
height: 20px;
|
|
|
|
&::before {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
height: 20px;
|
|
content: "";
|
|
position: absolute;
|
|
width: 10px;
|
|
border: 2px solid;
|
|
border-bottom: 3px solid;
|
|
transform: perspective(20px) rotateX(-20deg);
|
|
top: 2px;
|
|
left: 2px;
|
|
border-bottom-left-radius: 4px;
|
|
border-bottom-right-radius: 4px;
|
|
background: linear-gradient(to left, currentColor 10px, transparent 0)
|
|
no-repeat center 2px / 6px 2px;
|
|
}
|
|
|
|
position: relative;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 14px;
|
|
}
|
|
|
|
.gg-glass {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 6px;
|
|
height: 13px;
|
|
border-top: 8px solid transparent;
|
|
border-left: 2px solid transparent;
|
|
border-right: 2px solid transparent;
|
|
box-shadow: inset 0 0 0 2px, 0 2px 0 0;
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 10px;
|
|
height: 10px;
|
|
border: 2px solid;
|
|
border-bottom-left-radius: 100px;
|
|
border-bottom-right-radius: 100px;
|
|
left: -4px;
|
|
bottom: 3px;
|
|
}
|
|
}
|
|
|
|
.gg-globe-alt {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
height: 18px;
|
|
border: 2px solid;
|
|
|
|
&::after,
|
|
&::before {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
height: 18px;
|
|
border: 2px solid;
|
|
}
|
|
|
|
position: relative;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 18px;
|
|
border-radius: 22px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
position: absolute;
|
|
width: 8px;
|
|
border-radius: 100%;
|
|
top: -2px;
|
|
left: 3px;
|
|
}
|
|
|
|
&::after {
|
|
width: 24px;
|
|
height: 20px;
|
|
border: 2px solid transparent;
|
|
border-bottom: 2px solid;
|
|
top: -11px;
|
|
left: -5px;
|
|
}
|
|
}
|
|
|
|
.gg-globe {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 10px;
|
|
height: 10px;
|
|
border: 2px solid;
|
|
border-radius: 100px;
|
|
margin-left: -3px;
|
|
margin-top: -7px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
top: 11px;
|
|
border-right: 2px solid transparent;
|
|
box-shadow: 0 2px 0, inset -2px 0 0;
|
|
left: 1px;
|
|
width: 6px;
|
|
height: 2px;
|
|
}
|
|
|
|
&::after {
|
|
width: 16px;
|
|
height: 10px;
|
|
border-radius: 50px;
|
|
border-top-left-radius: 0;
|
|
border-top-right-radius: 0;
|
|
border: 2px solid;
|
|
border-top-color: transparent;
|
|
right: -7px;
|
|
bottom: -5px;
|
|
transform: rotate(-35deg);
|
|
}
|
|
}
|
|
|
|
.gg-google-tasks {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 18px;
|
|
height: 18px;
|
|
|
|
&::after {
|
|
content: "";
|
|
position: absolute;
|
|
display: block;
|
|
background: currentColor;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
position: absolute;
|
|
display: block;
|
|
background: currentColor;
|
|
width: 6px;
|
|
height: 6px;
|
|
border-radius: 10px;
|
|
bottom: 6px;
|
|
left: 2px;
|
|
}
|
|
|
|
&::after {
|
|
height: 18px;
|
|
width: 4px;
|
|
border-radius: 20px;
|
|
transform: rotate(40deg);
|
|
right: 2px;
|
|
bottom: 0;
|
|
}
|
|
}
|
|
|
|
.gg-google {
|
|
box-sizing: border-box;
|
|
display: block;
|
|
|
|
&::before {
|
|
box-sizing: border-box;
|
|
display: block;
|
|
content: "";
|
|
position: absolute;
|
|
border-top: 4px solid;
|
|
border-right: 4px solid;
|
|
border-bottom: 4px solid;
|
|
border-radius: 0 0 10px 0;
|
|
width: 10px;
|
|
height: 12px;
|
|
right: -4px;
|
|
bottom: -4px;
|
|
}
|
|
|
|
position: relative;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 20px;
|
|
height: 20px;
|
|
border: 4px solid;
|
|
border-right-color: transparent;
|
|
border-radius: 22px;
|
|
}
|
|
|
|
.gg-gym {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: rotate(-35deg) scale(var(--ggs, 1));
|
|
width: 8px;
|
|
height: 20px;
|
|
border-top: 9px solid transparent;
|
|
border-bottom: 9px solid transparent;
|
|
box-shadow: inset 0 0 0 2px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
box-shadow: -3px 0 0 -1px, 3px 0 0 -1px, inset 2px 0 0 0, inset -2px 0 0 0;
|
|
width: 14px;
|
|
height: 8px;
|
|
border-left: 1px solid transparent;
|
|
border-right: 1px solid transparent;
|
|
top: -3px;
|
|
left: -3px;
|
|
}
|
|
|
|
&::after {
|
|
width: 22px;
|
|
height: 2px;
|
|
border-left: 2px solid;
|
|
border-right: 2px solid;
|
|
top: 0;
|
|
left: -7px;
|
|
}
|
|
}
|
|
|
|
.gg-hashtag {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 8px;
|
|
height: 16px;
|
|
border-left: 2px solid;
|
|
border-right: 2px solid;
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 16px;
|
|
height: 8px;
|
|
border-top: 2px solid;
|
|
border-bottom: 2px solid;
|
|
left: -6px;
|
|
top: 4px;
|
|
}
|
|
}
|
|
|
|
.gg-headset {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 18px;
|
|
height: 18px;
|
|
border-top-left-radius: 120px;
|
|
border-top-right-radius: 120px;
|
|
border: 2px solid;
|
|
border-bottom: 0;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border: 2px solid;
|
|
width: 6px;
|
|
height: 8px;
|
|
top: 8px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border: 2px solid;
|
|
width: 6px;
|
|
height: 8px;
|
|
top: 8px;
|
|
border-top-right-radius: 2px;
|
|
border-bottom-right-radius: 2px;
|
|
left: -2px;
|
|
}
|
|
|
|
&::after {
|
|
border-top-left-radius: 2px;
|
|
border-bottom-left-radius: 2px;
|
|
left: 10px;
|
|
}
|
|
}
|
|
|
|
.gg-heart {
|
|
border: 2px solid;
|
|
border-top-left-radius: 100px;
|
|
border-top-right-radius: 100px;
|
|
width: 10px;
|
|
height: 8px;
|
|
border-bottom: 0;
|
|
|
|
&::after {
|
|
border: 2px solid;
|
|
border-top-left-radius: 100px;
|
|
border-top-right-radius: 100px;
|
|
width: 10px;
|
|
height: 8px;
|
|
border-bottom: 0;
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
}
|
|
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
transform: translate(
|
|
calc(-10px / 2 * var(--ggs, 1)),
|
|
calc(-6px / 2 * var(--ggs, 1))
|
|
)
|
|
rotate(-45deg) scale(var(--ggs, 1));
|
|
display: block;
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
}
|
|
|
|
&::after {
|
|
right: -9px;
|
|
transform: rotate(90deg);
|
|
top: 5px;
|
|
}
|
|
|
|
&::before {
|
|
width: 11px;
|
|
height: 11px;
|
|
border-left: 2px solid;
|
|
border-bottom: 2px solid;
|
|
left: -2px;
|
|
top: 3px;
|
|
}
|
|
}
|
|
|
|
.gg-hello {
|
|
display: block;
|
|
position: relative;
|
|
box-sizing: border-box;
|
|
transform: scale(var(--ggs, 1));
|
|
overflow: hidden;
|
|
width: 20px;
|
|
height: 20px;
|
|
border-radius: 6px;
|
|
border-bottom-left-radius: 0;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
box-sizing: border-box;
|
|
width: 30px;
|
|
height: 30px;
|
|
border: 8px solid;
|
|
left: -5px;
|
|
top: -5px;
|
|
border-radius: 30px;
|
|
}
|
|
|
|
&::after {
|
|
width: 10px;
|
|
height: 5px;
|
|
background: currentColor;
|
|
border-bottom-left-radius: 30px;
|
|
border-bottom-right-radius: 30px;
|
|
bottom: 5px;
|
|
left: 5px;
|
|
}
|
|
}
|
|
|
|
.gg-home-alt {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 18px;
|
|
height: 14px;
|
|
border: 2px solid;
|
|
border-top: 0;
|
|
border-radius: 2px;
|
|
border-bottom-left-radius: 3px;
|
|
border-bottom-right-radius: 3px;
|
|
margin-bottom: -2px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-top: 2px solid;
|
|
border-left: 2px solid;
|
|
border-top-left-radius: 4px;
|
|
transform: rotate(45deg);
|
|
top: -5px;
|
|
border-radius: 3px;
|
|
width: 14px;
|
|
height: 14px;
|
|
left: 0;
|
|
}
|
|
|
|
&::after {
|
|
width: 6px;
|
|
height: 10px;
|
|
background: currentColor;
|
|
border-top-left-radius: 100px;
|
|
border-top-right-radius: 100px;
|
|
left: 4px;
|
|
bottom: -2px;
|
|
}
|
|
}
|
|
|
|
.gg-home-screen {
|
|
display: block;
|
|
position: relative;
|
|
box-sizing: border-box;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 14px;
|
|
height: 22px;
|
|
border-radius: 3px;
|
|
border: 2px solid;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
box-sizing: border-box;
|
|
border-radius: 2px;
|
|
width: 2px;
|
|
height: 2px;
|
|
left: 1px;
|
|
background: currentColor;
|
|
}
|
|
|
|
&::after {
|
|
top: 1px;
|
|
box-shadow: 3px 0, 6px 0, 0 3px, 3px 3px, 6px 3px, 0 6px;
|
|
}
|
|
|
|
&::before {
|
|
bottom: 1px;
|
|
box-shadow: 3px 0 0, 6px 0 0;
|
|
}
|
|
}
|
|
|
|
.gg-home {
|
|
background: linear-gradient(to left, currentColor 5px, transparent 0)
|
|
no-repeat 0 (bottom / 4px) 2px,
|
|
linear-gradient(to left, currentColor 5px, transparent 0) no-repeat right
|
|
(bottom / 4px) 2px;
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 18px;
|
|
height: 14px;
|
|
border: 2px solid;
|
|
border-top: 0;
|
|
border-bottom: 0;
|
|
border-top-right-radius: 3px;
|
|
border-top-left-radius: 3px;
|
|
border-bottom-right-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
margin-bottom: -2px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-top: 2px solid;
|
|
border-left: 2px solid;
|
|
border-top-left-radius: 4px;
|
|
transform: rotate(45deg);
|
|
top: -5px;
|
|
border-radius: 3px;
|
|
width: 14px;
|
|
height: 14px;
|
|
left: 0;
|
|
}
|
|
|
|
&::after {
|
|
width: 8px;
|
|
height: 10px;
|
|
border: 2px solid;
|
|
border-radius: 100px;
|
|
border-bottom-left-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
border-bottom: 0;
|
|
left: 3px;
|
|
bottom: 0;
|
|
}
|
|
}
|
|
|
|
.gg-icecream {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 14px;
|
|
height: 16px;
|
|
border: 2px solid;
|
|
border-top-left-radius: 12px;
|
|
border-top-right-radius: 12px;
|
|
margin-top: -8px;
|
|
border-bottom: 0;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-left: 4px solid;
|
|
border-right: 4px solid;
|
|
width: 12px;
|
|
height: 2px;
|
|
bottom: 0;
|
|
left: -2px;
|
|
}
|
|
|
|
&::after {
|
|
width: 6px;
|
|
height: 8px;
|
|
border: 2px solid;
|
|
bottom: -6px;
|
|
left: 2px;
|
|
border-bottom-left-radius: 100px;
|
|
border-bottom-right-radius: 100px;
|
|
border-top: 0;
|
|
}
|
|
}
|
|
|
|
.gg-if-design {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 14px;
|
|
height: 14px;
|
|
background: linear-gradient(to left, currentColor 18px, transparent 0)
|
|
no-repeat center (center / 4px) 18px,
|
|
linear-gradient(to left, currentColor 5px, transparent 0) no-repeat 10px
|
|
(top / 4px) 4px,
|
|
linear-gradient(to left, currentColor 5px, transparent 0) no-repeat 10px 5px /
|
|
4px 4px,
|
|
linear-gradient(to left, currentColor 14px, transparent 0) no-repeat 0 5px /
|
|
4px 14px;
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
width: 4px;
|
|
height: 4px;
|
|
border-radius: 10px;
|
|
background-color: currentColor;
|
|
}
|
|
}
|
|
|
|
.gg-image {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 20px;
|
|
height: 16px;
|
|
overflow: hidden;
|
|
box-shadow: 0 0 0 2px;
|
|
border-radius: 2px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border: 2px solid;
|
|
}
|
|
|
|
&::after {
|
|
transform: rotate(45deg);
|
|
border-radius: 3px;
|
|
width: 16px;
|
|
height: 16px;
|
|
top: 9px;
|
|
left: 6px;
|
|
}
|
|
|
|
&::before {
|
|
width: 6px;
|
|
height: 6px;
|
|
border-radius: 100%;
|
|
top: 2px;
|
|
left: 2px;
|
|
}
|
|
}
|
|
|
|
.gg-import {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 18px;
|
|
height: 14px;
|
|
border: 2px solid;
|
|
border-top: 0;
|
|
box-shadow: -6px -8px 0 -6px, 6px -8px 0 -6px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
background: currentColor;
|
|
width: 2px;
|
|
height: 14px;
|
|
right: 6px;
|
|
bottom: 5px;
|
|
}
|
|
|
|
&::after {
|
|
width: 6px;
|
|
height: 6px;
|
|
border-right: 2px solid;
|
|
border-bottom: 2px solid;
|
|
right: 4px;
|
|
bottom: 4px;
|
|
transform: rotate(45deg);
|
|
}
|
|
}
|
|
|
|
.gg-inbox {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 18px;
|
|
height: 18px;
|
|
border: 2px solid;
|
|
box-shadow: inset 0 -2px 0 0;
|
|
border-radius: 3px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
background: currentColor;
|
|
height: 7px;
|
|
width: 7px;
|
|
border-radius: 2px;
|
|
bottom: -2px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
background: currentColor;
|
|
height: 7px;
|
|
width: 7px;
|
|
border-radius: 2px;
|
|
bottom: -2px;
|
|
left: -2px;
|
|
}
|
|
|
|
&::after {
|
|
right: -2px;
|
|
}
|
|
}
|
|
|
|
.gg-indie-hackers {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 16px;
|
|
height: 12px;
|
|
|
|
&::after {
|
|
content: "";
|
|
position: absolute;
|
|
box-sizing: border-box;
|
|
display: block;
|
|
height: 12px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
position: absolute;
|
|
box-sizing: border-box;
|
|
display: block;
|
|
height: 12px;
|
|
width: 3px;
|
|
background: currentColor;
|
|
}
|
|
|
|
&::after {
|
|
width: 10px;
|
|
right: 0;
|
|
border-left: 3px solid;
|
|
border-right: 3px solid;
|
|
background: linear-gradient(to left, currentColor 14px, transparent 0)
|
|
no-repeat 0 (center / 14px) 3px;
|
|
}
|
|
}
|
|
|
|
.gg-infinity {
|
|
background: linear-gradient(to left, currentColor 5px, transparent 0)
|
|
no-repeat -4px 4px / 2px 2px,
|
|
linear-gradient(to left, currentColor 5px, transparent 0) no-repeat 4px 4px /
|
|
2px 2px;
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: rotate(-45deg) scale(var(--ggs, 1));
|
|
width: 10px;
|
|
height: 18px;
|
|
border: 4px solid transparent;
|
|
box-shadow: inset 0 0 0 2px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 10px;
|
|
height: 10px;
|
|
border: 2px solid;
|
|
border-radius: 200px;
|
|
transform: rotate(45deg);
|
|
}
|
|
|
|
&::after {
|
|
border-right-color: transparent;
|
|
left: -8px;
|
|
top: -4px;
|
|
}
|
|
|
|
&::before {
|
|
border-left-color: transparent;
|
|
right: -8px;
|
|
top: 4px;
|
|
}
|
|
}
|
|
|
|
.gg-info {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 20px;
|
|
height: 20px;
|
|
border: 2px solid;
|
|
border-radius: 40px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-radius: 3px;
|
|
width: 2px;
|
|
background: currentColor;
|
|
left: 7px;
|
|
}
|
|
|
|
&::after {
|
|
bottom: 2px;
|
|
height: 8px;
|
|
}
|
|
|
|
&::before {
|
|
height: 2px;
|
|
top: 2px;
|
|
}
|
|
}
|
|
|
|
.gg-inpicture {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 22px;
|
|
height: 16px;
|
|
border: 2px solid;
|
|
border-radius: 2px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 5px;
|
|
background: currentColor;
|
|
right: 2px;
|
|
bottom: 2px;
|
|
}
|
|
}
|
|
|
|
.gg-insert-after-o {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 16px;
|
|
height: 16px;
|
|
border: 2px solid;
|
|
border-radius: 20px;
|
|
|
|
&::before {
|
|
box-shadow: -2px 12px 0, 2px 12px 0;
|
|
}
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 8px;
|
|
height: 2px;
|
|
background: currentColor;
|
|
border-radius: 5px;
|
|
top: 5px;
|
|
left: 2px;
|
|
}
|
|
|
|
&::after {
|
|
width: 2px;
|
|
height: 8px;
|
|
top: 2px;
|
|
left: 5px;
|
|
}
|
|
}
|
|
|
|
.gg-insert-after-r {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 16px;
|
|
height: 16px;
|
|
border: 2px solid;
|
|
border-radius: 4px;
|
|
|
|
&::before {
|
|
box-shadow: -2px 12px 0, 2px 12px 0;
|
|
}
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 8px;
|
|
height: 2px;
|
|
background: currentColor;
|
|
border-radius: 5px;
|
|
top: 5px;
|
|
left: 2px;
|
|
}
|
|
|
|
&::after {
|
|
width: 2px;
|
|
height: 8px;
|
|
top: 2px;
|
|
left: 5px;
|
|
}
|
|
}
|
|
|
|
.gg-insert-after {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 18px;
|
|
height: 18px;
|
|
|
|
&::before {
|
|
box-shadow: -2px 10px 0, 2px 10px 0;
|
|
}
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 10px;
|
|
height: 2px;
|
|
background: currentColor;
|
|
border-radius: 5px;
|
|
top: 8px;
|
|
left: 4px;
|
|
}
|
|
|
|
&::after {
|
|
width: 2px;
|
|
height: 10px;
|
|
top: 4px;
|
|
left: 8px;
|
|
}
|
|
}
|
|
|
|
.gg-insert-before-o {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 16px;
|
|
height: 16px;
|
|
border: 2px solid;
|
|
border-radius: 20px;
|
|
|
|
&::before {
|
|
box-shadow: -2px -12px 0, 2px -12px 0;
|
|
}
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 8px;
|
|
height: 2px;
|
|
background: currentColor;
|
|
border-radius: 5px;
|
|
top: 5px;
|
|
left: 2px;
|
|
}
|
|
|
|
&::after {
|
|
width: 2px;
|
|
height: 8px;
|
|
top: 2px;
|
|
left: 5px;
|
|
}
|
|
}
|
|
|
|
.gg-insert-before-r {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 16px;
|
|
height: 16px;
|
|
border: 2px solid;
|
|
border-radius: 4px;
|
|
|
|
&::before {
|
|
box-shadow: -2px -12px 0, 2px -12px 0;
|
|
}
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 8px;
|
|
height: 2px;
|
|
background: currentColor;
|
|
border-radius: 5px;
|
|
top: 5px;
|
|
left: 2px;
|
|
}
|
|
|
|
&::after {
|
|
width: 2px;
|
|
height: 8px;
|
|
top: 2px;
|
|
left: 5px;
|
|
}
|
|
}
|
|
|
|
.gg-insert-before {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 18px;
|
|
height: 18px;
|
|
|
|
&::before {
|
|
box-shadow: -2px -10px 0, 2px -10px 0;
|
|
}
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 10px;
|
|
height: 2px;
|
|
background: currentColor;
|
|
border-radius: 5px;
|
|
top: 8px;
|
|
left: 4px;
|
|
}
|
|
|
|
&::after {
|
|
width: 2px;
|
|
height: 10px;
|
|
top: 4px;
|
|
left: 8px;
|
|
}
|
|
}
|
|
|
|
.gg-insights {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 14px;
|
|
height: 16px;
|
|
transform: scale(var(--ggs, 1));
|
|
border-left: 8px solid transparent;
|
|
border-top: 4px solid transparent;
|
|
box-shadow: inset 0 0 0 2px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 16px;
|
|
border: 2px solid;
|
|
right: 4px;
|
|
bottom: 0;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 16px;
|
|
border: 2px solid;
|
|
right: 4px;
|
|
bottom: 0;
|
|
height: 8px;
|
|
right: 8px;
|
|
}
|
|
}
|
|
|
|
.gg-instagram {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
border: 2px solid transparent;
|
|
box-shadow: 0 0 0 2px;
|
|
border-radius: 4px;
|
|
width: 20px;
|
|
height: 20px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
}
|
|
|
|
&::after {
|
|
border: 2px solid;
|
|
left: 3px;
|
|
width: 10px;
|
|
height: 10px;
|
|
border-radius: 100%;
|
|
top: 3px;
|
|
}
|
|
|
|
&::before {
|
|
border-radius: 3px;
|
|
width: 2px;
|
|
height: 2px;
|
|
background: currentColor;
|
|
right: 1px;
|
|
top: 1px;
|
|
}
|
|
}
|
|
|
|
.gg-internal {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 12px;
|
|
height: 12px;
|
|
box-shadow: -2px 2px 0 0, -4px -4px 0 -2px, 4px 4px 0 -2px;
|
|
margin-left: -2px;
|
|
margin-top: 1px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
left: 2px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
left: 2px;
|
|
background: currentColor;
|
|
transform: rotate(-45deg);
|
|
width: 14px;
|
|
height: 2px;
|
|
bottom: 8px;
|
|
}
|
|
|
|
&::after {
|
|
width: 7px;
|
|
height: 7px;
|
|
border-left: 2px solid;
|
|
border-bottom: 2px solid;
|
|
bottom: 2px;
|
|
}
|
|
}
|
|
|
|
.gg-key {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 6px;
|
|
height: 8px;
|
|
border: 2px solid;
|
|
border-radius: 100px;
|
|
margin-left: -12px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
right: -12px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
right: -12px;
|
|
background: currentColor;
|
|
width: 12px;
|
|
height: 2px;
|
|
top: 1px;
|
|
}
|
|
|
|
&::after {
|
|
width: 5px;
|
|
height: 3px;
|
|
top: 2px;
|
|
border-left: 2px solid;
|
|
border-right: 2px solid;
|
|
}
|
|
}
|
|
|
|
.gg-keyboard {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 18px;
|
|
height: 18px;
|
|
border: 2px solid;
|
|
border-radius: 3px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
height: 2px;
|
|
border-radius: 4px;
|
|
background: currentColor;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
height: 2px;
|
|
border-radius: 4px;
|
|
background: currentColor;
|
|
top: 2px;
|
|
box-shadow: 4px 0 0, 8px 0 0, 0 4px 0, 4px 4px 0, 8px 4px 0;
|
|
width: 2px;
|
|
left: 2px;
|
|
}
|
|
|
|
&::after {
|
|
width: 8px;
|
|
bottom: 2px;
|
|
left: 3px;
|
|
}
|
|
}
|
|
|
|
.gg-keyhole {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
border-radius: 20px;
|
|
|
|
&::after,
|
|
&::before {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
border-radius: 20px;
|
|
}
|
|
|
|
position: relative;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 20px;
|
|
height: 20px;
|
|
border: 2px solid;
|
|
|
|
&::after {
|
|
content: "";
|
|
position: absolute;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 6px;
|
|
border: 2px solid;
|
|
left: 5px;
|
|
top: 3px;
|
|
}
|
|
|
|
&::after {
|
|
background: currentColor;
|
|
width: 2px;
|
|
height: 5px;
|
|
left: 7px;
|
|
bottom: 3px;
|
|
}
|
|
}
|
|
|
|
.gg-laptop {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 18px;
|
|
height: 12px;
|
|
border: 2px solid;
|
|
border-radius: 2px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 22px;
|
|
height: 2px;
|
|
background: currentColor;
|
|
left: -4px;
|
|
bottom: -5px;
|
|
border-radius: 100px;
|
|
}
|
|
}
|
|
|
|
.gg-lastpass {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 20px;
|
|
height: 12px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
background: currentColor;
|
|
border-radius: 22px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
background: currentColor;
|
|
border-radius: 22px;
|
|
width: 4px;
|
|
height: 4px;
|
|
box-shadow: 6px 0 0, 12px 0 0;
|
|
top: 4px;
|
|
}
|
|
|
|
&::after {
|
|
width: 2px;
|
|
height: 12px;
|
|
right: 0;
|
|
}
|
|
}
|
|
|
|
.gg-layout-grid-small {
|
|
transform: scale(var(--ggs, 1));
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 10px;
|
|
height: 2px;
|
|
border-left: 6px double;
|
|
border-right: 2px solid;
|
|
|
|
&::after,
|
|
&::before {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 10px;
|
|
height: 2px;
|
|
border-left: 6px double;
|
|
border-right: 2px solid;
|
|
}
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
position: absolute;
|
|
left: -6px;
|
|
}
|
|
|
|
&::after {
|
|
bottom: 4px;
|
|
}
|
|
|
|
&::before {
|
|
top: 4px;
|
|
}
|
|
}
|
|
|
|
.gg-layout-grid {
|
|
transform: scale(var(--ggs, 1));
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 10px;
|
|
height: 10px;
|
|
|
|
&::after,
|
|
&::before {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 10px;
|
|
height: 10px;
|
|
}
|
|
|
|
&::after {
|
|
content: "";
|
|
position: absolute;
|
|
height: 4px;
|
|
border-left: 4px solid;
|
|
border-right: 4px solid;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
position: absolute;
|
|
height: 4px;
|
|
border-left: 4px solid;
|
|
border-right: 4px solid;
|
|
top: 0;
|
|
}
|
|
|
|
&::after {
|
|
bottom: 0;
|
|
}
|
|
}
|
|
|
|
.gg-layout-list {
|
|
transform: scale(var(--ggs, 1));
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 10px;
|
|
height: 2px;
|
|
border-left: 6px double;
|
|
border-right: 4px solid;
|
|
|
|
&::after,
|
|
&::before {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 10px;
|
|
height: 2px;
|
|
border-left: 6px double;
|
|
border-right: 4px solid;
|
|
}
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
position: absolute;
|
|
left: -6px;
|
|
}
|
|
|
|
&::after {
|
|
bottom: 4px;
|
|
}
|
|
|
|
&::before {
|
|
top: 4px;
|
|
}
|
|
}
|
|
|
|
.gg-layout-pin {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 16px;
|
|
height: 16px;
|
|
border: 2px solid;
|
|
border-radius: 3px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 6px;
|
|
border-radius: 4px;
|
|
top: 3px;
|
|
left: 3px;
|
|
box-shadow: -7px 0 0, 7px 0 0, 0 -7px 0, 0 7px 0;
|
|
}
|
|
}
|
|
|
|
.gg-linear {
|
|
display: block;
|
|
position: relative;
|
|
box-sizing: border-box;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 18px;
|
|
height: 18px;
|
|
overflow: hidden;
|
|
border-radius: 100px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 25px;
|
|
height: 25px;
|
|
transform: rotate(-45deg);
|
|
background: currentColor;
|
|
top: -14px;
|
|
left: 4px;
|
|
}
|
|
|
|
&::after {
|
|
width: 2px;
|
|
box-shadow: -3px 4px 0 0, -6px -2px 0 0;
|
|
top: -3px;
|
|
left: 6px;
|
|
}
|
|
}
|
|
|
|
.gg-link {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: rotate(-45deg) scale(var(--ggs, 1));
|
|
width: 8px;
|
|
height: 2px;
|
|
background: currentColor;
|
|
border-radius: 4px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-radius: 3px;
|
|
width: 8px;
|
|
height: 10px;
|
|
border: 2px solid;
|
|
top: -4px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-radius: 3px;
|
|
width: 8px;
|
|
height: 10px;
|
|
border: 2px solid;
|
|
top: -4px;
|
|
border-right: 0;
|
|
border-top-left-radius: 40px;
|
|
border-bottom-left-radius: 40px;
|
|
left: -6px;
|
|
}
|
|
|
|
&::after {
|
|
border-left: 0;
|
|
border-top-right-radius: 40px;
|
|
border-bottom-right-radius: 40px;
|
|
right: -6px;
|
|
}
|
|
}
|
|
|
|
.gg-list-tree {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 22px;
|
|
height: 22px;
|
|
transform: scale(var(--ggs, 1));
|
|
background: linear-gradient(to left, currentcolor 8px, transparent 0)
|
|
no-repeat left (top / 8px) 8px,
|
|
linear-gradient(to left, currentcolor 8px, transparent 0) no-repeat center
|
|
3px / 8px 2px,
|
|
linear-gradient(to left, currentcolor 8px, transparent 0) no-repeat 10px
|
|
17px / 6px 2px,
|
|
linear-gradient(to left, currentcolor 8px, transparent 0) no-repeat 10px 3px /
|
|
2px 16px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 8px;
|
|
height: 8px;
|
|
border: 2px solid;
|
|
right: 0;
|
|
}
|
|
|
|
&::after {
|
|
bottom: 0;
|
|
}
|
|
}
|
|
|
|
.gg-list {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 22px;
|
|
height: 20px;
|
|
border: 2px solid;
|
|
border-radius: 3px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 2px;
|
|
height: 2px;
|
|
background: currentColor;
|
|
top: 3px;
|
|
left: 3px;
|
|
box-shadow: 0 4px 0, 0 8px 0;
|
|
}
|
|
|
|
&::after {
|
|
border-radius: 3px;
|
|
width: 8px;
|
|
left: 7px;
|
|
}
|
|
}
|
|
|
|
.gg-live-photo {
|
|
transform: scale(var(--ggs, 1));
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 20px;
|
|
height: 20px;
|
|
border-radius: 100px;
|
|
border: 2px dotted currentColor;
|
|
|
|
&::after {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 20px;
|
|
height: 20px;
|
|
border-radius: 100px;
|
|
border: 2px dotted currentColor;
|
|
content: "";
|
|
position: absolute;
|
|
width: 8px;
|
|
height: 8px;
|
|
border: 1px solid transparent;
|
|
top: 4px;
|
|
left: 4px;
|
|
box-shadow: 0 0 0 2px, inset 0 0 0 2px currentColor;
|
|
}
|
|
}
|
|
|
|
@keyframes loadbaralt {
|
|
0%,
|
|
to {
|
|
left: 0;
|
|
right: 80%;
|
|
}
|
|
|
|
25%,
|
|
75% {
|
|
left: 0;
|
|
right: 0;
|
|
}
|
|
|
|
50% {
|
|
left: 80%;
|
|
right: 0;
|
|
}
|
|
}
|
|
|
|
.gg-loadbar-alt {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
height: 4px;
|
|
border-radius: 4px;
|
|
|
|
&::before {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
height: 4px;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
&::after {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
height: 4px;
|
|
border-radius: 4px;
|
|
background: currentColor;
|
|
content: "";
|
|
position: absolute;
|
|
}
|
|
|
|
position: relative;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 18px;
|
|
|
|
&::before {
|
|
background: currentColor;
|
|
content: "";
|
|
position: absolute;
|
|
animation: loadbaralt 2s cubic-bezier(0, 0, 0.58, 1) infinite;
|
|
}
|
|
|
|
&::after {
|
|
width: 18px;
|
|
opacity: 0.3;
|
|
}
|
|
}
|
|
|
|
@keyframes gg-doc {
|
|
0% {
|
|
left: -16px;
|
|
}
|
|
|
|
60%,
|
|
to {
|
|
left: 0;
|
|
}
|
|
}
|
|
|
|
.gg-loadbar-doc {
|
|
display: block;
|
|
position: relative;
|
|
box-sizing: border-box;
|
|
transform: scale(var(--ggs, 1));
|
|
border: 2px solid transparent;
|
|
box-shadow: 0 0 0 2px;
|
|
border-radius: 1px;
|
|
width: 12px;
|
|
height: 14px;
|
|
overflow: hidden;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
box-sizing: border-box;
|
|
height: 2px;
|
|
background: currentColor;
|
|
animation: gg-doc 1s linear infinite alternate;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
box-sizing: border-box;
|
|
height: 2px;
|
|
background: currentColor;
|
|
animation: gg-doc 1s linear infinite alternate;
|
|
width: 14px;
|
|
box-shadow: -4px 4px 0;
|
|
}
|
|
|
|
&::after {
|
|
width: 5px;
|
|
top: 8px;
|
|
}
|
|
}
|
|
|
|
@keyframes gg-bar {
|
|
10% {
|
|
box-shadow: inset 0 -4px 0;
|
|
}
|
|
|
|
30% {
|
|
box-shadow: inset 0 -10px 0;
|
|
}
|
|
|
|
60% {
|
|
box-shadow: inset 0 -6px 0;
|
|
}
|
|
|
|
80% {
|
|
box-shadow: inset 0 -8px 0;
|
|
}
|
|
|
|
to {
|
|
box-shadow: inset 0 -2px 0;
|
|
}
|
|
}
|
|
|
|
.gg-loadbar-sound {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
width: 2px;
|
|
height: 12px;
|
|
box-shadow: inset 0 -12px 0;
|
|
animation: gg-bar 1.3s ease infinite alternate;
|
|
|
|
&::after,
|
|
&::before {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
width: 2px;
|
|
height: 12px;
|
|
box-shadow: inset 0 -12px 0;
|
|
animation: gg-bar 1.3s ease infinite alternate;
|
|
}
|
|
|
|
position: relative;
|
|
transform: scale(var(--ggs, 1));
|
|
|
|
&::after {
|
|
content: "";
|
|
position: absolute;
|
|
bottom: 0;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: -4px;
|
|
animation-delay: -2.4s;
|
|
}
|
|
|
|
&::after {
|
|
right: -4px;
|
|
animation-delay: -3.7s;
|
|
}
|
|
}
|
|
|
|
@keyframes loadbar {
|
|
0%,
|
|
to {
|
|
left: 0;
|
|
right: 80%;
|
|
}
|
|
|
|
25%,
|
|
75% {
|
|
left: 0;
|
|
right: 0;
|
|
}
|
|
|
|
50% {
|
|
left: 80%;
|
|
right: 0;
|
|
}
|
|
}
|
|
|
|
.gg-loadbar {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
height: 4px;
|
|
|
|
&::before {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
height: 4px;
|
|
content: "";
|
|
position: absolute;
|
|
border-radius: 4px;
|
|
background: currentColor;
|
|
animation: loadbar 2s cubic-bezier(0, 0, 0.58, 1) infinite;
|
|
}
|
|
|
|
position: relative;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 18px;
|
|
}
|
|
|
|
.gg-lock-unlock {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 12px;
|
|
height: 6px;
|
|
border: 2px solid;
|
|
border-top-right-radius: 100px;
|
|
border-top-left-radius: 100px;
|
|
border-bottom: transparent;
|
|
margin-top: -18px;
|
|
margin-left: -2px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
}
|
|
|
|
&::after {
|
|
border: 2px solid transparent;
|
|
box-shadow: 0 0 0 2px;
|
|
width: 16px;
|
|
height: 10px;
|
|
border-radius: 2px;
|
|
left: -4px;
|
|
top: 10px;
|
|
}
|
|
|
|
&::before {
|
|
width: 2px;
|
|
height: 6px;
|
|
background: currentColor;
|
|
left: -2px;
|
|
top: 4px;
|
|
}
|
|
}
|
|
|
|
.gg-lock {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 12px;
|
|
height: 11px;
|
|
border: 2px solid;
|
|
border-top-right-radius: 50%;
|
|
border-top-left-radius: 50%;
|
|
border-bottom: transparent;
|
|
margin-top: -12px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 16px;
|
|
height: 10px;
|
|
border-radius: 2px;
|
|
border: 2px solid transparent;
|
|
box-shadow: 0 0 0 2px;
|
|
left: -4px;
|
|
top: 9px;
|
|
}
|
|
}
|
|
|
|
.gg-log-in {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 6px;
|
|
height: 16px;
|
|
border: 2px solid;
|
|
border-left: 0;
|
|
border-top-right-radius: 2px;
|
|
border-bottom-right-radius: 2px;
|
|
margin-right: -10px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
}
|
|
|
|
&::after {
|
|
border-top: 2px solid;
|
|
border-right: 2px solid;
|
|
transform: rotate(45deg);
|
|
width: 8px;
|
|
height: 8px;
|
|
left: -8px;
|
|
bottom: 2px;
|
|
}
|
|
|
|
&::before {
|
|
border-radius: 3px;
|
|
width: 10px;
|
|
height: 2px;
|
|
background: currentColor;
|
|
left: -11px;
|
|
bottom: 5px;
|
|
}
|
|
}
|
|
|
|
.gg-log-off {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
border-radius: 16px;
|
|
border: 2px solid;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 16px;
|
|
height: 16px;
|
|
border-top: 2px solid transparent;
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-radius: 3px;
|
|
height: 8px;
|
|
width: 2px;
|
|
background: currentColor;
|
|
left: 5px;
|
|
bottom: 6px;
|
|
}
|
|
}
|
|
|
|
.gg-log-out {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 6px;
|
|
height: 16px;
|
|
border: 2px solid;
|
|
transform: scale(var(--ggs, 1));
|
|
border-right: 0;
|
|
border-top-left-radius: 2px;
|
|
border-bottom-left-radius: 2px;
|
|
margin-left: -10px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
}
|
|
|
|
&::after {
|
|
border-top: 2px solid;
|
|
border-left: 2px solid;
|
|
transform: rotate(-45deg);
|
|
width: 8px;
|
|
height: 8px;
|
|
left: 4px;
|
|
bottom: 2px;
|
|
}
|
|
|
|
&::before {
|
|
border-radius: 3px;
|
|
width: 10px;
|
|
height: 2px;
|
|
background: currentColor;
|
|
left: 5px;
|
|
bottom: 5px;
|
|
}
|
|
}
|
|
|
|
.gg-loupe {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
|
|
&::after {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
content: "";
|
|
position: absolute;
|
|
width: 14px;
|
|
height: 14px;
|
|
border-radius: 100%;
|
|
box-shadow: 0 0 0 6px;
|
|
}
|
|
|
|
position: relative;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 18px;
|
|
height: 18px;
|
|
border: 2px solid;
|
|
border-radius: 22px;
|
|
border-bottom-right-radius: 6px;
|
|
overflow: hidden;
|
|
background: linear-gradient(to left, currentColor 8px, transparent 0)
|
|
no-repeat (center / 8px) 2px,
|
|
linear-gradient(to left, currentColor 8px, transparent 0) no-repeat
|
|
(center / 2px) 8px;
|
|
}
|
|
|
|
.gg-magnet {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
width: 14px;
|
|
|
|
&::before {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
width: 14px;
|
|
content: "";
|
|
position: absolute;
|
|
height: 3px;
|
|
border-left: 4px solid;
|
|
border-right: 4px solid;
|
|
top: -5px;
|
|
left: -4px;
|
|
opacity: 0.5;
|
|
}
|
|
|
|
border: 4px solid;
|
|
transform: scale(var(--ggs, 1));
|
|
border-bottom-left-radius: 100px;
|
|
border-bottom-right-radius: 100px;
|
|
border-top: 0;
|
|
position: relative;
|
|
height: 12px;
|
|
}
|
|
|
|
.gg-mail-forward {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
height: 6px;
|
|
border-top: 2px solid;
|
|
|
|
&::before {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
height: 6px;
|
|
border-top: 2px solid;
|
|
content: "";
|
|
position: absolute;
|
|
width: 6px;
|
|
border-right: 2px solid;
|
|
top: -4px;
|
|
right: -1px;
|
|
transform: rotate(45deg);
|
|
}
|
|
|
|
border-left: 2px solid;
|
|
transform: scale(var(--ggs, 1));
|
|
border-top-left-radius: 4px;
|
|
position: relative;
|
|
width: 14px;
|
|
}
|
|
|
|
.gg-mail-open {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
height: 14px;
|
|
border: 2px solid;
|
|
|
|
&::after {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
height: 14px;
|
|
border: 2px solid;
|
|
content: "";
|
|
position: absolute;
|
|
border-radius: 3px;
|
|
width: 14px;
|
|
transform: rotate(-45deg);
|
|
bottom: 3px;
|
|
left: 0;
|
|
}
|
|
|
|
border-top: 0;
|
|
transform: scale(var(--ggs, 1));
|
|
position: relative;
|
|
width: 18px;
|
|
border-radius: 2px;
|
|
}
|
|
|
|
.gg-mail-reply {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
height: 6px;
|
|
border-top: 2px solid;
|
|
|
|
&::before {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
height: 6px;
|
|
border-top: 2px solid;
|
|
content: "";
|
|
position: absolute;
|
|
width: 6px;
|
|
border-left: 2px solid;
|
|
top: -4px;
|
|
left: -1px;
|
|
transform: rotate(-45deg);
|
|
}
|
|
|
|
border-right: 2px solid;
|
|
transform: scale(var(--ggs, 1));
|
|
border-top-right-radius: 4px;
|
|
position: relative;
|
|
width: 14px;
|
|
}
|
|
|
|
.gg-mail {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
height: 14px;
|
|
border: 2px solid;
|
|
|
|
&::after {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
height: 14px;
|
|
border: 2px solid;
|
|
content: "";
|
|
position: absolute;
|
|
border-radius: 3px;
|
|
width: 14px;
|
|
transform: rotate(-45deg);
|
|
bottom: 3px;
|
|
left: 0;
|
|
}
|
|
|
|
overflow: hidden;
|
|
transform: scale(var(--ggs, 1));
|
|
position: relative;
|
|
width: 18px;
|
|
border-radius: 2px;
|
|
}
|
|
|
|
.gg-math-divide {
|
|
transform: scale(var(--ggs, 1));
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 16px;
|
|
height: 2px;
|
|
background: currentColor;
|
|
border-radius: 20px;
|
|
|
|
&::after,
|
|
&::before {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 16px;
|
|
height: 2px;
|
|
background: currentColor;
|
|
border-radius: 20px;
|
|
}
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
position: absolute;
|
|
width: 4px;
|
|
height: 4px;
|
|
top: -6px;
|
|
left: 6px;
|
|
}
|
|
|
|
&::after {
|
|
top: 4px;
|
|
}
|
|
}
|
|
|
|
.gg-math-equal {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 16px;
|
|
height: 2px;
|
|
background: currentColor;
|
|
border-radius: 10px;
|
|
margin-top: -6px;
|
|
box-shadow: 0 6px 0;
|
|
}
|
|
|
|
.gg-math-minus {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 16px;
|
|
height: 2px;
|
|
background: currentColor;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
.gg-math-percent {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: rotate(-45deg) scale(var(--ggs, 1));
|
|
width: 16px;
|
|
height: 2px;
|
|
background: currentColor;
|
|
border-radius: 20px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 4px;
|
|
height: 4px;
|
|
background: currentColor;
|
|
border-radius: 20px;
|
|
top: -7px;
|
|
left: 6px;
|
|
}
|
|
|
|
&::after {
|
|
top: 5px;
|
|
}
|
|
}
|
|
|
|
.gg-math-plus {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
background: currentColor;
|
|
border-radius: 10px;
|
|
|
|
&::after {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
background: currentColor;
|
|
border-radius: 10px;
|
|
content: "";
|
|
position: absolute;
|
|
width: 2px;
|
|
height: 16px;
|
|
top: -7px;
|
|
left: 7px;
|
|
}
|
|
|
|
margin-top: -2px;
|
|
position: relative;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 16px;
|
|
height: 2px;
|
|
}
|
|
|
|
.gg-maximize-alt {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 14px;
|
|
height: 14px;
|
|
box-shadow: -6px -6px 0 -4px, 6px 6px 0 -4px, 6px -6px 0 -4px, -6px 6px 0 -4px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-radius: 3px;
|
|
width: 22px;
|
|
height: 2px;
|
|
border-left: 8px solid;
|
|
border-right: 8px solid;
|
|
transform: rotate(-45deg);
|
|
bottom: 6px;
|
|
left: -4px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-radius: 3px;
|
|
width: 22px;
|
|
height: 2px;
|
|
border-left: 8px solid;
|
|
border-right: 8px solid;
|
|
transform: rotate(-45deg);
|
|
bottom: 6px;
|
|
left: -4px;
|
|
transform: rotate(45deg);
|
|
}
|
|
}
|
|
|
|
.gg-maximize {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 14px;
|
|
height: 14px;
|
|
box-shadow: -6px -6px 0 -4px, 6px 6px 0 -4px, 6px -6px 0 -4px, -6px 6px 0 -4px;
|
|
}
|
|
|
|
.gg-maze {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 24px;
|
|
height: 14px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
box-sizing: border-box;
|
|
height: 12px;
|
|
transform: rotate(45deg);
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
box-sizing: border-box;
|
|
height: 12px;
|
|
transform: rotate(45deg);
|
|
width: 12px;
|
|
right: 2px;
|
|
bottom: -2px;
|
|
border-left: 4px solid;
|
|
border-top: 4px solid;
|
|
}
|
|
|
|
&::after {
|
|
width: 4px;
|
|
background: currentColor;
|
|
left: 3px;
|
|
bottom: 1px;
|
|
}
|
|
}
|
|
|
|
.gg-media-live {
|
|
transform: scale(var(--ggs, 1));
|
|
border-top-color: transparent;
|
|
border-bottom-color: transparent;
|
|
|
|
&::after {
|
|
border-top-color: transparent;
|
|
border-bottom-color: transparent;
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
border: 2px solid;
|
|
border-radius: 50%;
|
|
width: 14px;
|
|
height: 14px;
|
|
}
|
|
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
border: 2px solid;
|
|
border-radius: 50%;
|
|
width: 14px;
|
|
height: 14px;
|
|
|
|
&::before {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
border: 2px solid;
|
|
border-radius: 50%;
|
|
width: 14px;
|
|
height: 14px;
|
|
}
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 6px;
|
|
top: 2px;
|
|
left: 2px;
|
|
}
|
|
|
|
&::after {
|
|
width: 22px;
|
|
height: 22px;
|
|
top: -6px;
|
|
left: -6px;
|
|
}
|
|
}
|
|
|
|
.gg-media-podcast {
|
|
transform: scale(var(--ggs, 1));
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 14px;
|
|
height: 14px;
|
|
border: 2px solid;
|
|
border-bottom-color: transparent;
|
|
border-radius: 50%;
|
|
|
|
&::after,
|
|
&::before {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 14px;
|
|
height: 14px;
|
|
border: 2px solid;
|
|
border-bottom-color: transparent;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 6px;
|
|
top: 2px;
|
|
left: 2px;
|
|
}
|
|
|
|
&::after {
|
|
width: 22px;
|
|
height: 22px;
|
|
top: -6px;
|
|
left: -6px;
|
|
}
|
|
}
|
|
|
|
.gg-menu-boxed {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 18px;
|
|
height: 18px;
|
|
border-radius: 3px;
|
|
border: 2px solid;
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 10px;
|
|
height: 2px;
|
|
background: currentColor;
|
|
border-radius: 3px;
|
|
top: 2px;
|
|
left: 2px;
|
|
box-shadow: 0 4px 0, 0 8px 0;
|
|
}
|
|
}
|
|
|
|
.gg-menu-cake {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 16px;
|
|
height: 18px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
height: 2px;
|
|
background: currentColor;
|
|
border-radius: 22px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
height: 2px;
|
|
background: currentColor;
|
|
border-radius: 22px;
|
|
width: 18px;
|
|
box-shadow: 0 -4px 0, 0 -8px 0;
|
|
left: 1px;
|
|
bottom: 2px;
|
|
}
|
|
|
|
&::after {
|
|
width: 4px;
|
|
height: 4px;
|
|
left: 8px;
|
|
}
|
|
}
|
|
|
|
.gg-menu-cheese {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 18px;
|
|
height: 10px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
height: 2px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
height: 2px;
|
|
width: 18px;
|
|
background: currentColor;
|
|
border-radius: 22px;
|
|
box-shadow: 0 -6px 0, 0 -12px 0;
|
|
bottom: 0;
|
|
}
|
|
|
|
&::after {
|
|
width: 2px;
|
|
left: 2px;
|
|
bottom: 3px;
|
|
border-top: 3px solid;
|
|
border-left: 4px solid transparent;
|
|
border-right: 4px solid transparent;
|
|
}
|
|
}
|
|
|
|
.gg-menu-grid-o {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 16px;
|
|
height: 16px;
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 4px;
|
|
height: 4px;
|
|
background: currentColor;
|
|
box-shadow: 0 6px 0, 6px 6px 0, 12px 6px 0, 6px 12px 0, 12px 12px 0, 6px 0 0,
|
|
12px 0 0, 0 12px 0;
|
|
border-radius: 22px;
|
|
}
|
|
}
|
|
|
|
.gg-menu-grid-r {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 16px;
|
|
height: 16px;
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 4px;
|
|
height: 4px;
|
|
background: currentColor;
|
|
box-shadow: 0 6px 0, 6px 6px 0, 12px 6px 0, 6px 12px 0, 12px 12px 0, 6px 0 0,
|
|
12px 0 0, 0 12px 0;
|
|
}
|
|
}
|
|
|
|
.gg-menu-hotdog {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 16px;
|
|
height: 12px;
|
|
border-top: 3px solid;
|
|
border-bottom: 3px solid;
|
|
border-radius: 3px;
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 20px;
|
|
height: 2px;
|
|
background: currentColor;
|
|
border-radius: 4px;
|
|
top: 2px;
|
|
left: -2px;
|
|
}
|
|
}
|
|
|
|
.gg-menu-left-alt {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 16px;
|
|
height: 14px;
|
|
transform: scale(var(--ggs, 1));
|
|
|
|
&::after {
|
|
content: "";
|
|
position: absolute;
|
|
box-sizing: border-box;
|
|
display: block;
|
|
height: 2px;
|
|
border-radius: 4px;
|
|
background: currentColor;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
position: absolute;
|
|
box-sizing: border-box;
|
|
display: block;
|
|
height: 2px;
|
|
border-radius: 4px;
|
|
background: currentColor;
|
|
width: 16px;
|
|
box-shadow: 0 12px 0;
|
|
}
|
|
|
|
&::after {
|
|
width: 10px;
|
|
top: 6px;
|
|
}
|
|
}
|
|
|
|
.gg-menu-left {
|
|
transform: scale(var(--ggs, 1));
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 20px;
|
|
height: 2px;
|
|
border-radius: 3px;
|
|
background: currentColor;
|
|
|
|
&::after,
|
|
&::before {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 20px;
|
|
height: 2px;
|
|
border-radius: 3px;
|
|
background: currentColor;
|
|
}
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
position: absolute;
|
|
top: -6px;
|
|
width: 10px;
|
|
}
|
|
|
|
&::after {
|
|
top: 6px;
|
|
width: 14px;
|
|
}
|
|
}
|
|
|
|
.gg-menu-motion {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 18px;
|
|
height: 14px;
|
|
transform: scale(var(--ggs, 1));
|
|
|
|
&::before {
|
|
content: "";
|
|
position: absolute;
|
|
box-sizing: border-box;
|
|
display: block;
|
|
width: 10px;
|
|
height: 2px;
|
|
bottom: 0;
|
|
box-shadow: 4px -6px 0, 8px -12px 0;
|
|
border-radius: 4px;
|
|
background: currentColor;
|
|
}
|
|
}
|
|
|
|
.gg-menu-oreos {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 16px;
|
|
height: 18px;
|
|
transform: scale(var(--ggs, 1));
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
position: absolute;
|
|
box-sizing: border-box;
|
|
display: block;
|
|
width: 16px;
|
|
height: 8px;
|
|
border-top: 3px solid;
|
|
border-bottom: 3px solid;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
&::after {
|
|
bottom: 0;
|
|
}
|
|
}
|
|
|
|
.gg-menu-right-alt {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 16px;
|
|
height: 14px;
|
|
transform: scale(var(--ggs, 1));
|
|
|
|
&::after {
|
|
content: "";
|
|
position: absolute;
|
|
box-sizing: border-box;
|
|
display: block;
|
|
height: 2px;
|
|
border-radius: 4px;
|
|
background: currentColor;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
position: absolute;
|
|
box-sizing: border-box;
|
|
display: block;
|
|
height: 2px;
|
|
border-radius: 4px;
|
|
background: currentColor;
|
|
width: 16px;
|
|
box-shadow: 0 12px 0;
|
|
}
|
|
|
|
&::after {
|
|
width: 10px;
|
|
right: 0;
|
|
top: 6px;
|
|
}
|
|
}
|
|
|
|
.gg-menu-right {
|
|
transform: scale(var(--ggs, 1));
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 20px;
|
|
height: 2px;
|
|
border-radius: 3px;
|
|
background: currentColor;
|
|
|
|
&::after,
|
|
&::before {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 20px;
|
|
height: 2px;
|
|
border-radius: 3px;
|
|
background: currentColor;
|
|
}
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
position: absolute;
|
|
top: -6px;
|
|
right: 0;
|
|
width: 10px;
|
|
}
|
|
|
|
&::after {
|
|
top: 6px;
|
|
width: 14px;
|
|
}
|
|
}
|
|
|
|
.gg-menu-round {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 22px;
|
|
height: 22px;
|
|
border-radius: 24px;
|
|
border: 2px solid;
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 10px;
|
|
height: 2px;
|
|
background: currentColor;
|
|
border-radius: 3px;
|
|
top: 4px;
|
|
left: 4px;
|
|
box-shadow: 0 4px 0, 0 8px 0;
|
|
}
|
|
}
|
|
|
|
.gg-menu {
|
|
transform: scale(var(--ggs, 1));
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 20px;
|
|
height: 2px;
|
|
border-radius: 3px;
|
|
background: currentColor;
|
|
|
|
&::after,
|
|
&::before {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 20px;
|
|
height: 2px;
|
|
border-radius: 3px;
|
|
background: currentColor;
|
|
}
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
position: absolute;
|
|
top: -6px;
|
|
}
|
|
|
|
&::after {
|
|
top: 6px;
|
|
}
|
|
}
|
|
|
|
.gg-merge-horizontal {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 14px;
|
|
height: 2px;
|
|
border-radius: 3px;
|
|
background: currentColor;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 6px;
|
|
transform: rotate(-45deg);
|
|
}
|
|
|
|
&::after {
|
|
border-bottom: 2px solid;
|
|
border-left: 2px solid;
|
|
left: 4px;
|
|
bottom: 5px;
|
|
}
|
|
|
|
&::before {
|
|
border-top: 2px solid;
|
|
border-right: 2px solid;
|
|
right: 4px;
|
|
top: 5px;
|
|
}
|
|
}
|
|
|
|
.gg-merge-vertical {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 2px;
|
|
height: 14px;
|
|
border-radius: 3px;
|
|
background: currentColor;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 6px;
|
|
border-bottom: 2px solid;
|
|
top: 4px;
|
|
}
|
|
|
|
&::after {
|
|
border-left: 2px solid;
|
|
left: 5px;
|
|
transform: rotate(45deg);
|
|
}
|
|
|
|
&::before {
|
|
border-right: 2px solid;
|
|
transform: rotate(-45deg);
|
|
right: 5px;
|
|
}
|
|
}
|
|
|
|
.gg-mic {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 16px;
|
|
height: 12px;
|
|
border-bottom-left-radius: 120px;
|
|
border-bottom-right-radius: 120px;
|
|
border: 2px solid;
|
|
border-top: 0;
|
|
margin-top: 3px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
}
|
|
|
|
&::after {
|
|
border: 2px solid;
|
|
width: 8px;
|
|
height: 18px;
|
|
left: 2px;
|
|
top: -10px;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
&::before {
|
|
width: 10px;
|
|
height: 4px;
|
|
top: 12px;
|
|
left: 1px;
|
|
border-right: 4px solid transparent;
|
|
box-shadow: 0 2px 0, inset -2px 0 0;
|
|
}
|
|
}
|
|
|
|
.gg-microbit {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
border-radius: 20px;
|
|
|
|
&::before {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
border-radius: 20px;
|
|
content: "";
|
|
position: absolute;
|
|
width: 4px;
|
|
height: 4px;
|
|
background: currentColor;
|
|
top: 2px;
|
|
left: 2px;
|
|
box-shadow: 10px 0 0 0;
|
|
}
|
|
|
|
position: relative;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 24px;
|
|
height: 14px;
|
|
border: 3px solid;
|
|
}
|
|
|
|
.gg-microsoft {
|
|
transform: scale(var(--ggs, 1));
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 18px;
|
|
height: 18px;
|
|
|
|
&::after,
|
|
&::before {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 18px;
|
|
height: 18px;
|
|
}
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
position: absolute;
|
|
width: 8px;
|
|
border-top: 8px solid;
|
|
border-bottom: 8px solid;
|
|
}
|
|
|
|
&::after {
|
|
right: 0;
|
|
}
|
|
}
|
|
|
|
.gg-mini-player {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 18px;
|
|
height: 18px;
|
|
border: 2px solid;
|
|
border-radius: 3px;
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 8px;
|
|
height: 8px;
|
|
background: currentColor;
|
|
border-top-left-radius: 3px;
|
|
border-bottom-right-radius: 3px;
|
|
bottom: -1px;
|
|
right: -1px;
|
|
}
|
|
}
|
|
|
|
.gg-minimize-alt {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: rotate(-45deg) scale(var(--ggs, 1));
|
|
width: 26px;
|
|
height: 2px;
|
|
border-left: 10px solid;
|
|
border-right: 10px solid;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 6px;
|
|
border-top: 2px solid;
|
|
top: -2px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 6px;
|
|
border-top: 2px solid;
|
|
top: -2px;
|
|
border-right: 2px solid;
|
|
left: -5px;
|
|
transform: rotate(45deg);
|
|
}
|
|
|
|
&::after {
|
|
border-left: 2px solid;
|
|
right: -5px;
|
|
transform: rotate(-45deg);
|
|
}
|
|
}
|
|
|
|
.gg-minimize {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 4px;
|
|
height: 4px;
|
|
box-shadow: -8px -4px 0 -1px, -6px -4px 0 -1px, 8px 4px 0 -1px, 6px 4px 0 -1px,
|
|
8px -4px 0 -1px, 6px -4px 0 -1px, -8px 4px 0 -1px, -6px 4px 0 -1px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 2px;
|
|
height: 18px;
|
|
border-top: 6px solid;
|
|
border-bottom: 6px solid;
|
|
box-shadow: 18px 0 0 -2px;
|
|
top: -7px;
|
|
}
|
|
|
|
&::after {
|
|
left: -3px;
|
|
}
|
|
|
|
&::before {
|
|
right: -3px;
|
|
}
|
|
}
|
|
|
|
.gg-modem {
|
|
position: relative;
|
|
display: block;
|
|
box-sizing: border-box;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 20px;
|
|
height: 20px;
|
|
border-radius: 4px;
|
|
border-top: 12px solid transparent;
|
|
box-shadow: inset 0 0 0 2px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
background: currentColor;
|
|
right: 4px;
|
|
bottom: 3px;
|
|
width: 2px;
|
|
height: 2px;
|
|
border-radius: 22px;
|
|
}
|
|
|
|
&::after {
|
|
right: -1px;
|
|
bottom: 11px;
|
|
width: 20px;
|
|
transform: rotate(30deg);
|
|
}
|
|
}
|
|
|
|
.gg-monday {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 21px;
|
|
height: 16px;
|
|
|
|
&::after {
|
|
background: currentColor;
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
border-radius: 22px;
|
|
}
|
|
|
|
&::before {
|
|
background: currentColor;
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
border-radius: 22px;
|
|
height: 16px;
|
|
transform: rotate(35deg);
|
|
box-shadow: 7px -5px 0 0;
|
|
}
|
|
|
|
&::after {
|
|
height: 6px;
|
|
bottom: 1px;
|
|
right: 0;
|
|
}
|
|
}
|
|
|
|
.gg-moon {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
border-radius: 50%;
|
|
|
|
&::after {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
border-radius: 50%;
|
|
content: "";
|
|
position: absolute;
|
|
width: 12px;
|
|
height: 18px;
|
|
border: 2px solid transparent;
|
|
box-shadow: 0 0 0 2px;
|
|
top: 8px;
|
|
left: 2px;
|
|
}
|
|
|
|
overflow: hidden;
|
|
position: relative;
|
|
transform: rotate(-135deg) scale(var(--ggs, 1));
|
|
width: 20px;
|
|
height: 20px;
|
|
border: 2px solid;
|
|
border-bottom-color: transparent;
|
|
}
|
|
|
|
.gg-more-alt {
|
|
transform: scale(var(--ggs, 1));
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 4px;
|
|
height: 4px;
|
|
background: currentColor;
|
|
border-radius: 100%;
|
|
|
|
&::after,
|
|
&::before {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 4px;
|
|
height: 4px;
|
|
background: currentColor;
|
|
border-radius: 100%;
|
|
}
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
}
|
|
|
|
&::after {
|
|
left: -6px;
|
|
}
|
|
|
|
&::before {
|
|
right: -6px;
|
|
}
|
|
}
|
|
|
|
.gg-more-o {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 24px;
|
|
height: 24px;
|
|
border: 2px solid;
|
|
border-radius: 24px;
|
|
|
|
&::before {
|
|
content: "";
|
|
position: absolute;
|
|
box-sizing: border-box;
|
|
display: block;
|
|
width: 4px;
|
|
height: 4px;
|
|
background-color: currentColor;
|
|
border-radius: 20px;
|
|
top: 8px;
|
|
left: 8px;
|
|
box-shadow: -5px 0 0, 5px 0 0;
|
|
}
|
|
}
|
|
|
|
.gg-more-r {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 24px;
|
|
height: 20px;
|
|
border: 2px solid;
|
|
border-radius: 3px;
|
|
|
|
&::before {
|
|
content: "";
|
|
position: absolute;
|
|
box-sizing: border-box;
|
|
display: block;
|
|
width: 4px;
|
|
height: 4px;
|
|
background-color: currentColor;
|
|
border-radius: 20px;
|
|
top: 6px;
|
|
left: 8px;
|
|
box-shadow: -5px 0 0, 5px 0 0;
|
|
}
|
|
}
|
|
|
|
.gg-more-vertical-alt {
|
|
transform: scale(var(--ggs, 1));
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 4px;
|
|
height: 4px;
|
|
background: currentColor;
|
|
border-radius: 100%;
|
|
|
|
&::after,
|
|
&::before {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 4px;
|
|
height: 4px;
|
|
background: currentColor;
|
|
border-radius: 100%;
|
|
}
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
position: absolute;
|
|
}
|
|
|
|
&::after {
|
|
left: 0;
|
|
top: 6px;
|
|
}
|
|
|
|
&::before {
|
|
top: -6px;
|
|
right: 0;
|
|
}
|
|
}
|
|
|
|
.gg-more-vertical-o {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 24px;
|
|
height: 24px;
|
|
border: 2px solid;
|
|
border-radius: 24px;
|
|
|
|
&::before {
|
|
content: "";
|
|
position: absolute;
|
|
box-sizing: border-box;
|
|
display: block;
|
|
width: 4px;
|
|
height: 4px;
|
|
background-color: currentColor;
|
|
border-radius: 20px;
|
|
top: 8px;
|
|
left: 8px;
|
|
box-shadow: 0 -5px 0, 0 5px 0;
|
|
}
|
|
}
|
|
|
|
.gg-more-vertical-r {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 20px;
|
|
height: 24px;
|
|
border: 2px solid;
|
|
border-radius: 3px;
|
|
|
|
&::before {
|
|
content: "";
|
|
position: absolute;
|
|
box-sizing: border-box;
|
|
display: block;
|
|
width: 4px;
|
|
height: 4px;
|
|
background-color: currentColor;
|
|
border-radius: 20px;
|
|
top: 8px;
|
|
left: 6px;
|
|
box-shadow: 0 -5px 0, 0 5px 0;
|
|
}
|
|
}
|
|
|
|
.gg-more-vertical {
|
|
transform: scale(var(--ggs, 1));
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 6px;
|
|
height: 6px;
|
|
border: 2px solid;
|
|
border-radius: 100%;
|
|
|
|
&::after,
|
|
&::before {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 6px;
|
|
height: 6px;
|
|
border: 2px solid;
|
|
border-radius: 100%;
|
|
}
|
|
|
|
&::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 6px;
|
|
left: -2px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
position: absolute;
|
|
top: 6px;
|
|
left: -2px;
|
|
top: -10px;
|
|
}
|
|
}
|
|
|
|
.gg-more {
|
|
transform: scale(var(--ggs, 1));
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 6px;
|
|
height: 6px;
|
|
border: 2px solid;
|
|
border-radius: 100%;
|
|
|
|
&::after,
|
|
&::before {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 6px;
|
|
height: 6px;
|
|
border: 2px solid;
|
|
border-radius: 100%;
|
|
}
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
position: absolute;
|
|
top: -2px;
|
|
}
|
|
|
|
&::after {
|
|
left: -9px;
|
|
}
|
|
|
|
&::before {
|
|
right: -9px;
|
|
}
|
|
}
|
|
|
|
.gg-mouse {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 16px;
|
|
height: 24px;
|
|
border: 2px solid;
|
|
border-radius: 10px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-radius: 3px;
|
|
width: 2px;
|
|
height: 6px;
|
|
background: currentColor;
|
|
top: 3px;
|
|
left: 5px;
|
|
}
|
|
}
|
|
|
|
.gg-move-down {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 10px;
|
|
height: 8px;
|
|
border-left: 2px solid;
|
|
border-right: 2px solid;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
background: currentColor;
|
|
left: 2px;
|
|
top: 0;
|
|
width: 2px;
|
|
height: 12px;
|
|
}
|
|
|
|
&::after {
|
|
width: 0;
|
|
height: 0;
|
|
border-left: 3px solid transparent;
|
|
border-right: 3px solid transparent;
|
|
border-top: 5px solid;
|
|
bottom: -7px;
|
|
}
|
|
}
|
|
|
|
.gg-move-left {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 8px;
|
|
height: 10px;
|
|
border-top: 2px solid;
|
|
border-bottom: 2px solid;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
background: currentColor;
|
|
right: 0;
|
|
top: 2px;
|
|
width: 12px;
|
|
height: 2px;
|
|
}
|
|
|
|
&::after {
|
|
width: 0;
|
|
height: 0;
|
|
border-top: 3px solid transparent;
|
|
border-bottom: 3px solid transparent;
|
|
border-right: 5px solid;
|
|
left: -7px;
|
|
}
|
|
}
|
|
|
|
.gg-move-right {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 8px;
|
|
height: 10px;
|
|
border-top: 2px solid;
|
|
border-bottom: 2px solid;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
background: currentColor;
|
|
left: 0;
|
|
top: 2px;
|
|
width: 12px;
|
|
height: 2px;
|
|
}
|
|
|
|
&::after {
|
|
width: 0;
|
|
height: 0;
|
|
border-top: 3px solid transparent;
|
|
border-bottom: 3px solid transparent;
|
|
border-left: 5px solid;
|
|
right: -7px;
|
|
}
|
|
}
|
|
|
|
.gg-move-task {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 8px;
|
|
height: 10px;
|
|
border-top: 2px solid;
|
|
border-bottom: 2px solid;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
background: currentColor;
|
|
top: 2px;
|
|
width: 8px;
|
|
height: 2px;
|
|
left: 0;
|
|
}
|
|
|
|
&::after {
|
|
width: 0;
|
|
height: 0;
|
|
border-top: 3px solid transparent;
|
|
border-bottom: 3px solid transparent;
|
|
border-left: 5px solid;
|
|
left: -6px;
|
|
}
|
|
}
|
|
|
|
.gg-move-up {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 10px;
|
|
height: 8px;
|
|
border-left: 2px solid;
|
|
border-right: 2px solid;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
background: currentColor;
|
|
left: 2px;
|
|
bottom: 0;
|
|
width: 2px;
|
|
height: 12px;
|
|
}
|
|
|
|
&::after {
|
|
width: 0;
|
|
height: 0;
|
|
border-left: 3px solid transparent;
|
|
border-right: 3px solid transparent;
|
|
border-bottom: 5px solid;
|
|
top: -7px;
|
|
}
|
|
}
|
|
|
|
.gg-music-note {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 2px;
|
|
height: 14px;
|
|
background: currentColor;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border: 2px solid;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border: 2px solid;
|
|
bottom: -4px;
|
|
width: 8px;
|
|
height: 8px;
|
|
left: -6px;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
&::after {
|
|
width: 10px;
|
|
height: 6px;
|
|
top: -4px;
|
|
left: 0;
|
|
border-radius: 2px;
|
|
transform: skewY(-15deg);
|
|
}
|
|
}
|
|
|
|
.gg-music-speaker {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 16px;
|
|
height: 22px;
|
|
border: 2px solid;
|
|
border-radius: 3px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border: 2px solid;
|
|
border-radius: 100px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border: 2px solid;
|
|
border-radius: 100px;
|
|
bottom: 2px;
|
|
width: 8px;
|
|
height: 8px;
|
|
left: 2px;
|
|
}
|
|
|
|
&::after {
|
|
width: 4px;
|
|
height: 4px;
|
|
left: 4px;
|
|
top: 2px;
|
|
}
|
|
}
|
|
|
|
.gg-music {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
border: 2px solid;
|
|
|
|
&::after,
|
|
&::before {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
border: 2px solid;
|
|
}
|
|
|
|
border-top-left-radius: 4px;
|
|
border-top-right-radius: 4px;
|
|
border-bottom: 0;
|
|
margin-top: -4px;
|
|
position: relative;
|
|
transform: skewY(-15deg) scale(var(--ggs, 1));
|
|
width: 14px;
|
|
height: 16px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
position: absolute;
|
|
width: 7px;
|
|
height: 7px;
|
|
top: 9px;
|
|
left: -7px;
|
|
transform: skewY(15deg);
|
|
border-radius: 10px;
|
|
}
|
|
|
|
&::after {
|
|
left: 5px;
|
|
}
|
|
}
|
|
|
|
.gg-nametag {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 6px;
|
|
height: 6px;
|
|
border: 2px solid;
|
|
transform: scale(var(--ggs, 1));
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 12px;
|
|
height: 12px;
|
|
box-shadow: -5px -5px 0 -3px, 5px 5px 0 -3px, 5px -5px 0 -3px,
|
|
-5px 5px 0 -3px;
|
|
left: -5px;
|
|
top: -5px;
|
|
}
|
|
}
|
|
|
|
.gg-notes {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 20px;
|
|
height: 22px;
|
|
border: 2px solid;
|
|
border-radius: 3px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-radius: 3px;
|
|
height: 2px;
|
|
background: currentColor;
|
|
left: 2px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-radius: 3px;
|
|
height: 2px;
|
|
background: currentColor;
|
|
left: 2px;
|
|
box-shadow: 0 4px 0, 0 8px 0;
|
|
width: 12px;
|
|
top: 2px;
|
|
}
|
|
|
|
&::after {
|
|
width: 6px;
|
|
top: 14px;
|
|
}
|
|
}
|
|
|
|
.gg-notifications {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 14px;
|
|
height: 14px;
|
|
background: linear-gradient(to left, currentColor 10px, transparent 0)
|
|
no-repeat right (bottom / 2px) 8px,
|
|
linear-gradient(to left, currentColor 10px, transparent 0) no-repeat left
|
|
(top / 8px) 2px;
|
|
|
|
&::after {
|
|
content: "";
|
|
position: absolute;
|
|
display: block;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
position: absolute;
|
|
display: block;
|
|
box-sizing: border-box;
|
|
width: 14px;
|
|
height: 14px;
|
|
border-left: 2px solid;
|
|
border-bottom: 2px solid;
|
|
}
|
|
|
|
&::after {
|
|
width: 6px;
|
|
height: 6px;
|
|
border-radius: 4px;
|
|
background: currentColor;
|
|
top: -2px;
|
|
right: -2px;
|
|
}
|
|
}
|
|
|
|
.gg-npm {
|
|
box-sizing: border-box;
|
|
display: block;
|
|
|
|
&::before {
|
|
box-sizing: border-box;
|
|
display: block;
|
|
content: "";
|
|
position: absolute;
|
|
width: 3px;
|
|
height: 12px;
|
|
background: currentColor;
|
|
bottom: -3px;
|
|
right: 3px;
|
|
}
|
|
|
|
position: relative;
|
|
width: 18px;
|
|
height: 18px;
|
|
transform: scale(var(--ggs, 1));
|
|
border: 3px solid;
|
|
border-radius: 2px;
|
|
}
|
|
|
|
.gg-oculus {
|
|
display: block;
|
|
position: relative;
|
|
box-sizing: border-box;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 20px;
|
|
height: 12px;
|
|
border: 4px solid;
|
|
border-radius: 22px;
|
|
}
|
|
|
|
.gg-open-collective {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
border-radius: 22px;
|
|
|
|
&::before {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
border-radius: 22px;
|
|
content: "";
|
|
position: absolute;
|
|
width: 14px;
|
|
height: 14px;
|
|
border: 3px solid transparent;
|
|
border-right: 3px solid;
|
|
top: -1px;
|
|
right: -3px;
|
|
opacity: 0.5;
|
|
}
|
|
|
|
position: relative;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 18px;
|
|
height: 18px;
|
|
border: 3px solid;
|
|
border-right-color: transparent;
|
|
}
|
|
|
|
.gg-options {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 10px;
|
|
height: 2px;
|
|
box-shadow: -3px 4px 0 0, 3px -4px 0 0;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 8px;
|
|
height: 8px;
|
|
border: 2px solid;
|
|
border-radius: 100%;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 8px;
|
|
height: 8px;
|
|
border: 2px solid;
|
|
border-radius: 100%;
|
|
top: -7px;
|
|
left: -4px;
|
|
}
|
|
|
|
&::after {
|
|
bottom: -7px;
|
|
right: -4px;
|
|
}
|
|
}
|
|
|
|
.gg-organisation {
|
|
background: linear-gradient(to bottom, currentColor 5px, transparent 0)
|
|
no-repeat center 2px / 12px 2px,
|
|
linear-gradient(to bottom, currentColor 5px, transparent 0) no-repeat center
|
|
6px / 12px 2px,
|
|
linear-gradient(to bottom, currentColor 5px, transparent 0) no-repeat center
|
|
10px / 12px 2px,
|
|
linear-gradient(to bottom, currentColor 18px, transparent 0) no-repeat
|
|
(center / 2px) 18px;
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 12px;
|
|
height: 18px;
|
|
border: 2px solid;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
background: currentColor;
|
|
right: -8px;
|
|
top: 6px;
|
|
box-shadow: 0 4px 0, -4px 4px 0, -4px 0 0;
|
|
width: 2px;
|
|
height: 2px;
|
|
}
|
|
|
|
&::after {
|
|
width: 12px;
|
|
height: 14px;
|
|
border: 2px solid;
|
|
left: 8px;
|
|
bottom: -2px;
|
|
}
|
|
}
|
|
|
|
.gg-overflow {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 16px;
|
|
height: 16px;
|
|
border-radius: 20px;
|
|
border-bottom: 8px solid;
|
|
|
|
&::after {
|
|
content: "";
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
display: block;
|
|
border-radius: 20px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
display: block;
|
|
border-radius: 20px;
|
|
width: 20px;
|
|
height: 20px;
|
|
border-bottom: 10px solid;
|
|
opacity: 0.6;
|
|
left: -2px;
|
|
top: -2px;
|
|
}
|
|
|
|
&::after {
|
|
width: 16px;
|
|
height: 16px;
|
|
border-top: 8px solid;
|
|
opacity: 0.2;
|
|
left: 0;
|
|
top: 0;
|
|
}
|
|
}
|
|
|
|
.gg-pacman {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: rotate(45deg) scale(var(--ggs, 1));
|
|
width: 10px;
|
|
height: 10px;
|
|
border-bottom: 2px solid;
|
|
border-left: 2px solid;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
box-sizing: border-box;
|
|
background: currentColor;
|
|
top: 5px;
|
|
border-radius: 3px;
|
|
width: 2px;
|
|
height: 2px;
|
|
left: -5px;
|
|
}
|
|
|
|
&::after {
|
|
width: 18px;
|
|
height: 18px;
|
|
border: 2px solid;
|
|
border-radius: 100px;
|
|
border-right-color: transparent;
|
|
left: -10px;
|
|
transform: rotate(-45deg);
|
|
}
|
|
}
|
|
|
|
.gg-password {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 30px;
|
|
height: 12px;
|
|
border: 2px solid;
|
|
border-radius: 3px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 4px;
|
|
background: currentColor;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 4px;
|
|
background: currentColor;
|
|
left: 2px;
|
|
top: 2px;
|
|
box-shadow: 6px 0 0, 12px 0 0;
|
|
height: 4px;
|
|
border-radius: 100%;
|
|
}
|
|
|
|
&::after {
|
|
height: 2px;
|
|
right: 2px;
|
|
bottom: 2px;
|
|
}
|
|
}
|
|
|
|
.gg-path-back {
|
|
display: block;
|
|
position: relative;
|
|
box-sizing: border-box;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 14px;
|
|
height: 14px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
position: absolute;
|
|
display: block;
|
|
box-sizing: border-box;
|
|
width: 10px;
|
|
height: 10px;
|
|
}
|
|
|
|
&::after {
|
|
border: 2px solid;
|
|
}
|
|
|
|
&::before {
|
|
border-right: 5px solid;
|
|
border-bottom: 5px solid;
|
|
bottom: 0;
|
|
right: 0;
|
|
}
|
|
}
|
|
|
|
.gg-path-crop {
|
|
display: block;
|
|
position: relative;
|
|
box-sizing: border-box;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 14px;
|
|
height: 14px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
position: absolute;
|
|
display: block;
|
|
box-sizing: border-box;
|
|
border: 2px solid;
|
|
width: 10px;
|
|
height: 10px;
|
|
}
|
|
|
|
&::after {
|
|
opacity: 0.5;
|
|
}
|
|
|
|
&::before {
|
|
background: linear-gradient(to left, currentColor 4px, transparent 0)
|
|
no-repeat top (left / 4px) 4px;
|
|
bottom: 0;
|
|
right: 0;
|
|
}
|
|
}
|
|
|
|
.gg-path-divide {
|
|
display: block;
|
|
position: relative;
|
|
box-sizing: border-box;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 14px;
|
|
height: 14px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
position: absolute;
|
|
display: block;
|
|
box-sizing: border-box;
|
|
width: 10px;
|
|
height: 10px;
|
|
}
|
|
|
|
&::after {
|
|
border-top: 4px solid;
|
|
border-left: 4px solid;
|
|
}
|
|
|
|
&::before {
|
|
background: linear-gradient(to left, currentColor 4px, transparent 0)
|
|
no-repeat 1px 1px / 4px 4px;
|
|
border-right: 4px solid;
|
|
border-bottom: 4px solid;
|
|
bottom: 0;
|
|
right: 0;
|
|
}
|
|
}
|
|
|
|
.gg-path-exclude {
|
|
display: block;
|
|
position: relative;
|
|
box-sizing: border-box;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 14px;
|
|
height: 14px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
position: absolute;
|
|
display: block;
|
|
box-sizing: border-box;
|
|
width: 10px;
|
|
height: 10px;
|
|
}
|
|
|
|
&::after {
|
|
border-top: 4px solid;
|
|
border-left: 4px solid;
|
|
}
|
|
|
|
&::before {
|
|
border-right: 4px solid;
|
|
border-bottom: 4px solid;
|
|
bottom: 0;
|
|
right: 0;
|
|
}
|
|
}
|
|
|
|
.gg-path-front {
|
|
display: block;
|
|
position: relative;
|
|
box-sizing: border-box;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 14px;
|
|
height: 14px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
position: absolute;
|
|
display: block;
|
|
box-sizing: border-box;
|
|
width: 10px;
|
|
height: 10px;
|
|
}
|
|
|
|
&::after {
|
|
border-left: 5px solid;
|
|
border-top: 5px solid;
|
|
}
|
|
|
|
&::before {
|
|
border: 2px solid;
|
|
bottom: 0;
|
|
right: 0;
|
|
}
|
|
}
|
|
|
|
.gg-path-intersect {
|
|
display: block;
|
|
position: relative;
|
|
box-sizing: border-box;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 14px;
|
|
height: 14px;
|
|
|
|
&::after {
|
|
content: "";
|
|
position: absolute;
|
|
display: block;
|
|
box-sizing: border-box;
|
|
border: 2px solid;
|
|
width: 10px;
|
|
height: 10px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
position: absolute;
|
|
display: block;
|
|
box-sizing: border-box;
|
|
border: 2px solid;
|
|
width: 10px;
|
|
height: 10px;
|
|
background: linear-gradient(to left, currentColor 4px, transparent 0)
|
|
no-repeat top (left / 4px) 4px;
|
|
bottom: 0;
|
|
right: 0;
|
|
}
|
|
}
|
|
|
|
.gg-path-outline {
|
|
display: block;
|
|
position: relative;
|
|
box-sizing: border-box;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 14px;
|
|
height: 14px;
|
|
|
|
&::after {
|
|
content: "";
|
|
position: absolute;
|
|
display: block;
|
|
box-sizing: border-box;
|
|
border: 2px solid;
|
|
width: 10px;
|
|
height: 10px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
position: absolute;
|
|
display: block;
|
|
box-sizing: border-box;
|
|
border: 2px solid;
|
|
width: 10px;
|
|
height: 10px;
|
|
bottom: 0;
|
|
right: 0;
|
|
}
|
|
}
|
|
|
|
.gg-path-trim {
|
|
display: block;
|
|
position: relative;
|
|
box-sizing: border-box;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 14px;
|
|
height: 14px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
position: absolute;
|
|
display: block;
|
|
box-sizing: border-box;
|
|
width: 10px;
|
|
height: 10px;
|
|
}
|
|
|
|
&::after {
|
|
border-left: 3px solid;
|
|
border-top: 3px solid;
|
|
}
|
|
|
|
&::before {
|
|
background: currentColor;
|
|
bottom: 0;
|
|
right: 0;
|
|
}
|
|
}
|
|
|
|
.gg-path-unite {
|
|
display: block;
|
|
position: relative;
|
|
box-sizing: border-box;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 14px;
|
|
height: 14px;
|
|
|
|
&::after {
|
|
content: "";
|
|
position: absolute;
|
|
display: block;
|
|
box-sizing: border-box;
|
|
background: currentColor;
|
|
width: 10px;
|
|
height: 10px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
position: absolute;
|
|
display: block;
|
|
box-sizing: border-box;
|
|
background: currentColor;
|
|
width: 10px;
|
|
height: 10px;
|
|
bottom: 0;
|
|
right: 0;
|
|
}
|
|
}
|
|
|
|
.gg-patreon {
|
|
transform: scale(var(--ggs, 1));
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 4px;
|
|
height: 16px;
|
|
background: currentColor;
|
|
left: -6px;
|
|
|
|
&::after {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 4px;
|
|
height: 16px;
|
|
background: currentColor;
|
|
left: -6px;
|
|
content: "";
|
|
position: absolute;
|
|
width: 12px;
|
|
height: 12px;
|
|
opacity: 0.5;
|
|
border-radius: 100px;
|
|
left: 6px;
|
|
}
|
|
}
|
|
|
|
.gg-paypal {
|
|
position: relative;
|
|
box-sizing: border-box;
|
|
display: block;
|
|
width: 16px;
|
|
height: 18px;
|
|
transform: skew(-10deg) scale(var(--ggs, 1));
|
|
background: linear-gradient(to left, currentColor 20px, transparent 0)
|
|
no-repeat 3px (bottom / 4px) 2px,
|
|
linear-gradient(to left, currentColor 20px, transparent 0) no-repeat 5px
|
|
(bottom / 3px) 10px;
|
|
|
|
&::after {
|
|
content: "";
|
|
box-sizing: border-box;
|
|
display: block;
|
|
position: absolute;
|
|
border: 2px solid;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
box-sizing: border-box;
|
|
display: block;
|
|
position: absolute;
|
|
border: 2px solid;
|
|
width: 8px;
|
|
height: 10px;
|
|
border-top-right-radius: 10px;
|
|
border-bottom-right-radius: 10px;
|
|
border-left: 0;
|
|
left: 5px;
|
|
box-shadow: 2px 2px 0;
|
|
}
|
|
|
|
&::after {
|
|
width: 6px;
|
|
height: 16px;
|
|
border-right: 0;
|
|
}
|
|
}
|
|
|
|
.gg-pen {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: rotate(-45deg) scale(var(--ggs, 1));
|
|
width: 14px;
|
|
height: 4px;
|
|
border-right: 2px solid transparent;
|
|
box-shadow: 0 0 0 2px, inset -2px 0 0;
|
|
border-top-right-radius: 1px;
|
|
border-bottom-right-radius: 1px;
|
|
margin-right: -2px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
background: currentColor;
|
|
border-left: 0;
|
|
right: -6px;
|
|
width: 3px;
|
|
height: 4px;
|
|
border-radius: 1px;
|
|
top: 0;
|
|
}
|
|
|
|
&::after {
|
|
width: 8px;
|
|
height: 7px;
|
|
border-top: 4px solid transparent;
|
|
border-bottom: 4px solid transparent;
|
|
border-right: 7px solid;
|
|
left: -11px;
|
|
top: -2px;
|
|
}
|
|
}
|
|
|
|
.gg-pentagon-bottom-left {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: rotate(45deg) scale(var(--ggs, 1));
|
|
width: 10px;
|
|
height: 10px;
|
|
|
|
&:before {
|
|
width: 51%;
|
|
}
|
|
|
|
&:after {
|
|
content: " ";
|
|
position: absolute;
|
|
top: 0;
|
|
height: 100%;
|
|
}
|
|
|
|
&:before {
|
|
content: " ";
|
|
position: absolute;
|
|
top: 0;
|
|
height: 100%;
|
|
left: -2px;
|
|
border-top: 2px solid;
|
|
border-left: 2px solid;
|
|
border-bottom: 2px solid;
|
|
transform: skew(0deg, 30deg);
|
|
}
|
|
|
|
&:after {
|
|
right: -2px;
|
|
width: 50%;
|
|
border-right: 2px solid;
|
|
border-bottom: 2px solid;
|
|
border-top: 2px solid;
|
|
transform: skew(0deg, -30deg);
|
|
}
|
|
}
|
|
|
|
.gg-pentagon-bottom-right {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: rotate(-45deg) scale(var(--ggs, 1));
|
|
width: 10px;
|
|
height: 10px;
|
|
|
|
&:before {
|
|
width: 51%;
|
|
}
|
|
|
|
&:after {
|
|
content: " ";
|
|
position: absolute;
|
|
top: 0;
|
|
height: 100%;
|
|
}
|
|
|
|
&:before {
|
|
content: " ";
|
|
position: absolute;
|
|
top: 0;
|
|
height: 100%;
|
|
left: -2px;
|
|
border-top: 2px solid;
|
|
border-left: 2px solid;
|
|
border-bottom: 2px solid;
|
|
transform: skew(0deg, 30deg);
|
|
}
|
|
|
|
&:after {
|
|
right: -2px;
|
|
width: 50%;
|
|
border-right: 2px solid;
|
|
border-bottom: 2px solid;
|
|
border-top: 2px solid;
|
|
transform: skew(0deg, -30deg);
|
|
}
|
|
}
|
|
|
|
.gg-pentagon-down {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 10px;
|
|
height: 10px;
|
|
|
|
&:before {
|
|
width: 51%;
|
|
}
|
|
|
|
&:after {
|
|
content: " ";
|
|
position: absolute;
|
|
top: 0;
|
|
height: 100%;
|
|
}
|
|
|
|
&:before {
|
|
content: " ";
|
|
position: absolute;
|
|
top: 0;
|
|
height: 100%;
|
|
left: -2px;
|
|
border-top: 2px solid;
|
|
border-left: 2px solid;
|
|
border-bottom: 2px solid;
|
|
transform: skew(0deg, 30deg);
|
|
}
|
|
|
|
&:after {
|
|
right: -2px;
|
|
width: 50%;
|
|
border-right: 2px solid;
|
|
border-bottom: 2px solid;
|
|
border-top: 2px solid;
|
|
transform: skew(0deg, -30deg);
|
|
}
|
|
}
|
|
|
|
.gg-pentagon-left {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 10px;
|
|
height: 8px;
|
|
|
|
&:before {
|
|
height: 51%;
|
|
}
|
|
|
|
&:after {
|
|
content: " ";
|
|
position: absolute;
|
|
left: 0;
|
|
width: 100%;
|
|
}
|
|
|
|
&:before {
|
|
content: " ";
|
|
position: absolute;
|
|
left: 0;
|
|
width: 100%;
|
|
top: -2px;
|
|
border-top: 2px solid;
|
|
border-right: 2px solid;
|
|
border-left: 2px solid;
|
|
transform: skewX(-30deg);
|
|
}
|
|
|
|
&:after {
|
|
bottom: -2px;
|
|
height: 50%;
|
|
border-right: 2px solid;
|
|
border-bottom: 2px solid;
|
|
border-left: 2px solid;
|
|
transform: skewX(30deg);
|
|
}
|
|
}
|
|
|
|
.gg-pentagon-right {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 10px;
|
|
height: 8px;
|
|
|
|
&:before {
|
|
height: 51%;
|
|
}
|
|
|
|
&:after {
|
|
content: " ";
|
|
position: absolute;
|
|
left: 0;
|
|
width: 100%;
|
|
}
|
|
|
|
&:before {
|
|
content: " ";
|
|
position: absolute;
|
|
left: 0;
|
|
width: 100%;
|
|
top: -2px;
|
|
border-top: 2px solid;
|
|
border-right: 2px solid;
|
|
border-left: 2px solid;
|
|
transform: skewX(30deg);
|
|
}
|
|
|
|
&:after {
|
|
bottom: -2px;
|
|
height: 50%;
|
|
border-right: 2px solid;
|
|
border-bottom: 2px solid;
|
|
border-left: 2px solid;
|
|
transform: skewX(-30deg);
|
|
}
|
|
}
|
|
|
|
.gg-pentagon-top-left {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: rotate(45deg) scale(var(--ggs, 1));
|
|
width: 10px;
|
|
height: 8px;
|
|
|
|
&:before {
|
|
height: 51%;
|
|
}
|
|
|
|
&:after {
|
|
content: " ";
|
|
position: absolute;
|
|
left: 0;
|
|
width: 100%;
|
|
}
|
|
|
|
&:before {
|
|
content: " ";
|
|
position: absolute;
|
|
left: 0;
|
|
width: 100%;
|
|
top: -2px;
|
|
border-top: 2px solid;
|
|
border-right: 2px solid;
|
|
border-left: 2px solid;
|
|
transform: skewX(-30deg);
|
|
}
|
|
|
|
&:after {
|
|
bottom: -2px;
|
|
height: 50%;
|
|
border-right: 2px solid;
|
|
border-bottom: 2px solid;
|
|
border-left: 2px solid;
|
|
transform: skewX(30deg);
|
|
}
|
|
}
|
|
|
|
.gg-pentagon-top-right {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: rotate(-45deg) scale(var(--ggs, 1));
|
|
width: 10px;
|
|
height: 8px;
|
|
|
|
&:before {
|
|
height: 51%;
|
|
}
|
|
|
|
&:after {
|
|
content: " ";
|
|
position: absolute;
|
|
left: 0;
|
|
width: 100%;
|
|
}
|
|
|
|
&:before {
|
|
content: " ";
|
|
position: absolute;
|
|
left: 0;
|
|
width: 100%;
|
|
top: -2px;
|
|
border-top: 2px solid;
|
|
border-right: 2px solid;
|
|
border-left: 2px solid;
|
|
transform: skewX(30deg);
|
|
}
|
|
|
|
&:after {
|
|
bottom: -2px;
|
|
height: 50%;
|
|
border-right: 2px solid;
|
|
border-bottom: 2px solid;
|
|
border-left: 2px solid;
|
|
transform: skewX(-30deg);
|
|
}
|
|
}
|
|
|
|
.gg-pentagon-up {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 10px;
|
|
height: 10px;
|
|
|
|
&:before {
|
|
width: 51%;
|
|
}
|
|
|
|
&:after {
|
|
content: " ";
|
|
position: absolute;
|
|
top: 0;
|
|
height: 100%;
|
|
}
|
|
|
|
&:before {
|
|
content: " ";
|
|
position: absolute;
|
|
top: 0;
|
|
height: 100%;
|
|
left: -2px;
|
|
border-top: 2px solid;
|
|
border-left: 2px solid;
|
|
border-bottom: 2px solid;
|
|
transform: skew(0deg, -30deg);
|
|
}
|
|
|
|
&:after {
|
|
right: -2px;
|
|
width: 50%;
|
|
border-right: 2px solid;
|
|
border-bottom: 2px solid;
|
|
border-top: 2px solid;
|
|
transform: skew(0deg, 30deg);
|
|
}
|
|
}
|
|
|
|
.gg-performance {
|
|
background: linear-gradient(to left, currentColor 8px, transparent 0)
|
|
no-repeat (center / 2px) 6px;
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 22px;
|
|
height: 22px;
|
|
border: 2px solid;
|
|
border-radius: 100px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
border: 2px solid;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
border: 2px solid;
|
|
bottom: 2px;
|
|
width: 2px;
|
|
height: 2px;
|
|
box-sizing: content-box;
|
|
border-radius: 100px;
|
|
left: 6px;
|
|
}
|
|
|
|
&::after {
|
|
box-sizing: border-box;
|
|
border-radius: 3px;
|
|
width: 14px;
|
|
height: 8px;
|
|
border-top-left-radius: 100px;
|
|
border-top-right-radius: 100px;
|
|
border-bottom: 0;
|
|
top: 2px;
|
|
left: 2px;
|
|
}
|
|
}
|
|
|
|
.gg-pexels {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 6px;
|
|
height: 14px;
|
|
border: 2px solid;
|
|
border-right: 0;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 5px;
|
|
height: 10px;
|
|
border: 2px solid;
|
|
border-top-right-radius: 100px;
|
|
border-bottom-right-radius: 100px;
|
|
border-left: 0;
|
|
right: -5px;
|
|
top: -2px;
|
|
}
|
|
|
|
&::after {
|
|
background: currentColor;
|
|
width: 2px;
|
|
height: 6px;
|
|
bottom: -2px;
|
|
right: -1px;
|
|
}
|
|
}
|
|
|
|
.gg-phone {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 22px;
|
|
height: 22px;
|
|
transform: scale(var(--ggs, 1));
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
}
|
|
|
|
&::after {
|
|
width: 18px;
|
|
height: 18px;
|
|
border-top-left-radius: 1px;
|
|
border-bottom-right-radius: 1px;
|
|
border-bottom-left-radius: 12px;
|
|
border-left: 4px solid;
|
|
border-bottom: 4px solid;
|
|
left: 2px;
|
|
bottom: 2px;
|
|
background: linear-gradient(to left, currentColor 10px, transparent 0)
|
|
no-repeat right 11px / 6px 4px,
|
|
linear-gradient(to left, currentColor 10px, transparent 0) no-repeat -1px 0 /
|
|
4px 6px;
|
|
}
|
|
|
|
&::before {
|
|
width: 20px;
|
|
height: 20px;
|
|
border: 6px double;
|
|
border-top-color: transparent;
|
|
border-bottom-color: transparent;
|
|
border-left-color: transparent;
|
|
border-radius: 50%;
|
|
transform: rotate(-45deg);
|
|
bottom: 2px;
|
|
left: 2px;
|
|
}
|
|
}
|
|
|
|
.gg-photoscan {
|
|
box-sizing: border-box;
|
|
display: block;
|
|
position: relative;
|
|
transform: scale(var(--ggs, 1));
|
|
border-radius: 2px;
|
|
width: 14px;
|
|
height: 18px;
|
|
border: 2px solid;
|
|
border-bottom: 4px solid;
|
|
|
|
&::before {
|
|
content: "";
|
|
position: absolute;
|
|
box-sizing: border-box;
|
|
display: block;
|
|
width: 4px;
|
|
height: 4px;
|
|
border-radius: 20px;
|
|
box-shadow: 0 0 0 2px, inset 0 0 0 2px;
|
|
border: 1px solid transparent;
|
|
}
|
|
}
|
|
|
|
.gg-piano {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 23px;
|
|
height: 18px;
|
|
border: 2px solid;
|
|
border-radius: 2px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
height: 10px;
|
|
background: currentColor;
|
|
box-shadow: 5px 0 0, 10px 0 0;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
height: 10px;
|
|
background: currentColor;
|
|
box-shadow: 5px 0 0, 10px 0 0;
|
|
top: -2px;
|
|
width: 3px;
|
|
left: 3px;
|
|
}
|
|
|
|
&::after {
|
|
width: 1px;
|
|
bottom: -2px;
|
|
left: 4px;
|
|
}
|
|
}
|
|
|
|
.gg-pill {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
width: 12px;
|
|
|
|
&::after {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
width: 12px;
|
|
content: "";
|
|
position: absolute;
|
|
height: 12px;
|
|
background: currentColor;
|
|
left: -2px;
|
|
bottom: -12px;
|
|
border-bottom-left-radius: 140px;
|
|
border-bottom-right-radius: 140px;
|
|
}
|
|
|
|
border-top-left-radius: 140px;
|
|
border-top-right-radius: 140px;
|
|
border: 2px solid;
|
|
transform: rotate(45deg) scale(var(--ggs, 1));
|
|
position: relative;
|
|
height: 14px;
|
|
}
|
|
|
|
.gg-pin-alt {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 2px;
|
|
height: 8px;
|
|
border-radius: 3px;
|
|
transform: scale(var(--ggs, 1));
|
|
background: currentColor;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 12px;
|
|
height: 12px;
|
|
border: 6px double;
|
|
border-radius: 100px;
|
|
top: -10px;
|
|
left: -5px;
|
|
}
|
|
}
|
|
|
|
.gg-pin-bottom {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 2px;
|
|
height: 8px;
|
|
background: currentColor;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
}
|
|
|
|
&::after {
|
|
background: currentColor;
|
|
bottom: -2px;
|
|
border-radius: 3px;
|
|
width: 10px;
|
|
height: 2px;
|
|
left: -4px;
|
|
}
|
|
|
|
&::before {
|
|
width: 8px;
|
|
height: 8px;
|
|
border: 6px double;
|
|
border-radius: 100px;
|
|
top: -10px;
|
|
left: -5px;
|
|
}
|
|
}
|
|
|
|
.gg-pin-top {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 2px;
|
|
height: 8px;
|
|
background: currentColor;
|
|
margin-top: -8px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
}
|
|
|
|
&::after {
|
|
background: currentColor;
|
|
top: -2px;
|
|
border-radius: 3px;
|
|
width: 10px;
|
|
height: 2px;
|
|
left: -4px;
|
|
}
|
|
|
|
&::before {
|
|
width: 8px;
|
|
height: 8px;
|
|
border: 6px double;
|
|
border-radius: 100px;
|
|
bottom: -10px;
|
|
left: -5px;
|
|
}
|
|
}
|
|
|
|
.gg-pin {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: rotate(45deg) scale(var(--ggs, 1));
|
|
width: 18px;
|
|
height: 18px;
|
|
border-radius: 100% 100% 0 100%;
|
|
border: 2px solid;
|
|
margin-top: -4px;
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 8px;
|
|
height: 8px;
|
|
border: 2px solid;
|
|
top: 3px;
|
|
left: 3px;
|
|
border-radius: 40px;
|
|
}
|
|
}
|
|
|
|
.gg-play-backwards {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 3px;
|
|
height: 10px;
|
|
background: currentColor;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 0;
|
|
height: 10px;
|
|
border-top: 5px solid transparent;
|
|
border-bottom: 5px solid transparent;
|
|
border-right: 6px solid;
|
|
right: -7px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 0;
|
|
height: 10px;
|
|
border-top: 5px solid transparent;
|
|
border-bottom: 5px solid transparent;
|
|
border-right: 6px solid;
|
|
right: -7px;
|
|
right: -14px;
|
|
}
|
|
}
|
|
|
|
.gg-play-button-o {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 22px;
|
|
height: 22px;
|
|
border: 2px solid;
|
|
border-radius: 20px;
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 0;
|
|
height: 10px;
|
|
border-top: 5px solid transparent;
|
|
border-bottom: 5px solid transparent;
|
|
border-left: 6px solid;
|
|
top: 4px;
|
|
left: 7px;
|
|
}
|
|
}
|
|
|
|
.gg-play-button-r {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 22px;
|
|
height: 22px;
|
|
border: 2px solid;
|
|
border-radius: 4px;
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 0;
|
|
height: 10px;
|
|
border-top: 5px solid transparent;
|
|
border-bottom: 5px solid transparent;
|
|
border-left: 6px solid;
|
|
top: 4px;
|
|
left: 7px;
|
|
}
|
|
}
|
|
|
|
.gg-play-button {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 22px;
|
|
height: 22px;
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 0;
|
|
height: 10px;
|
|
border-top: 5px solid transparent;
|
|
border-bottom: 5px solid transparent;
|
|
border-left: 6px solid;
|
|
top: 6px;
|
|
left: 9px;
|
|
}
|
|
}
|
|
|
|
.gg-play-forwards {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 3px;
|
|
height: 10px;
|
|
background: currentColor;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 0;
|
|
height: 10px;
|
|
border-top: 5px solid transparent;
|
|
border-bottom: 5px solid transparent;
|
|
border-left: 6px solid;
|
|
left: -7px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 0;
|
|
height: 10px;
|
|
border-top: 5px solid transparent;
|
|
border-bottom: 5px solid transparent;
|
|
border-left: 6px solid;
|
|
left: -7px;
|
|
left: -14px;
|
|
}
|
|
}
|
|
|
|
.gg-play-list-add {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 12px;
|
|
height: 6px;
|
|
border-top: 0 solid transparent;
|
|
border-bottom: 2px solid transparent;
|
|
box-shadow: inset 0 -2px 0, -2px 4px 0 -2px, 0 -2px 0 0;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 10px;
|
|
height: 2px;
|
|
background: currentColor;
|
|
top: 6px;
|
|
right: -8px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 10px;
|
|
height: 2px;
|
|
background: currentColor;
|
|
top: 6px;
|
|
right: -8px;
|
|
width: 2px;
|
|
height: 10px;
|
|
top: 2px;
|
|
right: -4px;
|
|
}
|
|
}
|
|
|
|
.gg-play-list-check {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 12px;
|
|
height: 6px;
|
|
border-top: 0 solid transparent;
|
|
border-bottom: 2px solid transparent;
|
|
box-shadow: inset 0 -2px 0, -2px 4px 0 -2px, 0 -2px 0 0;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 5px;
|
|
height: 8px;
|
|
border-right: 2px solid;
|
|
border-bottom: 2px solid;
|
|
transform: rotate(45deg);
|
|
top: 2px;
|
|
right: -4px;
|
|
}
|
|
}
|
|
|
|
.gg-play-list-remove {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 12px;
|
|
height: 6px;
|
|
border-top: 0 solid transparent;
|
|
border-bottom: 2px solid transparent;
|
|
box-shadow: inset 0 -2px 0, -2px 4px 0 -2px, 0 -2px 0 0;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 8px;
|
|
height: 2px;
|
|
background: currentColor;
|
|
transform: rotate(-45deg);
|
|
top: 8px;
|
|
right: -4px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 8px;
|
|
height: 2px;
|
|
background: currentColor;
|
|
transform: rotate(-45deg);
|
|
top: 8px;
|
|
right: -4px;
|
|
width: 2px;
|
|
height: 8px;
|
|
top: 5px;
|
|
right: -1px;
|
|
}
|
|
}
|
|
|
|
.gg-play-list-search {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 12px;
|
|
height: 6px;
|
|
border-top: 0 solid transparent;
|
|
border-bottom: 2px solid transparent;
|
|
box-shadow: inset 0 -2px 0, -2px 4px 0 -2px, 0 -2px 0 0;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
bottom: -7px;
|
|
}
|
|
|
|
&::after {
|
|
width: 3px;
|
|
height: 2px;
|
|
background: currentColor;
|
|
transform: rotate(45deg);
|
|
right: -4px;
|
|
}
|
|
|
|
&::before {
|
|
width: 6px;
|
|
height: 6px;
|
|
border-radius: 4px;
|
|
border: 2px solid;
|
|
right: -3px;
|
|
}
|
|
}
|
|
|
|
.gg-play-list {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 12px;
|
|
height: 6px;
|
|
border-top: 0 solid transparent;
|
|
border-bottom: 2px solid transparent;
|
|
box-shadow: inset 0 -2px 0, -2px 4px 0 -2px, 0 -2px 0 0;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 0;
|
|
height: 0;
|
|
border-top: 3px solid transparent;
|
|
border-bottom: 3px solid transparent;
|
|
border-left: 5px solid;
|
|
top: 6px;
|
|
right: -3px;
|
|
}
|
|
}
|
|
|
|
.gg-play-pause-o {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 22px;
|
|
height: 22px;
|
|
border: 2px solid;
|
|
border-radius: 22px;
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 6px;
|
|
left: 6px;
|
|
top: 6px;
|
|
border-left: 2px solid;
|
|
border-right: 2px solid;
|
|
}
|
|
}
|
|
|
|
.gg-play-pause-r {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 22px;
|
|
height: 22px;
|
|
border: 2px solid;
|
|
border-radius: 4px;
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 6px;
|
|
left: 6px;
|
|
top: 6px;
|
|
border-left: 2px solid;
|
|
border-right: 2px solid;
|
|
}
|
|
}
|
|
|
|
.gg-play-pause {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 8px;
|
|
height: 10px;
|
|
border-left: 3px solid;
|
|
border-right: 3px solid;
|
|
}
|
|
|
|
.gg-play-stop-o {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 22px;
|
|
height: 22px;
|
|
border: 2px solid;
|
|
border-radius: 20px;
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 6px;
|
|
top: 6px;
|
|
left: 6px;
|
|
background: currentColor;
|
|
}
|
|
}
|
|
|
|
.gg-play-stop-r {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 22px;
|
|
height: 22px;
|
|
border: 2px solid;
|
|
border-radius: 4px;
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 6px;
|
|
top: 6px;
|
|
left: 6px;
|
|
background: currentColor;
|
|
}
|
|
}
|
|
|
|
.gg-play-stop {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 10px;
|
|
height: 10px;
|
|
background: currentColor;
|
|
}
|
|
|
|
.gg-play-track-next-o {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 22px;
|
|
height: 22px;
|
|
border: 2px solid;
|
|
border-radius: 20px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
height: 8px;
|
|
top: 5px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
height: 8px;
|
|
top: 5px;
|
|
width: 2px;
|
|
border-radius: 2px;
|
|
left: 11px;
|
|
background: currentColor;
|
|
}
|
|
|
|
&::after {
|
|
width: 0;
|
|
border-top: 4px solid transparent;
|
|
border-bottom: 4px solid transparent;
|
|
border-left: 5px solid;
|
|
left: 5px;
|
|
}
|
|
}
|
|
|
|
.gg-play-track-next-r {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 22px;
|
|
height: 22px;
|
|
border: 2px solid;
|
|
border-radius: 4px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
height: 8px;
|
|
top: 5px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
height: 8px;
|
|
top: 5px;
|
|
width: 2px;
|
|
border-radius: 2px;
|
|
left: 11px;
|
|
background: currentColor;
|
|
}
|
|
|
|
&::after {
|
|
width: 0;
|
|
border-top: 4px solid transparent;
|
|
border-bottom: 4px solid transparent;
|
|
border-left: 5px solid;
|
|
left: 5px;
|
|
}
|
|
}
|
|
|
|
.gg-play-track-next {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 3px;
|
|
height: 10px;
|
|
background: currentColor;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 0;
|
|
height: 10px;
|
|
border-top: 5px solid transparent;
|
|
border-bottom: 5px solid transparent;
|
|
border-left: 6px solid;
|
|
left: -7px;
|
|
}
|
|
}
|
|
|
|
.gg-play-track-prev-o {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 22px;
|
|
height: 22px;
|
|
border: 2px solid;
|
|
border-radius: 20px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
height: 8px;
|
|
top: 5px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
height: 8px;
|
|
top: 5px;
|
|
width: 2px;
|
|
border-radius: 2px;
|
|
right: 11px;
|
|
background: currentColor;
|
|
}
|
|
|
|
&::after {
|
|
width: 0;
|
|
border-top: 4px solid transparent;
|
|
border-bottom: 4px solid transparent;
|
|
border-right: 5px solid;
|
|
right: 5px;
|
|
}
|
|
}
|
|
|
|
.gg-play-track-prev-r {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 22px;
|
|
height: 22px;
|
|
border: 2px solid;
|
|
border-radius: 4px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
height: 8px;
|
|
top: 5px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
height: 8px;
|
|
top: 5px;
|
|
width: 2px;
|
|
border-radius: 2px;
|
|
right: 11px;
|
|
background: currentColor;
|
|
}
|
|
|
|
&::after {
|
|
width: 0;
|
|
border-top: 4px solid transparent;
|
|
border-bottom: 4px solid transparent;
|
|
border-right: 5px solid;
|
|
right: 5px;
|
|
}
|
|
}
|
|
|
|
.gg-play-track-prev {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 3px;
|
|
height: 10px;
|
|
background: currentColor;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 0;
|
|
height: 10px;
|
|
border-top: 5px solid transparent;
|
|
border-bottom: 5px solid transparent;
|
|
border-right: 6px solid;
|
|
right: -7px;
|
|
}
|
|
}
|
|
|
|
.gg-plug {
|
|
position: relative;
|
|
display: block;
|
|
box-sizing: border-box;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 12px;
|
|
height: 20px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 12px;
|
|
height: 10px;
|
|
border: 2px solid;
|
|
border-bottom-left-radius: 8px;
|
|
border-bottom-right-radius: 8px;
|
|
top: 5px;
|
|
}
|
|
|
|
&::after {
|
|
width: 2px;
|
|
height: 4px;
|
|
background: currentColor;
|
|
left: 2px;
|
|
border-radius: 22px;
|
|
box-shadow: 6px 0 0, 3px 14px 0, 3px 16px 0;
|
|
}
|
|
}
|
|
|
|
.gg-pocket {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 22px;
|
|
height: 20px;
|
|
border: 2px solid;
|
|
border-radius: 6px;
|
|
border-bottom-left-radius: 22px;
|
|
border-bottom-right-radius: 22px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-radius: 22px;
|
|
width: 8px;
|
|
height: 2px;
|
|
background: currentColor;
|
|
bottom: 7px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-radius: 22px;
|
|
width: 8px;
|
|
height: 2px;
|
|
background: currentColor;
|
|
bottom: 7px;
|
|
transform: rotate(-48deg);
|
|
right: 3px;
|
|
}
|
|
|
|
&::after {
|
|
transform: rotate(48deg);
|
|
left: 3px;
|
|
}
|
|
}
|
|
|
|
.gg-pokemon {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 18px;
|
|
height: 18px;
|
|
border: 5px solid transparent;
|
|
box-shadow: 0 0 0 2px, inset 0 0 0 2px;
|
|
border-radius: 100%;
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 20px;
|
|
height: 2px;
|
|
border-left: 8px solid;
|
|
border-right: 8px solid;
|
|
left: -6px;
|
|
top: 3px;
|
|
}
|
|
}
|
|
|
|
.gg-polaroid {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 18px;
|
|
height: 20px;
|
|
border: 2px solid;
|
|
border-radius: 2px;
|
|
box-shadow: inset 0 -5px 0;
|
|
}
|
|
|
|
.gg-poll {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 16px;
|
|
height: 16px;
|
|
border: 3px solid transparent;
|
|
border-top: 6px solid transparent;
|
|
box-shadow: 0 0 0 2px, inset 2px 0 0;
|
|
border-radius: 1px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 2px;
|
|
height: 10px;
|
|
background: currentColor;
|
|
top: -3px;
|
|
left: 4px;
|
|
}
|
|
|
|
&::after {
|
|
height: 4px;
|
|
top: 3px;
|
|
left: 8px;
|
|
}
|
|
}
|
|
|
|
.gg-presentation {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 20px;
|
|
height: 20px;
|
|
border: 2px solid;
|
|
border-radius: 22px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 12px;
|
|
height: 6px;
|
|
border: 2px solid;
|
|
border-top-left-radius: 100px;
|
|
border-top-right-radius: 100px;
|
|
top: 2px;
|
|
left: 2px;
|
|
border-bottom: 0;
|
|
}
|
|
|
|
&::after {
|
|
width: 18px;
|
|
height: 2px;
|
|
background: currentColor;
|
|
left: -1px;
|
|
top: 8px;
|
|
}
|
|
}
|
|
|
|
.gg-printer {
|
|
background: linear-gradient(to left, currentColor 5px, transparent 0)
|
|
no-repeat 0 10px / 6px 2px,
|
|
linear-gradient(to left, currentColor 5px, transparent 0) no-repeat 14px
|
|
10px / 6px 2px,
|
|
linear-gradient(to left, currentColor 5px, transparent 0) no-repeat 4px 4px /
|
|
2px 2px;
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 24px;
|
|
height: 14px;
|
|
border: 2px solid transparent;
|
|
border-bottom: 0;
|
|
box-shadow: inset 0 2px 0, inset 2px 2px 0, inset -2px 2px 0, inset -2px 2px 0;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 12px;
|
|
border: 2px solid;
|
|
left: 4px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 12px;
|
|
border: 2px solid;
|
|
left: 4px;
|
|
height: 6px;
|
|
top: -4px;
|
|
}
|
|
|
|
&::after {
|
|
height: 8px;
|
|
top: 8px;
|
|
}
|
|
}
|
|
|
|
.gg-product-hunt {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 18px;
|
|
height: 18px;
|
|
border: 2px solid;
|
|
border-radius: 100px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
top: 3px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
top: 3px;
|
|
border: 2px solid;
|
|
border-left: 0;
|
|
border-top-right-radius: 40px;
|
|
border-bottom-right-radius: 40px;
|
|
width: 6px;
|
|
height: 6px;
|
|
left: 5px;
|
|
}
|
|
|
|
&::after {
|
|
width: 2px;
|
|
height: 8px;
|
|
background: currentColor;
|
|
left: 4px;
|
|
}
|
|
}
|
|
|
|
.gg-profile {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
border: 2px solid;
|
|
border-radius: 100px;
|
|
|
|
&::after,
|
|
&::before {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
border: 2px solid;
|
|
border-radius: 100px;
|
|
}
|
|
|
|
overflow: hidden;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 22px;
|
|
height: 22px;
|
|
position: relative;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
position: absolute;
|
|
top: 2px;
|
|
left: 5px;
|
|
width: 8px;
|
|
height: 8px;
|
|
}
|
|
|
|
&::after {
|
|
border-radius: 200px;
|
|
top: 11px;
|
|
left: 0px;
|
|
width: 18px;
|
|
height: 18px;
|
|
}
|
|
}
|
|
|
|
.gg-pull-clear {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 20px;
|
|
height: 12px;
|
|
border: 2px solid;
|
|
border-top: 0;
|
|
border-bottom-left-radius: 2px;
|
|
border-bottom-right-radius: 2px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 12px;
|
|
height: 2px;
|
|
bottom: 2px;
|
|
left: 2px;
|
|
background: currentColor;
|
|
box-shadow: 0 -4px 0 0;
|
|
}
|
|
}
|
|
|
|
.gg-push-chevron-down-o {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 22px;
|
|
height: 22px;
|
|
border: 2px solid;
|
|
border-radius: 100px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-bottom: 2px solid;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-bottom: 2px solid;
|
|
bottom: 5px;
|
|
width: 8px;
|
|
height: 2px;
|
|
left: 5px;
|
|
}
|
|
|
|
&::after {
|
|
width: 6px;
|
|
height: 6px;
|
|
border-right: 2px solid;
|
|
transform: rotate(45deg);
|
|
left: 6px;
|
|
top: 3px;
|
|
}
|
|
}
|
|
|
|
.gg-push-chevron-down-r {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 22px;
|
|
height: 22px;
|
|
border: 2px solid;
|
|
border-radius: 4px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-bottom: 2px solid;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-bottom: 2px solid;
|
|
bottom: 5px;
|
|
width: 8px;
|
|
height: 2px;
|
|
left: 5px;
|
|
}
|
|
|
|
&::after {
|
|
width: 6px;
|
|
height: 6px;
|
|
border-right: 2px solid;
|
|
transform: rotate(45deg);
|
|
left: 6px;
|
|
top: 3px;
|
|
}
|
|
}
|
|
|
|
.gg-push-chevron-down {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 22px;
|
|
height: 22px;
|
|
border: 2px solid transparent;
|
|
border-radius: 100px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-bottom: 2px solid;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-bottom: 2px solid;
|
|
bottom: 0;
|
|
width: 14px;
|
|
height: 2px;
|
|
left: 2px;
|
|
}
|
|
|
|
&::after {
|
|
width: 10px;
|
|
height: 10px;
|
|
border-right: 2px solid;
|
|
transform: rotate(45deg);
|
|
left: 4px;
|
|
top: 2px;
|
|
}
|
|
}
|
|
|
|
.gg-push-chevron-left-o {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 22px;
|
|
height: 22px;
|
|
border: 2px solid;
|
|
border-radius: 100px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 2px;
|
|
height: 8px;
|
|
border-left: 2px solid;
|
|
top: 5px;
|
|
left: 5px;
|
|
}
|
|
|
|
&::after {
|
|
width: 6px;
|
|
height: 6px;
|
|
border-bottom: 2px solid;
|
|
transform: rotate(45deg);
|
|
left: 9px;
|
|
top: 6px;
|
|
}
|
|
}
|
|
|
|
.gg-push-chevron-left-r {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 22px;
|
|
height: 22px;
|
|
border: 2px solid;
|
|
border-radius: 4px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 2px;
|
|
height: 8px;
|
|
border-left: 2px solid;
|
|
top: 5px;
|
|
left: 5px;
|
|
}
|
|
|
|
&::after {
|
|
width: 6px;
|
|
height: 6px;
|
|
border-bottom: 2px solid;
|
|
transform: rotate(45deg);
|
|
left: 9px;
|
|
top: 6px;
|
|
}
|
|
}
|
|
|
|
.gg-push-chevron-left {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 22px;
|
|
height: 22px;
|
|
border: 2px solid transparent;
|
|
border-radius: 100px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 2px;
|
|
height: 14px;
|
|
border-left: 2px solid;
|
|
top: 2px;
|
|
left: 0;
|
|
}
|
|
|
|
&::after {
|
|
width: 10px;
|
|
height: 10px;
|
|
border-bottom: 2px solid;
|
|
transform: rotate(45deg);
|
|
left: 6px;
|
|
top: 4px;
|
|
}
|
|
}
|
|
|
|
.gg-push-chevron-right-o {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 22px;
|
|
height: 22px;
|
|
border: 2px solid;
|
|
border-radius: 100px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 2px;
|
|
height: 8px;
|
|
border-right: 2px solid;
|
|
top: 5px;
|
|
right: 5px;
|
|
}
|
|
|
|
&::after {
|
|
width: 6px;
|
|
height: 6px;
|
|
border-bottom: 2px solid;
|
|
transform: rotate(-45deg);
|
|
right: 9px;
|
|
top: 6px;
|
|
}
|
|
}
|
|
|
|
.gg-push-chevron-right-r {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 22px;
|
|
height: 22px;
|
|
border: 2px solid;
|
|
border-radius: 4px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 2px;
|
|
height: 8px;
|
|
border-right: 2px solid;
|
|
top: 5px;
|
|
right: 5px;
|
|
}
|
|
|
|
&::after {
|
|
width: 6px;
|
|
height: 6px;
|
|
border-bottom: 2px solid;
|
|
transform: rotate(-45deg);
|
|
right: 9px;
|
|
top: 6px;
|
|
}
|
|
}
|
|
|
|
.gg-push-chevron-right {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 22px;
|
|
height: 22px;
|
|
border: 2px solid transparent;
|
|
border-radius: 100px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 2px;
|
|
height: 14px;
|
|
border-right: 2px solid;
|
|
top: 2px;
|
|
right: 0;
|
|
}
|
|
|
|
&::after {
|
|
width: 10px;
|
|
height: 10px;
|
|
border-bottom: 2px solid;
|
|
transform: rotate(-45deg);
|
|
right: 6px;
|
|
top: 4px;
|
|
}
|
|
}
|
|
|
|
.gg-push-chevron-up-o {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 22px;
|
|
height: 22px;
|
|
border: 2px solid;
|
|
border-radius: 100px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-top: 2px solid;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-top: 2px solid;
|
|
top: 5px;
|
|
width: 8px;
|
|
height: 2px;
|
|
left: 5px;
|
|
}
|
|
|
|
&::after {
|
|
width: 6px;
|
|
height: 6px;
|
|
border-right: 2px solid;
|
|
transform: rotate(-45deg);
|
|
left: 6px;
|
|
bottom: 3px;
|
|
}
|
|
}
|
|
|
|
.gg-push-chevron-up-r {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 22px;
|
|
height: 22px;
|
|
border: 2px solid;
|
|
border-radius: 4px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-top: 2px solid;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-top: 2px solid;
|
|
top: 5px;
|
|
width: 8px;
|
|
height: 2px;
|
|
left: 5px;
|
|
}
|
|
|
|
&::after {
|
|
width: 6px;
|
|
height: 6px;
|
|
border-right: 2px solid;
|
|
transform: rotate(-45deg);
|
|
left: 6px;
|
|
bottom: 3px;
|
|
}
|
|
}
|
|
|
|
.gg-push-chevron-up {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 22px;
|
|
height: 22px;
|
|
border: 2px solid transparent;
|
|
border-radius: 100px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-top: 2px solid;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-top: 2px solid;
|
|
top: 0;
|
|
width: 14px;
|
|
height: 2px;
|
|
left: 2px;
|
|
}
|
|
|
|
&::after {
|
|
width: 10px;
|
|
height: 10px;
|
|
border-right: 2px solid;
|
|
transform: rotate(-45deg);
|
|
left: 4px;
|
|
bottom: 2px;
|
|
}
|
|
}
|
|
|
|
.gg-push-down {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 2px;
|
|
height: 16px;
|
|
background: currentColor;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 12px;
|
|
height: 2px;
|
|
border-bottom: 2px solid;
|
|
bottom: -5px;
|
|
left: -5px;
|
|
}
|
|
|
|
&::after {
|
|
width: 8px;
|
|
height: 8px;
|
|
border-right: 2px solid;
|
|
transform: rotate(45deg);
|
|
left: -3px;
|
|
bottom: 0;
|
|
}
|
|
}
|
|
|
|
.gg-push-left {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 16px;
|
|
height: 2px;
|
|
background: currentColor;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 2px;
|
|
height: 12px;
|
|
border-left: 2px solid;
|
|
left: -5px;
|
|
top: -5px;
|
|
}
|
|
|
|
&::after {
|
|
width: 8px;
|
|
height: 8px;
|
|
border-bottom: 2px solid;
|
|
transform: rotate(45deg);
|
|
top: -3px;
|
|
left: 0;
|
|
}
|
|
}
|
|
|
|
.gg-push-right {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 16px;
|
|
height: 2px;
|
|
background: currentColor;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 2px;
|
|
height: 12px;
|
|
border-right: 2px solid;
|
|
right: -5px;
|
|
top: -5px;
|
|
}
|
|
|
|
&::after {
|
|
width: 8px;
|
|
height: 8px;
|
|
border-top: 2px solid;
|
|
transform: rotate(45deg);
|
|
top: -3px;
|
|
right: 0;
|
|
}
|
|
}
|
|
|
|
.gg-push-up {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 2px;
|
|
height: 16px;
|
|
background: currentColor;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 12px;
|
|
height: 2px;
|
|
border-top: 2px solid;
|
|
top: -5px;
|
|
left: -5px;
|
|
}
|
|
|
|
&::after {
|
|
width: 8px;
|
|
height: 8px;
|
|
border-left: 2px solid;
|
|
transform: rotate(45deg);
|
|
left: -3px;
|
|
top: 0;
|
|
}
|
|
}
|
|
|
|
.gg-qr {
|
|
transform: scale(var(--ggs, 1));
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 14px;
|
|
height: 14px;
|
|
box-shadow: -6px -6px 0 -4px, 6px 6px 0 -4px, 6px -6px 0 -4px, -6px 6px 0 -4px;
|
|
|
|
&::after {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 14px;
|
|
height: 14px;
|
|
box-shadow: -6px -6px 0 -4px, 6px 6px 0 -4px, 6px -6px 0 -4px,
|
|
-6px 6px 0 -4px;
|
|
content: "";
|
|
position: absolute;
|
|
width: 4px;
|
|
height: 4px;
|
|
background: currentColor;
|
|
box-shadow: 0 6px 0, 6px 6px 0, 6px 0 0;
|
|
top: 2px;
|
|
left: 2px;
|
|
}
|
|
}
|
|
|
|
.gg-quote-o {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 20px;
|
|
height: 18px;
|
|
border: 2px solid;
|
|
border-radius: 2px;
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 8px;
|
|
height: 6px;
|
|
border-left: 3px solid;
|
|
border-right: 3px solid;
|
|
left: 4px;
|
|
top: 4px;
|
|
transform: skewX(-20deg);
|
|
}
|
|
}
|
|
|
|
.gg-quote {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 20px;
|
|
height: 18px;
|
|
border: 2px solid transparent;
|
|
border-radius: 2px;
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 8px;
|
|
height: 6px;
|
|
border-left: 3px solid;
|
|
border-right: 3px solid;
|
|
left: 4px;
|
|
top: 4px;
|
|
transform: skewX(-20deg);
|
|
}
|
|
}
|
|
|
|
.gg-radio-check {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 20px;
|
|
height: 20px;
|
|
border: 2px solid;
|
|
border-radius: 100px;
|
|
}
|
|
|
|
.gg-radio-checked {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
border-radius: 100px;
|
|
|
|
&::after {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
border-radius: 100px;
|
|
content: "";
|
|
position: absolute;
|
|
width: 8px;
|
|
height: 8px;
|
|
background: currentColor;
|
|
top: 4px;
|
|
left: 4px;
|
|
}
|
|
|
|
border: 2px solid;
|
|
position: relative;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 20px;
|
|
height: 20px;
|
|
}
|
|
|
|
.gg-ratio {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 24px;
|
|
height: 20px;
|
|
border: 2px solid;
|
|
border-radius: 4px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 6px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 6px;
|
|
border-bottom: 2px solid;
|
|
border-right: 2px solid;
|
|
top: 8px;
|
|
left: 12px;
|
|
}
|
|
|
|
&::after {
|
|
border-top: 2px solid;
|
|
border-left: 2px solid;
|
|
top: 2px;
|
|
left: 2px;
|
|
}
|
|
}
|
|
|
|
.gg-read {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
border: 2px solid;
|
|
|
|
&::after,
|
|
&::before {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
border: 2px solid;
|
|
}
|
|
|
|
border-bottom-left-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
border-bottom-color: transparent;
|
|
margin-left: -1px;
|
|
position: relative;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 6px;
|
|
height: 5px;
|
|
border-radius: 50px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
position: absolute;
|
|
width: 10px;
|
|
height: 10px;
|
|
border-radius: 10px;
|
|
left: -10px;
|
|
top: -5px;
|
|
box-shadow: -6px 0 0 -4px currentColor;
|
|
}
|
|
|
|
&::after {
|
|
left: 2px;
|
|
box-shadow: 6px 0 0 -4px currentColor;
|
|
}
|
|
}
|
|
|
|
.gg-readme {
|
|
display: block;
|
|
position: relative;
|
|
box-sizing: border-box;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 2px;
|
|
height: 17px;
|
|
border-bottom: 4px solid;
|
|
border-radius: 4px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
box-sizing: border-box;
|
|
width: 8px;
|
|
height: 12px;
|
|
box-shadow: 0 0 0 2px;
|
|
border-radius: 1px;
|
|
bottom: -1px;
|
|
background: linear-gradient(to left, currentColor 4px, transparent 0)
|
|
no-repeat center 5px / 4px 2px,
|
|
linear-gradient(to left, currentColor 4px, transparent 0) no-repeat center
|
|
2px / 4px 2px,
|
|
linear-gradient(to left, currentColor 4px, transparent 0) no-repeat center
|
|
8px / 4px 2px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
box-sizing: border-box;
|
|
width: 8px;
|
|
height: 12px;
|
|
box-shadow: 0 0 0 2px;
|
|
border-radius: 1px;
|
|
bottom: -1px;
|
|
background: linear-gradient(to left, currentColor 4px, transparent 0)
|
|
no-repeat center 5px / 4px 2px,
|
|
linear-gradient(to left, currentColor 4px, transparent 0) no-repeat center
|
|
2px / 4px 2px,
|
|
linear-gradient(to left, currentColor 4px, transparent 0) no-repeat center
|
|
8px / 4px 2px;
|
|
border-top-right-radius: 3px;
|
|
left: -8px;
|
|
}
|
|
|
|
&::after {
|
|
border-top-left-radius: 3px;
|
|
right: -8px;
|
|
}
|
|
}
|
|
|
|
.gg-record {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 20px;
|
|
height: 20px;
|
|
border: 6px solid transparent;
|
|
box-shadow: 0 0 0 2px, inset 0 0 0 10px;
|
|
border-radius: 100px;
|
|
}
|
|
|
|
.gg-redo {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 14px;
|
|
height: 14px;
|
|
border: 2px solid;
|
|
border-right-color: transparent;
|
|
border-radius: 100px;
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 6px;
|
|
border-top: 2px solid;
|
|
border-right: 2px solid;
|
|
top: -3px;
|
|
right: -1px;
|
|
transform: rotate(68deg);
|
|
}
|
|
}
|
|
|
|
.gg-remote {
|
|
transform: scale(var(--ggs, 1));
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 8px;
|
|
height: 8px;
|
|
|
|
&::after,
|
|
&::before {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 8px;
|
|
height: 8px;
|
|
}
|
|
|
|
&::after {
|
|
content: "";
|
|
position: absolute;
|
|
border-left: 2px solid;
|
|
border-bottom: 2px solid;
|
|
transform: rotate(45deg) scaleY(1);
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
position: absolute;
|
|
border-left: 2px solid;
|
|
border-bottom: 2px solid;
|
|
transform: rotate(45deg) scaleY(1);
|
|
left: 5px;
|
|
top: -2px;
|
|
}
|
|
|
|
&::after {
|
|
transform: rotate(-45deg) scaleX(-1);
|
|
left: -5px;
|
|
top: 2px;
|
|
}
|
|
}
|
|
|
|
.gg-remove-r {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 22px;
|
|
height: 22px;
|
|
border: 2px solid;
|
|
border-radius: 4px;
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 10px;
|
|
height: 2px;
|
|
background: currentColor;
|
|
border-radius: 5px;
|
|
top: 8px;
|
|
left: 4px;
|
|
}
|
|
}
|
|
|
|
.gg-remove {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 22px;
|
|
height: 22px;
|
|
border: 2px solid;
|
|
border-radius: 22px;
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 10px;
|
|
height: 2px;
|
|
background: currentColor;
|
|
border-radius: 5px;
|
|
top: 8px;
|
|
left: 4px;
|
|
}
|
|
}
|
|
|
|
.gg-rename {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 20px;
|
|
height: 16px;
|
|
transform: scale(var(--ggs, 1));
|
|
background: linear-gradient(to left, currentColor 22px, transparent 0)
|
|
no-repeat 6px (center / 2px) 22px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 12px;
|
|
border: 2px solid;
|
|
top: 2px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 12px;
|
|
border: 2px solid;
|
|
top: 2px;
|
|
border-right: 0;
|
|
border-top-left-radius: 3px;
|
|
border-bottom-left-radius: 3px;
|
|
}
|
|
|
|
&::after {
|
|
width: 10px;
|
|
border-left: 0;
|
|
border-top-right-radius: 3px;
|
|
border-bottom-right-radius: 3px;
|
|
right: 0;
|
|
}
|
|
}
|
|
|
|
.gg-reorder {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 14px;
|
|
height: 2px;
|
|
border-radius: 3px;
|
|
background: currentColor;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-radius: 3px;
|
|
border: 2px solid;
|
|
width: 6px;
|
|
height: 6px;
|
|
left: 12px;
|
|
top: -2px;
|
|
}
|
|
|
|
&::after {
|
|
top: -4px;
|
|
left: 0;
|
|
width: 10px;
|
|
height: 2px;
|
|
opacity: 0.5;
|
|
background: currentColor;
|
|
box-shadow: 0 8px 0 0, 0 12px 0 0, 0 16px 0 0;
|
|
}
|
|
}
|
|
|
|
.gg-repeat {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
box-shadow: -2px -2px 0 0, 2px 2px 0 0;
|
|
width: 14px;
|
|
height: 6px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 0;
|
|
height: 0;
|
|
border-top: 3px solid transparent;
|
|
border-bottom: 3px solid transparent;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 0;
|
|
height: 0;
|
|
border-top: 3px solid transparent;
|
|
border-bottom: 3px solid transparent;
|
|
border-left: 5px solid;
|
|
top: -4px;
|
|
right: 0;
|
|
}
|
|
|
|
&::after {
|
|
border-right: 5px solid;
|
|
bottom: -4px;
|
|
left: 0;
|
|
}
|
|
}
|
|
|
|
.gg-ring {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 20px;
|
|
height: 20px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
border: 2px solid;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
border: 2px solid;
|
|
box-sizing: border-box;
|
|
border-top-right-radius: 100px;
|
|
transform: rotate(-45deg);
|
|
width: 8px;
|
|
height: 8px;
|
|
left: 6px;
|
|
top: -1px;
|
|
}
|
|
|
|
&::after {
|
|
width: 18px;
|
|
height: 18px;
|
|
border-radius: 100px;
|
|
border-top-color: transparent;
|
|
left: 1px;
|
|
top: 2px;
|
|
}
|
|
}
|
|
|
|
.gg-row-first {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 14px;
|
|
height: 10px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-radius: 3px;
|
|
height: 2px;
|
|
background: currentColor;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-radius: 3px;
|
|
height: 2px;
|
|
background: currentColor;
|
|
width: 10px;
|
|
top: 4px;
|
|
opacity: 0.5;
|
|
box-shadow: 0 4px 0;
|
|
}
|
|
|
|
&::after {
|
|
width: 14px;
|
|
}
|
|
}
|
|
|
|
.gg-row-last {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 14px;
|
|
height: 10px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-radius: 3px;
|
|
height: 2px;
|
|
background: currentColor;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-radius: 3px;
|
|
height: 2px;
|
|
background: currentColor;
|
|
width: 10px;
|
|
opacity: 0.5;
|
|
box-shadow: 0 4px 0;
|
|
}
|
|
|
|
&::after {
|
|
width: 14px;
|
|
bottom: 0;
|
|
}
|
|
}
|
|
|
|
.gg-ruler {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 24px;
|
|
height: 13px;
|
|
border: 2px solid;
|
|
border-radius: 3px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-radius: 3px;
|
|
width: 2px;
|
|
height: 5px;
|
|
background: currentColor;
|
|
left: 7px;
|
|
top: -1px;
|
|
box-shadow: 8px 0 0;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-radius: 3px;
|
|
width: 2px;
|
|
height: 5px;
|
|
background: currentColor;
|
|
left: 7px;
|
|
top: -1px;
|
|
box-shadow: 8px 0 0;
|
|
height: 7px;
|
|
left: 3px;
|
|
}
|
|
}
|
|
|
|
.gg-sand-clock {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 12px;
|
|
height: 20px;
|
|
border-top: 2px solid;
|
|
border-bottom: 2px solid;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-top-left-radius: 14px;
|
|
border-top-right-radius: 14px;
|
|
bottom: -2px;
|
|
width: 10px;
|
|
height: 10px;
|
|
border: 2px solid;
|
|
left: 1px;
|
|
}
|
|
|
|
&::after {
|
|
width: 6px;
|
|
height: 6px;
|
|
border: 2px solid transparent;
|
|
border-bottom-left-radius: 14px;
|
|
border-bottom-right-radius: 14px;
|
|
top: 0;
|
|
left: 3px;
|
|
box-shadow: 0 0 0 2px, inset 2px 0 0;
|
|
}
|
|
}
|
|
|
|
.gg-scan {
|
|
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 / 2px) 22px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 14px;
|
|
border: 2px solid;
|
|
top: 2px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 14px;
|
|
border: 2px solid;
|
|
top: 2px;
|
|
border-right: 0;
|
|
border-top-left-radius: 3px;
|
|
border-bottom-left-radius: 3px;
|
|
}
|
|
|
|
&::after {
|
|
border-left: 0;
|
|
border-top-right-radius: 3px;
|
|
border-bottom-right-radius: 3px;
|
|
right: 0;
|
|
}
|
|
}
|
|
|
|
.gg-screen-mirror {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 18px;
|
|
height: 10px;
|
|
border: 2px solid;
|
|
border-bottom: 0;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
}
|
|
|
|
&::after {
|
|
border-bottom: 5px solid;
|
|
width: 0;
|
|
height: 0;
|
|
border-left: 4px solid transparent;
|
|
border-right: 4px solid transparent;
|
|
bottom: -2px;
|
|
left: 3px;
|
|
}
|
|
|
|
&::before {
|
|
width: 18px;
|
|
height: 2px;
|
|
left: -2px;
|
|
bottom: 0;
|
|
border-left: 5px solid;
|
|
border-right: 5px solid;
|
|
}
|
|
}
|
|
|
|
.gg-screen-shot {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 16px;
|
|
height: 20px;
|
|
border: 2px solid;
|
|
border-radius: 1px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 4px;
|
|
height: 4px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 4px;
|
|
height: 4px;
|
|
border-bottom: 2px solid;
|
|
border-right: 2px solid;
|
|
bottom: 2px;
|
|
right: 2px;
|
|
}
|
|
|
|
&::after {
|
|
border-top: 2px solid;
|
|
border-left: 2px solid;
|
|
top: 2px;
|
|
left: 2px;
|
|
}
|
|
}
|
|
|
|
.gg-screen-wide {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 24px;
|
|
height: 11px;
|
|
border: 2px solid;
|
|
border-radius: 3px;
|
|
margin-top: -4px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-radius: 3px;
|
|
width: 8px;
|
|
height: 2px;
|
|
background: currentColor;
|
|
top: 10px;
|
|
left: 6px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-radius: 3px;
|
|
width: 8px;
|
|
height: 2px;
|
|
background: currentColor;
|
|
top: 10px;
|
|
left: 6px;
|
|
width: 2px;
|
|
height: 4px;
|
|
top: 8px;
|
|
left: 9px;
|
|
}
|
|
}
|
|
|
|
.gg-screen {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 22px;
|
|
height: 14px;
|
|
border: 2px solid;
|
|
border-radius: 3px;
|
|
margin-top: -4px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-radius: 3px;
|
|
width: 10px;
|
|
height: 2px;
|
|
background: currentColor;
|
|
top: 14px;
|
|
left: 4px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-radius: 3px;
|
|
width: 10px;
|
|
height: 2px;
|
|
background: currentColor;
|
|
top: 14px;
|
|
left: 4px;
|
|
width: 2px;
|
|
height: 6px;
|
|
top: 10px;
|
|
left: 8px;
|
|
}
|
|
}
|
|
|
|
.gg-scroll-h {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
width: 6px;
|
|
height: 6px;
|
|
|
|
&::after,
|
|
&::before {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
width: 6px;
|
|
height: 6px;
|
|
}
|
|
|
|
position: relative;
|
|
transform: scale(var(--ggs, 1));
|
|
border: 2px solid;
|
|
border-radius: 10px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
position: absolute;
|
|
transform: rotate(45deg);
|
|
top: -2px;
|
|
}
|
|
|
|
&::after {
|
|
border-top: 2px solid;
|
|
border-right: 2px solid;
|
|
right: -8px;
|
|
}
|
|
|
|
&::before {
|
|
border-bottom: 2px solid;
|
|
border-left: 2px solid;
|
|
left: -8px;
|
|
}
|
|
}
|
|
|
|
.gg-scroll-v {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
width: 6px;
|
|
height: 6px;
|
|
|
|
&::after,
|
|
&::before {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
width: 6px;
|
|
height: 6px;
|
|
}
|
|
|
|
position: relative;
|
|
transform: scale(var(--ggs, 1));
|
|
border: 2px solid;
|
|
border-radius: 10px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
position: absolute;
|
|
transform: rotate(-45deg);
|
|
left: -2px;
|
|
}
|
|
|
|
&::after {
|
|
border-bottom: 2px solid;
|
|
border-left: 2px solid;
|
|
bottom: -8px;
|
|
}
|
|
|
|
&::before {
|
|
border-top: 2px solid;
|
|
border-right: 2px solid;
|
|
top: -8px;
|
|
}
|
|
}
|
|
|
|
.gg-search-found {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 16px;
|
|
height: 16px;
|
|
border: 2px solid;
|
|
border-radius: 100%;
|
|
margin-left: -4px;
|
|
margin-top: -4px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
}
|
|
|
|
&::after {
|
|
border-radius: 3px;
|
|
width: 2px;
|
|
height: 8px;
|
|
background: currentColor;
|
|
transform: rotate(-45deg);
|
|
top: 10px;
|
|
left: 12px;
|
|
}
|
|
|
|
&::before {
|
|
width: 6px;
|
|
height: 4px;
|
|
border-left: 2px solid;
|
|
border-bottom: 2px solid;
|
|
transform: rotate(-40deg);
|
|
top: 3px;
|
|
left: 3px;
|
|
}
|
|
}
|
|
|
|
.gg-search-loading {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 16px;
|
|
height: 16px;
|
|
border: 2px solid;
|
|
border-radius: 100%;
|
|
margin-left: -4px;
|
|
margin-top: -4px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 2px;
|
|
background: currentColor;
|
|
}
|
|
|
|
&::after {
|
|
border-radius: 3px;
|
|
height: 8px;
|
|
transform: rotate(-45deg);
|
|
top: 10px;
|
|
left: 12px;
|
|
}
|
|
|
|
&::before {
|
|
height: 2px;
|
|
border-radius: 100%;
|
|
top: 5px;
|
|
left: 5px;
|
|
box-shadow: -3px 0 0, 3px 0 0;
|
|
}
|
|
}
|
|
|
|
.gg-search {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 16px;
|
|
height: 16px;
|
|
border: 2px solid;
|
|
border-radius: 100%;
|
|
margin-left: -4px;
|
|
margin-top: -4px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-radius: 3px;
|
|
width: 2px;
|
|
height: 8px;
|
|
background: currentColor;
|
|
transform: rotate(-45deg);
|
|
top: 10px;
|
|
left: 12px;
|
|
}
|
|
}
|
|
|
|
.gg-select-o {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 22px;
|
|
height: 22px;
|
|
border: 2px solid;
|
|
border-radius: 20px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 6px;
|
|
left: 6px;
|
|
transform: rotate(-45deg);
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 6px;
|
|
left: 6px;
|
|
transform: rotate(-45deg);
|
|
border-left: 2px solid;
|
|
border-bottom: 2px solid;
|
|
bottom: 4px;
|
|
}
|
|
|
|
&::after {
|
|
border-right: 2px solid;
|
|
border-top: 2px solid;
|
|
top: 4px;
|
|
}
|
|
}
|
|
|
|
.gg-select-r {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 22px;
|
|
height: 22px;
|
|
border: 2px solid;
|
|
border-radius: 4px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 6px;
|
|
left: 6px;
|
|
transform: rotate(-45deg);
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 6px;
|
|
left: 6px;
|
|
transform: rotate(-45deg);
|
|
border-left: 2px solid;
|
|
border-bottom: 2px solid;
|
|
bottom: 4px;
|
|
}
|
|
|
|
&::after {
|
|
border-right: 2px solid;
|
|
border-top: 2px solid;
|
|
top: 4px;
|
|
}
|
|
}
|
|
|
|
.gg-select {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 22px;
|
|
height: 22px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 8px;
|
|
height: 8px;
|
|
left: 7px;
|
|
transform: rotate(-45deg);
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 8px;
|
|
height: 8px;
|
|
left: 7px;
|
|
transform: rotate(-45deg);
|
|
border-left: 2px solid;
|
|
border-bottom: 2px solid;
|
|
bottom: 4px;
|
|
}
|
|
|
|
&::after {
|
|
border-right: 2px solid;
|
|
border-top: 2px solid;
|
|
top: 4px;
|
|
}
|
|
}
|
|
|
|
.gg-server {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 16px;
|
|
height: 20px;
|
|
border: 2px solid;
|
|
border-radius: 3px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
height: 2px;
|
|
background: currentColor;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
height: 2px;
|
|
background: currentColor;
|
|
top: 2px;
|
|
box-shadow: 0 4px 0;
|
|
border-radius: 3px;
|
|
width: 8px;
|
|
left: 2px;
|
|
}
|
|
|
|
&::after {
|
|
width: 2px;
|
|
border-radius: 10px;
|
|
left: 5px;
|
|
bottom: 2px;
|
|
}
|
|
}
|
|
|
|
.gg-serverless {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 15px;
|
|
height: 13px;
|
|
overflow: hidden;
|
|
|
|
&::after {
|
|
background: currentColor;
|
|
content: "";
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
display: block;
|
|
height: 3px;
|
|
box-shadow: 0 5px 0, 0 10px 0;
|
|
transform: skew(-20deg);
|
|
}
|
|
|
|
&::before {
|
|
background: currentColor;
|
|
content: "";
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
display: block;
|
|
height: 3px;
|
|
box-shadow: 0 5px 0, 0 10px 0;
|
|
transform: skew(-20deg);
|
|
width: 8px;
|
|
left: -2px;
|
|
}
|
|
|
|
&::after {
|
|
width: 12px;
|
|
right: -5px;
|
|
}
|
|
}
|
|
|
|
.gg-shape-circle {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 16px;
|
|
height: 16px;
|
|
border: 3px solid;
|
|
border-radius: 100px;
|
|
}
|
|
|
|
.gg-shape-half-circle {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 8px;
|
|
height: 16px;
|
|
border: 3px solid;
|
|
border-top-left-radius: 100px;
|
|
border-bottom-left-radius: 100px;
|
|
border-right: 0;
|
|
}
|
|
|
|
.gg-shape-hexagon {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
width: 18px;
|
|
height: 10px;
|
|
border-left: 3px solid currentColor;
|
|
border-right: 3px solid currentColor;
|
|
|
|
&::after,
|
|
&::before {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
width: 18px;
|
|
height: 10px;
|
|
border-left: 3px solid currentColor;
|
|
border-right: 3px solid currentColor;
|
|
}
|
|
|
|
position: relative;
|
|
transform: scale(var(--ggs, 1));
|
|
|
|
&::after {
|
|
content: "";
|
|
position: absolute;
|
|
left: -3px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
position: absolute;
|
|
left: -3px;
|
|
transform: rotate(60deg);
|
|
}
|
|
|
|
&::after {
|
|
transform: rotate(-60deg);
|
|
}
|
|
}
|
|
|
|
.gg-shape-rhombus {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: rotate(45deg) scale(var(--ggs, 1));
|
|
width: 14px;
|
|
height: 14px;
|
|
border: 3px solid;
|
|
}
|
|
|
|
.gg-shape-square {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 16px;
|
|
height: 16px;
|
|
border: 3px solid;
|
|
}
|
|
|
|
.gg-shape-triangle {
|
|
position: relative;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 22px;
|
|
height: 17px;
|
|
border-left: 3px solid transparent;
|
|
border-bottom: 3px solid;
|
|
display: block;
|
|
box-sizing: border-box;
|
|
border-right: 3px solid transparent;
|
|
|
|
&::before {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
border-right: 3px solid transparent;
|
|
content: "";
|
|
position: absolute;
|
|
width: 20px;
|
|
height: 20px;
|
|
border-left: 3px solid;
|
|
border-top: 3px solid;
|
|
border-bottom: 3px solid transparent;
|
|
transform: rotate(45deg) skew(10deg, 10deg);
|
|
left: -2px;
|
|
bottom: -13px;
|
|
}
|
|
}
|
|
|
|
.gg-shape-zigzag {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
width: 5px;
|
|
height: 7px;
|
|
border-left: 2px solid;
|
|
border-bottom: 2px solid;
|
|
|
|
&::after,
|
|
&::before {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
width: 5px;
|
|
height: 7px;
|
|
border-left: 2px solid;
|
|
border-bottom: 2px solid;
|
|
}
|
|
|
|
margin-left: -18px;
|
|
transform: rotate(-49deg) scale(var(--ggs, 1));
|
|
position: relative;
|
|
|
|
&::after {
|
|
content: "";
|
|
position: absolute;
|
|
left: 2px;
|
|
top: 5px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
position: absolute;
|
|
left: 2px;
|
|
top: 5px;
|
|
left: 7px;
|
|
top: 10px;
|
|
}
|
|
}
|
|
|
|
.gg-share {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 6px;
|
|
height: 6px;
|
|
background: currentColor;
|
|
border-radius: 100px;
|
|
box-shadow: 10px -6px 0, 10px 6px 0;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-radius: 3px;
|
|
width: 10px;
|
|
height: 2px;
|
|
background: currentColor;
|
|
left: 2px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-radius: 3px;
|
|
width: 10px;
|
|
height: 2px;
|
|
background: currentColor;
|
|
left: 2px;
|
|
top: 0;
|
|
transform: rotate(-35deg);
|
|
}
|
|
|
|
&::after {
|
|
bottom: 0;
|
|
transform: rotate(35deg);
|
|
}
|
|
}
|
|
|
|
.gg-shield {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 14px;
|
|
height: 4px;
|
|
background: currentColor;
|
|
border-radius: 100px;
|
|
margin-top: -6px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-radius: 3px;
|
|
width: 8px;
|
|
height: 16px;
|
|
border: 2px solid;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-radius: 3px;
|
|
width: 8px;
|
|
height: 16px;
|
|
border: 2px solid;
|
|
border-bottom-left-radius: 40px;
|
|
border-right: 0;
|
|
left: 0;
|
|
}
|
|
|
|
&::after {
|
|
border-bottom-right-radius: 40px;
|
|
border-left: 0;
|
|
right: 0;
|
|
}
|
|
}
|
|
|
|
.gg-shopping-bag {
|
|
transform: scale(var(--ggs, 1));
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 20px;
|
|
height: 20px;
|
|
border: 2px solid;
|
|
border-radius: 3px;
|
|
|
|
&::after {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 20px;
|
|
height: 20px;
|
|
border: 2px solid;
|
|
border-radius: 3px;
|
|
content: "";
|
|
position: absolute;
|
|
width: 10px;
|
|
height: 6px;
|
|
border-bottom-left-radius: 120px;
|
|
border-bottom-right-radius: 120px;
|
|
border-top: 0;
|
|
top: 2px;
|
|
left: 3px;
|
|
}
|
|
}
|
|
|
|
.gg-shopping-cart {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 20px;
|
|
height: 21px;
|
|
background: linear-gradient(to left, currentColor 12px, transparent 0)
|
|
no-repeat -1px 6px / 18px 2px,
|
|
linear-gradient(to left, currentColor 12px, transparent 0) no-repeat 6px
|
|
14px / 11px 2px,
|
|
linear-gradient(to left, currentColor 12px, transparent 0) no-repeat 0 2px /
|
|
4px 2px,
|
|
radial-gradient(circle, currentColor 60%, transparent 40%) no-repeat 12px
|
|
17px / 4px 4px,
|
|
radial-gradient(circle, currentColor 60%, transparent 40%) no-repeat 6px
|
|
17px / 4px 4px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
box-sizing: border-box;
|
|
width: 2px;
|
|
height: 14px;
|
|
background: currentColor;
|
|
top: 2px;
|
|
left: 4px;
|
|
transform: skew(12deg);
|
|
}
|
|
|
|
&::after {
|
|
height: 10px;
|
|
top: 6px;
|
|
left: 16px;
|
|
transform: skew(-12deg);
|
|
}
|
|
}
|
|
|
|
.gg-shortcut {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
border-radius: 3px;
|
|
|
|
&::after {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
border-radius: 3px;
|
|
content: "";
|
|
position: absolute;
|
|
width: 2px;
|
|
height: 12px;
|
|
background: currentColor;
|
|
left: 6px;
|
|
top: 1px;
|
|
transform: rotate(45deg);
|
|
}
|
|
|
|
border: 2px solid;
|
|
position: relative;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 18px;
|
|
height: 18px;
|
|
}
|
|
|
|
.gg-shutterstock {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 20px;
|
|
height: 20px;
|
|
border: 2px solid;
|
|
border-radius: 3px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 6px;
|
|
border-radius: 1px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 6px;
|
|
border-radius: 1px;
|
|
border-bottom: 2px solid;
|
|
border-right: 2px solid;
|
|
bottom: 2px;
|
|
right: 2px;
|
|
}
|
|
|
|
&::after {
|
|
border-top: 2px solid;
|
|
border-left: 2px solid;
|
|
top: 2px;
|
|
left: 2px;
|
|
}
|
|
}
|
|
|
|
.gg-sidebar-open {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 18px;
|
|
height: 16px;
|
|
border: 2px solid;
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 4px;
|
|
height: 12px;
|
|
background: currentColor;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
}
|
|
|
|
.gg-sidebar-right {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 18px;
|
|
height: 16px;
|
|
border-right: 2px solid;
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 14px;
|
|
height: 16px;
|
|
border: 2px solid;
|
|
top: 0;
|
|
right: 2px;
|
|
}
|
|
}
|
|
|
|
.gg-sidebar {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
height: 16px;
|
|
|
|
&::before {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
height: 16px;
|
|
content: "";
|
|
position: absolute;
|
|
width: 14px;
|
|
border: 2px solid;
|
|
top: 0;
|
|
left: 2px;
|
|
}
|
|
|
|
border-left: 2px solid;
|
|
position: relative;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 18px;
|
|
}
|
|
|
|
.gg-signal {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
width: 2px;
|
|
border-radius: 4px;
|
|
background: currentColor;
|
|
|
|
&::after,
|
|
&::before {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
width: 2px;
|
|
border-radius: 4px;
|
|
background: currentColor;
|
|
}
|
|
|
|
position: relative;
|
|
transform: scale(var(--ggs, 1));
|
|
height: 8px;
|
|
|
|
&::after {
|
|
content: "";
|
|
position: absolute;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
position: absolute;
|
|
height: 12px;
|
|
left: 4px;
|
|
bottom: 0;
|
|
}
|
|
|
|
&::after {
|
|
height: 4px;
|
|
left: -4px;
|
|
bottom: 0;
|
|
}
|
|
}
|
|
|
|
.gg-size {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 16px;
|
|
height: 16px;
|
|
transform: scale(var(--ggs, 1));
|
|
border-left: 8px solid transparent;
|
|
box-shadow: inset 0 0 0 2px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 12px;
|
|
border: 2px solid;
|
|
border-right: 0;
|
|
right: 6px;
|
|
top: 2px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 12px;
|
|
border: 2px solid;
|
|
border-right: 0;
|
|
right: 6px;
|
|
top: 2px;
|
|
width: 4px;
|
|
height: 8px;
|
|
right: 12px;
|
|
top: 4px;
|
|
}
|
|
}
|
|
|
|
.gg-sketch {
|
|
display: block;
|
|
position: relative;
|
|
box-sizing: border-box;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 22px;
|
|
height: 18px;
|
|
background: linear-gradient(to left, currentColor 16px, transparent 0)
|
|
no-repeat center 6px / 6px 2px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 14px;
|
|
border: 2px solid;
|
|
left: 4px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 14px;
|
|
border: 2px solid;
|
|
left: 4px;
|
|
height: 14px;
|
|
border-top-color: transparent;
|
|
border-right-color: transparent;
|
|
transform: rotate(-45deg) skew(-8deg, -8deg);
|
|
bottom: 4px;
|
|
}
|
|
|
|
&::after {
|
|
height: 7px;
|
|
border-bottom: 0;
|
|
transform: perspective(12px) rotateX(35deg);
|
|
}
|
|
}
|
|
|
|
.gg-slack {
|
|
position: relative;
|
|
box-sizing: border-box;
|
|
transform: scale(var(--ggs, 1));
|
|
display: block;
|
|
width: 20px;
|
|
height: 20px;
|
|
background: linear-gradient(to left, currentColor 5px, transparent 0)
|
|
no-repeat 7px 2px / 2px 2px,
|
|
linear-gradient(to left, currentColor 5px, transparent 0) no-repeat 15px 7px /
|
|
2px 2px,
|
|
linear-gradient(to left, currentColor 5px, transparent 0) no-repeat 2px 10px /
|
|
2px 2px,
|
|
linear-gradient(to left, currentColor 5px, transparent 0) no-repeat 10px
|
|
15px / 2px 2px,
|
|
linear-gradient(to left, currentColor 5px, transparent 0) no-repeat 10px 2px /
|
|
4px 5px,
|
|
linear-gradient(to left, currentColor 5px, transparent 0) no-repeat 5px 12px /
|
|
4px 5px;
|
|
|
|
&::after {
|
|
background: currentColor;
|
|
content: "";
|
|
position: absolute;
|
|
box-sizing: border-box;
|
|
display: block;
|
|
height: 4px;
|
|
border-radius: 22px;
|
|
}
|
|
|
|
&::before {
|
|
background: currentColor;
|
|
content: "";
|
|
position: absolute;
|
|
box-sizing: border-box;
|
|
display: block;
|
|
height: 4px;
|
|
border-radius: 22px;
|
|
width: 9px;
|
|
top: 5px;
|
|
box-shadow: 10px 5px 0;
|
|
}
|
|
|
|
&::after {
|
|
width: 4px;
|
|
left: 5px;
|
|
box-shadow: -5px 10px 0, 0 10px 0, 0 15px 0, 5px 15px 0, 5px 5px 0, 5px 0 0,
|
|
10px 5px 0;
|
|
}
|
|
}
|
|
|
|
.gg-sleep {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
|
|
&::after {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
content: "";
|
|
position: absolute;
|
|
width: 14px;
|
|
height: 2px;
|
|
background: currentColor;
|
|
bottom: 2px;
|
|
}
|
|
|
|
transform: scale(var(--ggs, 1));
|
|
position: relative;
|
|
width: 18px;
|
|
height: 18px;
|
|
border: 2px solid;
|
|
border-radius: 22px;
|
|
}
|
|
|
|
.gg-smart-home-boiler {
|
|
display: block;
|
|
position: relative;
|
|
box-sizing: border-box;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 14px;
|
|
height: 20px;
|
|
border: 2px solid;
|
|
border-radius: 2px;
|
|
border-top-left-radius: 4px;
|
|
border-top-right-radius: 4px;
|
|
background: linear-gradient(to left, currentColor 14px, transparent 0)
|
|
no-repeat center 4px / 14px 2px;
|
|
|
|
&::before {
|
|
content: "";
|
|
position: absolute;
|
|
display: block;
|
|
box-sizing: border-box;
|
|
width: 6px;
|
|
height: 3px;
|
|
border-left: 2px solid;
|
|
border-right: 2px solid;
|
|
transform: skewX(20deg);
|
|
bottom: -4px;
|
|
left: 2px;
|
|
}
|
|
}
|
|
|
|
.gg-smart-home-cooker {
|
|
display: block;
|
|
position: relative;
|
|
box-sizing: border-box;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 18px;
|
|
height: 18px;
|
|
border: 2px solid;
|
|
border-radius: 4px;
|
|
background: linear-gradient(to left, currentColor 18px, transparent 0)
|
|
no-repeat center 2px / 18px 2px;
|
|
|
|
&::after {
|
|
content: "";
|
|
position: absolute;
|
|
display: block;
|
|
box-sizing: border-box;
|
|
width: 6px;
|
|
left: 4px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
position: absolute;
|
|
display: block;
|
|
box-sizing: border-box;
|
|
width: 6px;
|
|
left: 4px;
|
|
height: 6px;
|
|
border: 2px solid;
|
|
border-radius: 4px;
|
|
bottom: 2px;
|
|
}
|
|
|
|
&::after {
|
|
height: 3px;
|
|
box-shadow: 0 -2px 0, inset 0 0 0 2px;
|
|
border-left: 2px solid transparent;
|
|
border-right: 2px solid transparent;
|
|
top: -4px;
|
|
}
|
|
}
|
|
|
|
.gg-smart-home-heat {
|
|
display: block;
|
|
position: relative;
|
|
box-sizing: border-box;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 24px;
|
|
height: 14px;
|
|
border: 2px solid;
|
|
border-radius: 22px;
|
|
background: linear-gradient(to left, currentColor 24px, transparent 0)
|
|
no-repeat center 2px / 10px 2px;
|
|
|
|
&::after {
|
|
content: "";
|
|
position: absolute;
|
|
display: block;
|
|
box-sizing: border-box;
|
|
width: 6px;
|
|
height: 6px;
|
|
border: 2px solid;
|
|
top: 2px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
position: absolute;
|
|
display: block;
|
|
box-sizing: border-box;
|
|
width: 6px;
|
|
height: 6px;
|
|
border: 2px solid;
|
|
top: 2px;
|
|
border-right: 0;
|
|
border-top-left-radius: 22px;
|
|
border-bottom-left-radius: 22px;
|
|
left: 2px;
|
|
}
|
|
|
|
&::after {
|
|
border-left: 0;
|
|
border-top-right-radius: 22px;
|
|
border-bottom-right-radius: 22px;
|
|
right: 2px;
|
|
}
|
|
}
|
|
|
|
.gg-smart-home-light {
|
|
display: block;
|
|
position: relative;
|
|
box-sizing: border-box;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 10px;
|
|
height: 14px;
|
|
border: 2px solid;
|
|
border-radius: 14px;
|
|
box-shadow: 0 11px 0 -4px;
|
|
|
|
&::after {
|
|
content: "";
|
|
position: absolute;
|
|
display: block;
|
|
box-sizing: border-box;
|
|
background: currentColor;
|
|
width: 2px;
|
|
height: 6px;
|
|
border-radius: 6px;
|
|
bottom: -8px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
position: absolute;
|
|
display: block;
|
|
box-sizing: border-box;
|
|
background: currentColor;
|
|
width: 2px;
|
|
height: 6px;
|
|
border-radius: 6px;
|
|
bottom: -8px;
|
|
transform: rotate(20deg);
|
|
left: -2px;
|
|
}
|
|
|
|
&::after {
|
|
transform: rotate(-20deg);
|
|
right: -2px;
|
|
}
|
|
}
|
|
|
|
.gg-smart-home-refrigerator {
|
|
display: block;
|
|
position: relative;
|
|
box-sizing: border-box;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 14px;
|
|
height: 22px;
|
|
border: 2px solid;
|
|
border-radius: 3px;
|
|
|
|
&::after {
|
|
content: "";
|
|
position: absolute;
|
|
display: block;
|
|
box-sizing: border-box;
|
|
background: currentColor;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
position: absolute;
|
|
display: block;
|
|
box-sizing: border-box;
|
|
background: currentColor;
|
|
width: 2px;
|
|
height: 4px;
|
|
border-radius: 2px;
|
|
top: 2px;
|
|
left: 2px;
|
|
box-shadow: 0 8px 0;
|
|
}
|
|
|
|
&::after {
|
|
width: 14px;
|
|
height: 2px;
|
|
top: 7px;
|
|
left: -2px;
|
|
}
|
|
}
|
|
|
|
.gg-smart-home-wash-machine {
|
|
display: block;
|
|
position: relative;
|
|
box-sizing: border-box;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 18px;
|
|
height: 20px;
|
|
border: 2px solid;
|
|
background: linear-gradient(to left, currentColor 18px, transparent 0)
|
|
no-repeat center 4px / 18px 2px;
|
|
border-radius: 3px;
|
|
|
|
&::after {
|
|
content: "";
|
|
position: absolute;
|
|
display: block;
|
|
box-sizing: border-box;
|
|
border-radius: 22px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
position: absolute;
|
|
display: block;
|
|
box-sizing: border-box;
|
|
border-radius: 22px;
|
|
bottom: 1px;
|
|
left: 3px;
|
|
width: 8px;
|
|
height: 8px;
|
|
border: 2px solid;
|
|
box-shadow: 5px -9px 0 -3px, 2px -9px 0 -3px;
|
|
}
|
|
|
|
&::after {
|
|
top: 1px;
|
|
left: 1px;
|
|
width: 4px;
|
|
height: 2px;
|
|
background: currentColor;
|
|
}
|
|
}
|
|
|
|
.gg-smartphone-chip {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 16px;
|
|
height: 16px;
|
|
border: 6px double;
|
|
border-radius: 3px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-radius: 3px;
|
|
width: 2px;
|
|
height: 2px;
|
|
left: -3px;
|
|
top: -9px;
|
|
background: currentColor;
|
|
box-shadow: 4px 0 0, 8px 0 0, 0 20px 0, 4px 20px 0, -6px 6px 0, 14px 6px 0,
|
|
14px 10px 0, 14px 14px 0, -6px 10px 0, -6px 14px 0, 8px 20px 0;
|
|
}
|
|
}
|
|
|
|
.gg-smartphone-ram {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 26px;
|
|
height: 14px;
|
|
border: 2px solid;
|
|
border-radius: 3px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-radius: 3px;
|
|
width: 2px;
|
|
height: 2px;
|
|
background: currentColor;
|
|
box-shadow: 16px 4px 0;
|
|
top: 2px;
|
|
left: 2px;
|
|
}
|
|
|
|
&::after {
|
|
box-shadow: 4px 0 0, 8px 0 0, 12px 0 0, 16px 0 0, 0 18px 0, 4px 18px 0,
|
|
8px 18px 0, 12px 18px 0, 16px 18px 0;
|
|
top: -5px;
|
|
}
|
|
}
|
|
|
|
.gg-smartphone-shake {
|
|
background: linear-gradient(to left, currentColor 5px, transparent 0)
|
|
no-repeat 4px 12px / 2px 2px;
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
transform: scale(var(--ggs, 1));
|
|
display: block;
|
|
width: 14px;
|
|
height: 20px;
|
|
border: 2px solid;
|
|
border-radius: 2px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
height: 10px;
|
|
width: 6px;
|
|
border: 2px solid transparent;
|
|
overflow: hidden;
|
|
box-shadow: 2px 0 0, inset -2px 0 0;
|
|
top: 3px;
|
|
left: -12px;
|
|
}
|
|
|
|
&::after {
|
|
transform: scaleX(-1);
|
|
left: 16px;
|
|
}
|
|
}
|
|
|
|
.gg-smartphone {
|
|
background: linear-gradient(to left, currentColor 5px, transparent 0)
|
|
no-repeat 4px 12px / 2px 2px;
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 14px;
|
|
height: 20px;
|
|
border: 2px solid;
|
|
border-radius: 2px;
|
|
}
|
|
|
|
.gg-smile-mouth-open {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 20px;
|
|
height: 20px;
|
|
border: 2px solid;
|
|
border-radius: 100px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
left: 4px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
left: 4px;
|
|
background: currentColor;
|
|
box-shadow: 6px 0 0;
|
|
width: 2px;
|
|
height: 2px;
|
|
border-radius: 50%;
|
|
top: 5px;
|
|
}
|
|
|
|
&::after {
|
|
width: 8px;
|
|
height: 4px;
|
|
border-radius: 150px;
|
|
border-top-left-radius: 0;
|
|
border-top-right-radius: 0;
|
|
border: 2px solid;
|
|
top: 9px;
|
|
}
|
|
}
|
|
|
|
.gg-smile-neutral {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 20px;
|
|
height: 20px;
|
|
border: 2px solid;
|
|
border-radius: 100px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
height: 2px;
|
|
background: currentColor;
|
|
left: 4px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
height: 2px;
|
|
background: currentColor;
|
|
left: 4px;
|
|
box-shadow: 6px 0 0;
|
|
width: 2px;
|
|
border-radius: 10px;
|
|
top: 5px;
|
|
}
|
|
|
|
&::after {
|
|
border-radius: 3px;
|
|
width: 8px;
|
|
top: 10px;
|
|
}
|
|
}
|
|
|
|
.gg-smile-no-mouth {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 20px;
|
|
height: 20px;
|
|
border: 2px solid;
|
|
border-radius: 100px;
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
height: 2px;
|
|
background: currentColor;
|
|
left: 4px;
|
|
box-shadow: 6px 0 0;
|
|
width: 2px;
|
|
border-radius: 10px;
|
|
top: 5px;
|
|
}
|
|
}
|
|
|
|
.gg-smile-none {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 20px;
|
|
height: 20px;
|
|
border: 2px solid;
|
|
border-radius: 100px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
height: 2px;
|
|
background: currentColor;
|
|
left: 4px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
height: 2px;
|
|
background: currentColor;
|
|
left: 4px;
|
|
box-shadow: 5px 0 0;
|
|
width: 3px;
|
|
border-radius: 10px;
|
|
top: 5px;
|
|
}
|
|
|
|
&::after {
|
|
border-radius: 3px;
|
|
width: 8px;
|
|
top: 10px;
|
|
}
|
|
}
|
|
|
|
.gg-smile-sad {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 20px;
|
|
height: 20px;
|
|
border: 2px solid;
|
|
border-radius: 100px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
left: 4px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
left: 4px;
|
|
background: currentColor;
|
|
box-shadow: 6px 0 0;
|
|
width: 2px;
|
|
height: 2px;
|
|
border-radius: 50%;
|
|
top: 5px;
|
|
}
|
|
|
|
&::after {
|
|
width: 8px;
|
|
height: 4px;
|
|
border-radius: 150px;
|
|
border-top-left-radius: 0;
|
|
border-top-right-radius: 0;
|
|
border: 2px solid;
|
|
border-top-color: transparent;
|
|
top: 9px;
|
|
transform: scaleY(-1);
|
|
}
|
|
}
|
|
|
|
.gg-smile-upside {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 20px;
|
|
height: 20px;
|
|
border: 2px solid;
|
|
border-radius: 100px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
left: 4px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
left: 4px;
|
|
background: currentColor;
|
|
box-shadow: 6px 0 0;
|
|
width: 2px;
|
|
height: 2px;
|
|
border-radius: 50%;
|
|
bottom: 5px;
|
|
}
|
|
|
|
&::after {
|
|
width: 8px;
|
|
height: 4px;
|
|
border-radius: 150px;
|
|
border-bottom-left-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
border: 2px solid;
|
|
border-bottom-color: transparent;
|
|
bottom: 9px;
|
|
}
|
|
}
|
|
|
|
.gg-smile {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 20px;
|
|
height: 20px;
|
|
border: 2px solid;
|
|
border-radius: 100px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
left: 4px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
left: 4px;
|
|
background: currentColor;
|
|
box-shadow: 6px 0 0;
|
|
width: 2px;
|
|
height: 2px;
|
|
border-radius: 50%;
|
|
top: 5px;
|
|
}
|
|
|
|
&::after {
|
|
width: 8px;
|
|
height: 4px;
|
|
border-radius: 150px;
|
|
border-top-left-radius: 0;
|
|
border-top-right-radius: 0;
|
|
border: 2px solid;
|
|
border-top-color: transparent;
|
|
top: 9px;
|
|
}
|
|
}
|
|
|
|
.gg-software-download {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 16px;
|
|
height: 6px;
|
|
border: 2px solid;
|
|
border-top: 0;
|
|
border-bottom-left-radius: 2px;
|
|
border-bottom-right-radius: 2px;
|
|
margin-top: 8px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 8px;
|
|
height: 8px;
|
|
border-left: 2px solid;
|
|
border-bottom: 2px solid;
|
|
transform: rotate(-45deg);
|
|
left: 2px;
|
|
bottom: 4px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-radius: 3px;
|
|
width: 2px;
|
|
height: 10px;
|
|
background: currentColor;
|
|
left: 5px;
|
|
bottom: 5px;
|
|
}
|
|
}
|
|
|
|
.gg-software-upload {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 16px;
|
|
height: 6px;
|
|
border: 2px solid;
|
|
border-top: 0;
|
|
border-bottom-left-radius: 2px;
|
|
border-bottom-right-radius: 2px;
|
|
margin-top: 8px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 8px;
|
|
height: 8px;
|
|
border-left: 2px solid;
|
|
border-top: 2px solid;
|
|
transform: rotate(45deg);
|
|
left: 2px;
|
|
bottom: 4px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-radius: 3px;
|
|
width: 2px;
|
|
height: 10px;
|
|
background: currentColor;
|
|
left: 5px;
|
|
bottom: 3px;
|
|
}
|
|
}
|
|
|
|
.gg-sort-az {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
height: 2px;
|
|
border-radius: 4px;
|
|
background: currentColor;
|
|
|
|
&::after,
|
|
&::before {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
height: 2px;
|
|
border-radius: 4px;
|
|
background: currentColor;
|
|
}
|
|
|
|
position: relative;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 8px;
|
|
|
|
&::after {
|
|
content: "";
|
|
position: absolute;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
position: absolute;
|
|
width: 12px;
|
|
top: -4px;
|
|
left: -2px;
|
|
}
|
|
|
|
&::after {
|
|
width: 4px;
|
|
top: 4px;
|
|
left: 2px;
|
|
}
|
|
}
|
|
|
|
.gg-sort-za {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
height: 2px;
|
|
border-radius: 4px;
|
|
background: currentColor;
|
|
|
|
&::after,
|
|
&::before {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
height: 2px;
|
|
border-radius: 4px;
|
|
background: currentColor;
|
|
}
|
|
|
|
position: relative;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 8px;
|
|
|
|
&::after {
|
|
content: "";
|
|
position: absolute;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
position: absolute;
|
|
width: 12px;
|
|
top: 4px;
|
|
left: -2px;
|
|
}
|
|
|
|
&::after {
|
|
width: 4px;
|
|
top: -4px;
|
|
left: 2px;
|
|
}
|
|
}
|
|
|
|
.gg-space-between-v {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 8px;
|
|
height: 14px;
|
|
border-top: 6px solid transparent;
|
|
border-bottom: 6px solid transparent;
|
|
box-shadow: inset 0 0 0 2px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 12px;
|
|
height: 4px;
|
|
border: 2px solid;
|
|
left: -2px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 12px;
|
|
height: 4px;
|
|
border: 2px solid;
|
|
left: -2px;
|
|
top: -6px;
|
|
border-top: 0;
|
|
}
|
|
|
|
&::after {
|
|
bottom: -6px;
|
|
border-bottom: 0;
|
|
}
|
|
}
|
|
|
|
.gg-space-between {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 14px;
|
|
height: 8px;
|
|
border-left: 6px solid transparent;
|
|
border-right: 6px solid transparent;
|
|
box-shadow: inset 0 0 0 2px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
height: 12px;
|
|
width: 4px;
|
|
border: 2px solid;
|
|
top: -2px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
height: 12px;
|
|
width: 4px;
|
|
border: 2px solid;
|
|
top: -2px;
|
|
left: -6px;
|
|
border-left: 0;
|
|
}
|
|
|
|
&::after {
|
|
right: -6px;
|
|
border-right: 0;
|
|
}
|
|
}
|
|
|
|
.gg-spectrum {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 16px;
|
|
height: 16px;
|
|
overflow: hidden;
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 30px;
|
|
height: 30px;
|
|
left: -15px;
|
|
bottom: -15px;
|
|
border: 8px solid;
|
|
border-radius: 18px;
|
|
}
|
|
}
|
|
|
|
@keyframes spinneralt {
|
|
0% {
|
|
transform: rotate(0deg);
|
|
}
|
|
|
|
to {
|
|
transform: rotate(359deg);
|
|
}
|
|
}
|
|
|
|
.gg-spinner-alt {
|
|
transform: scale(var(--ggs, 1));
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 20px;
|
|
height: 20px;
|
|
|
|
&::before {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 20px;
|
|
height: 20px;
|
|
content: "";
|
|
position: absolute;
|
|
border-radius: 100px;
|
|
animation: spinneralt 1s cubic-bezier(0.6, 0, 0.4, 1) infinite;
|
|
border: 3px solid transparent;
|
|
border-top-color: currentColor;
|
|
}
|
|
}
|
|
|
|
@keyframes spinner-two-alt {
|
|
0% {
|
|
transform: rotate(0deg);
|
|
}
|
|
|
|
to {
|
|
transform: rotate(359deg);
|
|
}
|
|
}
|
|
|
|
.gg-spinner-two-alt {
|
|
box-sizing: border-box;
|
|
display: block;
|
|
width: 20px;
|
|
height: 20px;
|
|
|
|
&::before {
|
|
box-sizing: border-box;
|
|
display: block;
|
|
width: 20px;
|
|
height: 20px;
|
|
content: "";
|
|
position: absolute;
|
|
border-radius: 100px;
|
|
animation: spinner-two-alt 1s cubic-bezier(0.6, 0, 0.4, 1) infinite;
|
|
border: 3px solid transparent;
|
|
border-bottom-color: currentColor;
|
|
border-top-color: currentColor;
|
|
}
|
|
|
|
transform: scale(var(--ggs, 1));
|
|
position: relative;
|
|
}
|
|
|
|
@keyframes spinner-two {
|
|
0% {
|
|
transform: rotate(0deg);
|
|
}
|
|
|
|
to {
|
|
transform: rotate(359deg);
|
|
}
|
|
}
|
|
|
|
.gg-spinner-two {
|
|
transform: scale(var(--ggs, 1));
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 20px;
|
|
height: 20px;
|
|
|
|
&::after {
|
|
box-sizing: border-box;
|
|
display: block;
|
|
width: 20px;
|
|
height: 20px;
|
|
content: "";
|
|
position: absolute;
|
|
border-radius: 100px;
|
|
}
|
|
|
|
&::before {
|
|
box-sizing: border-box;
|
|
display: block;
|
|
width: 20px;
|
|
height: 20px;
|
|
content: "";
|
|
position: absolute;
|
|
border-radius: 100px;
|
|
animation: spinner-two 1s cubic-bezier(0.6, 0, 0.4, 1) infinite;
|
|
border: 3px solid transparent;
|
|
border-bottom-color: currentColor;
|
|
border-top-color: currentColor;
|
|
}
|
|
|
|
&::after {
|
|
border: 3px solid;
|
|
opacity: 0.2;
|
|
}
|
|
}
|
|
|
|
.gg-spinner {
|
|
transform: scale(var(--ggs, 1));
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 20px;
|
|
height: 20px;
|
|
|
|
&::after,
|
|
&::before {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 20px;
|
|
height: 20px;
|
|
}
|
|
|
|
&::after {
|
|
content: "";
|
|
position: absolute;
|
|
border-radius: 100px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
position: absolute;
|
|
border-radius: 100px;
|
|
animation: spinner 1s cubic-bezier(0.6, 0, 0.4, 1) infinite;
|
|
border: 3px solid transparent;
|
|
border-top-color: currentColor;
|
|
}
|
|
|
|
&::after {
|
|
border: 3px solid;
|
|
opacity: 0.2;
|
|
}
|
|
}
|
|
|
|
@keyframes spinner {
|
|
0% {
|
|
transform: rotate(0deg);
|
|
}
|
|
|
|
to {
|
|
transform: rotate(359deg);
|
|
}
|
|
}
|
|
|
|
.gg-square {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 12px;
|
|
height: 12px;
|
|
border-radius: 1px;
|
|
border: 3px solid transparent;
|
|
box-shadow: 0 0 0 3px, inset 0 0 0 3px;
|
|
}
|
|
|
|
.gg-stack {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
width: 14px;
|
|
height: 14px;
|
|
border: 2px solid;
|
|
|
|
&::after,
|
|
&::before {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
width: 14px;
|
|
height: 14px;
|
|
border: 2px solid;
|
|
}
|
|
|
|
margin-right: 8px;
|
|
margin-top: 8px;
|
|
transform: scale(var(--ggs, 1));
|
|
position: relative;
|
|
|
|
&::after {
|
|
content: "";
|
|
position: absolute;
|
|
border-left: 0;
|
|
border-bottom: 0;
|
|
right: -5px;
|
|
top: -5px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
position: absolute;
|
|
border-left: 0;
|
|
border-bottom: 0;
|
|
right: -5px;
|
|
top: -5px;
|
|
right: -8px;
|
|
top: -8px;
|
|
}
|
|
}
|
|
|
|
.gg-stark {
|
|
background: currentColor;
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: rotate(45deg) scale(var(--ggs, 1));
|
|
width: 3px;
|
|
height: 16px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 8px;
|
|
height: 16px;
|
|
border: 3px solid;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 8px;
|
|
height: 16px;
|
|
border: 3px solid;
|
|
border-top-left-radius: 100px;
|
|
border-bottom-left-radius: 100px;
|
|
border-right: 0;
|
|
border-top-color: transparent;
|
|
left: -7px;
|
|
bottom: 0;
|
|
}
|
|
|
|
&::after {
|
|
border-top-right-radius: 100px;
|
|
border-bottom-right-radius: 100px;
|
|
border-left: 0;
|
|
border-bottom-color: transparent;
|
|
right: -7px;
|
|
top: 0;
|
|
}
|
|
}
|
|
|
|
.gg-stopwatch {
|
|
background: linear-gradient(to left, currentColor 7px, transparent 0)
|
|
no-repeat 6px 2px / 2px 6px;
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 18px;
|
|
height: 18px;
|
|
border-radius: 100%;
|
|
border: 2px solid transparent;
|
|
box-shadow: 0 0 0 2px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 4px;
|
|
height: 2px;
|
|
background: currentColor;
|
|
transform: rotate(45deg);
|
|
right: -4px;
|
|
top: -3px;
|
|
}
|
|
}
|
|
|
|
.gg-stories {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
border-radius: 3px;
|
|
|
|
&::after,
|
|
&::before {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
position: relative;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 12px;
|
|
height: 16px;
|
|
border: 2px solid;
|
|
|
|
&::after {
|
|
content: "";
|
|
position: absolute;
|
|
background: currentColor;
|
|
width: 2px;
|
|
height: 14px;
|
|
top: -1px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
position: absolute;
|
|
background: currentColor;
|
|
width: 2px;
|
|
height: 14px;
|
|
top: -1px;
|
|
left: -6px;
|
|
}
|
|
|
|
&::after {
|
|
right: -6px;
|
|
}
|
|
}
|
|
|
|
.gg-studio {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 18px;
|
|
height: 18px;
|
|
border: 2px solid;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 4px;
|
|
height: 4px;
|
|
background: currentColor;
|
|
right: 2px;
|
|
bottom: 2px;
|
|
}
|
|
}
|
|
|
|
.gg-style {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
width: 8px;
|
|
height: 8px;
|
|
|
|
&::after,
|
|
&::before {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
width: 8px;
|
|
height: 8px;
|
|
}
|
|
|
|
position: relative;
|
|
transform: scale(var(--ggs, 1));
|
|
box-shadow: -3px 3px 0 -1px, 3px -3px 0 -1px;
|
|
|
|
&::after {
|
|
content: "";
|
|
position: absolute;
|
|
border: 2px solid;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
position: absolute;
|
|
border: 2px solid;
|
|
top: -5px;
|
|
left: -5px;
|
|
}
|
|
|
|
&::after {
|
|
bottom: -5px;
|
|
right: -5px;
|
|
}
|
|
}
|
|
|
|
.gg-sun {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 24px;
|
|
height: 24px;
|
|
background: linear-gradient(to bottom, currentColor 4px, transparent 0)
|
|
no-repeat 5px -6px / 2px 6px,
|
|
linear-gradient(to bottom, currentColor 4px, transparent 0) no-repeat 5px
|
|
14px / 2px 6px,
|
|
linear-gradient(to bottom, currentColor 4px, transparent 0) no-repeat -8px 5px /
|
|
6px 2px,
|
|
linear-gradient(to bottom, currentColor 4px, transparent 0) no-repeat 14px
|
|
5px / 6px 2px;
|
|
border-radius: 100px;
|
|
box-shadow: inset 0 0 0 2px;
|
|
border: 6px solid transparent;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 24px;
|
|
height: 2px;
|
|
border-right: 4px solid;
|
|
border-left: 4px solid;
|
|
left: -6px;
|
|
top: 5px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 24px;
|
|
height: 2px;
|
|
border-right: 4px solid;
|
|
border-left: 4px solid;
|
|
left: -6px;
|
|
top: 5px;
|
|
transform: rotate(-45deg);
|
|
}
|
|
|
|
&::after {
|
|
transform: rotate(45deg);
|
|
}
|
|
}
|
|
|
|
.gg-support {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
width: 20px;
|
|
height: 20px;
|
|
transform: rotate(45deg) scale(var(--ggs, 1));
|
|
border: 5px solid transparent;
|
|
box-shadow: 0 0 0 2px, inset 0 0 0 2px;
|
|
border-radius: 40px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-left: 9px solid;
|
|
border-right: 9px solid;
|
|
width: 24px;
|
|
height: 2px;
|
|
left: -7px;
|
|
top: 4px;
|
|
}
|
|
|
|
&::after {
|
|
width: 2px;
|
|
height: 24px;
|
|
border-top: 9px solid;
|
|
border-bottom: 9px solid;
|
|
left: 4px;
|
|
top: -7px;
|
|
}
|
|
}
|
|
|
|
.gg-swap-vertical {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: rotate(90deg) scale(var(--ggs, 1));
|
|
box-shadow: -2px 2px 0, 2px -2px 0;
|
|
width: 6px;
|
|
height: 2px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 0;
|
|
height: 0;
|
|
border-top: 3px solid transparent;
|
|
border-bottom: 3px solid transparent;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 0;
|
|
height: 0;
|
|
border-top: 3px solid transparent;
|
|
border-bottom: 3px solid transparent;
|
|
border-left: 3px solid;
|
|
top: -4px;
|
|
right: -4px;
|
|
}
|
|
|
|
&::after {
|
|
border-right: 3px solid;
|
|
bottom: -4px;
|
|
left: -4px;
|
|
}
|
|
}
|
|
|
|
.gg-swap {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
box-shadow: -2px 2px 0, 2px -2px 0;
|
|
width: 6px;
|
|
height: 2px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 0;
|
|
height: 0;
|
|
border-top: 3px solid transparent;
|
|
border-bottom: 3px solid transparent;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 0;
|
|
height: 0;
|
|
border-top: 3px solid transparent;
|
|
border-bottom: 3px solid transparent;
|
|
border-left: 3px solid;
|
|
top: -4px;
|
|
right: -4px;
|
|
}
|
|
|
|
&::after {
|
|
border-right: 3px solid;
|
|
bottom: -4px;
|
|
left: -4px;
|
|
}
|
|
}
|
|
|
|
.gg-sweden {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 21px;
|
|
height: 16px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
height: 6px;
|
|
background: currentColor;
|
|
box-shadow: 0 8px 0;
|
|
top: 0;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
height: 6px;
|
|
background: currentColor;
|
|
box-shadow: 0 8px 0;
|
|
top: 0;
|
|
left: 0;
|
|
width: 7px;
|
|
}
|
|
|
|
&::after {
|
|
width: 12px;
|
|
right: 0;
|
|
}
|
|
}
|
|
|
|
.gg-swiss {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 18px;
|
|
height: 18px;
|
|
border: 4px solid;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 5px;
|
|
height: 5px;
|
|
background: currentColor;
|
|
box-shadow: 0 9px 0;
|
|
top: -2px;
|
|
}
|
|
|
|
&::after {
|
|
left: -2px;
|
|
}
|
|
|
|
&::before {
|
|
right: -2px;
|
|
}
|
|
}
|
|
|
|
.gg-sync {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
border-radius: 40px;
|
|
border: 2px solid;
|
|
margin: 1px;
|
|
border-left-color: transparent;
|
|
border-right-color: transparent;
|
|
width: 18px;
|
|
height: 18px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 0;
|
|
height: 0;
|
|
border-top: 4px solid transparent;
|
|
border-bottom: 4px solid transparent;
|
|
transform: rotate(-45deg);
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 0;
|
|
height: 0;
|
|
border-top: 4px solid transparent;
|
|
border-bottom: 4px solid transparent;
|
|
transform: rotate(-45deg);
|
|
border-left: 6px solid;
|
|
bottom: -1px;
|
|
right: -3px;
|
|
}
|
|
|
|
&::after {
|
|
border-right: 6px solid;
|
|
top: -1px;
|
|
left: -3px;
|
|
}
|
|
}
|
|
|
|
.gg-tab {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
|
|
&::before {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
content: "";
|
|
position: absolute;
|
|
width: 10px;
|
|
height: 6px;
|
|
background: currentColor;
|
|
border-radius: 1px;
|
|
transform: skewX(20deg);
|
|
top: -2px;
|
|
right: -1px;
|
|
}
|
|
|
|
position: relative;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 20px;
|
|
height: 16px;
|
|
border: 2px solid;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.gg-tag {
|
|
display: block;
|
|
border: 2px solid;
|
|
|
|
&::before {
|
|
display: block;
|
|
border: 2px solid;
|
|
content: "";
|
|
position: absolute;
|
|
width: 2px;
|
|
height: 2px;
|
|
box-sizing: content-box;
|
|
border-radius: 100px;
|
|
right: 0;
|
|
top: 2px;
|
|
}
|
|
|
|
border-right: 0;
|
|
border-top-left-radius: 3px;
|
|
border-bottom-left-radius: 3px;
|
|
box-sizing: border-box;
|
|
transform: scale(var(--ggs, 1));
|
|
position: relative;
|
|
width: 19px;
|
|
height: 14px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 10px;
|
|
height: 10px;
|
|
border-bottom: 2px solid;
|
|
border-right: 2px solid;
|
|
border-bottom-right-radius: 4px;
|
|
transform: rotate(-45deg);
|
|
top: 0;
|
|
right: -5px;
|
|
}
|
|
}
|
|
|
|
.gg-tally {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: skew(-10deg) scale(var(--ggs, 1));
|
|
width: 18px;
|
|
height: 20px;
|
|
|
|
&::after {
|
|
content: "";
|
|
position: absolute;
|
|
box-sizing: border-box;
|
|
display: block;
|
|
width: 3px;
|
|
background: currentColor;
|
|
border-radius: 0.5px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
position: absolute;
|
|
box-sizing: border-box;
|
|
display: block;
|
|
width: 3px;
|
|
background: currentColor;
|
|
border-radius: 0.5px;
|
|
height: 20px;
|
|
box-shadow: 5px 0 0;
|
|
left: 5px;
|
|
}
|
|
|
|
&::after {
|
|
height: 8px;
|
|
box-shadow: 15px 0 0;
|
|
}
|
|
}
|
|
|
|
.gg-tap-double {
|
|
display: block;
|
|
position: relative;
|
|
box-sizing: border-box;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 20px;
|
|
height: 22px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-radius: 22px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-radius: 22px;
|
|
width: 20px;
|
|
height: 20px;
|
|
border: 6px double transparent;
|
|
border-top: 6px double;
|
|
}
|
|
|
|
&::after {
|
|
width: 6px;
|
|
height: 10px;
|
|
border: 2px solid transparent;
|
|
border-bottom-width: 5px;
|
|
box-shadow: 0 0 0 2px, inset 0 0 0 2px;
|
|
left: 7px;
|
|
bottom: 2px;
|
|
}
|
|
}
|
|
|
|
.gg-tap-single {
|
|
display: block;
|
|
position: relative;
|
|
box-sizing: border-box;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 16px;
|
|
height: 22px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border: 2px solid transparent;
|
|
border-radius: 22px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border: 2px solid transparent;
|
|
border-radius: 22px;
|
|
width: 16px;
|
|
height: 16px;
|
|
border-top: 2px solid;
|
|
top: 2px;
|
|
}
|
|
|
|
&::after {
|
|
width: 6px;
|
|
height: 10px;
|
|
border-bottom-width: 5px;
|
|
box-shadow: 0 0 0 2px, inset 0 0 0 2px;
|
|
left: 5px;
|
|
top: 8px;
|
|
}
|
|
}
|
|
|
|
.gg-template {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 18px;
|
|
height: 6px;
|
|
border: 2px solid;
|
|
margin-top: -14px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 8px;
|
|
height: 10px;
|
|
top: 6px;
|
|
}
|
|
|
|
&::after {
|
|
border: 2px solid;
|
|
left: -2px;
|
|
}
|
|
|
|
&::before {
|
|
border-top: 6px double;
|
|
border-bottom: 2px solid;
|
|
right: -2px;
|
|
}
|
|
}
|
|
|
|
.gg-tennis {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
border: 2px solid;
|
|
width: 20px;
|
|
height: 20px;
|
|
border-radius: 20px;
|
|
|
|
&::after,
|
|
&::before {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
border: 2px solid;
|
|
width: 20px;
|
|
height: 20px;
|
|
border-radius: 20px;
|
|
}
|
|
|
|
position: relative;
|
|
transform: scale(var(--ggs, 1));
|
|
overflow: hidden;
|
|
|
|
&::after {
|
|
content: "";
|
|
position: absolute;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
position: absolute;
|
|
left: -11px;
|
|
top: -11px;
|
|
}
|
|
|
|
&::after {
|
|
right: -11px;
|
|
bottom: -11px;
|
|
}
|
|
}
|
|
|
|
.gg-terminal {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 24px;
|
|
height: 20px;
|
|
border: 2px solid;
|
|
border-radius: 2px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-right: 2px solid;
|
|
border-bottom: 2px solid;
|
|
transform: rotate(-45deg);
|
|
width: 6px;
|
|
height: 6px;
|
|
top: 5px;
|
|
left: 3px;
|
|
}
|
|
|
|
&::after {
|
|
width: 4px;
|
|
height: 2px;
|
|
background: currentColor;
|
|
top: 10px;
|
|
left: 11px;
|
|
}
|
|
}
|
|
|
|
.gg-terrain {
|
|
display: block;
|
|
position: relative;
|
|
box-sizing: border-box;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 22px;
|
|
height: 14px;
|
|
overflow: hidden;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 0;
|
|
height: 10px;
|
|
border-left: 6px solid transparent;
|
|
border-right: 6px solid transparent;
|
|
border-bottom: 10px solid;
|
|
top: 4px;
|
|
}
|
|
|
|
&::after {
|
|
width: 6px;
|
|
height: 22px;
|
|
background: currentColor;
|
|
transform: rotate(-32deg) skewY(-35deg);
|
|
left: 14px;
|
|
top: 3px;
|
|
}
|
|
}
|
|
|
|
.gg-thermometer {
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 22px;
|
|
height: 22px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
width: 2px;
|
|
border-radius: 22px;
|
|
transform: rotate(45deg);
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
width: 2px;
|
|
border-radius: 22px;
|
|
transform: rotate(45deg);
|
|
height: 12px;
|
|
border: 2px solid transparent;
|
|
box-shadow: 0 0 0 2px, inset 0 0 0 6px;
|
|
right: 6px;
|
|
top: 1px;
|
|
}
|
|
|
|
&::after {
|
|
height: 8px;
|
|
background: currentColor;
|
|
bottom: 0;
|
|
left: 3px;
|
|
}
|
|
}
|
|
|
|
.gg-thermostat {
|
|
position: relative;
|
|
display: block;
|
|
box-sizing: border-box;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 10px;
|
|
height: 24px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border: 2px solid;
|
|
}
|
|
|
|
&::after {
|
|
width: 12px;
|
|
height: 12px;
|
|
border-top-color: transparent;
|
|
bottom: 0;
|
|
border-radius: 100px;
|
|
background: radial-gradient(circle, currentColor 20%, transparent 20%)
|
|
no-repeat center;
|
|
}
|
|
|
|
&::before {
|
|
width: 8px;
|
|
height: 16px;
|
|
border-bottom-color: transparent;
|
|
left: 2px;
|
|
border-top-left-radius: 100px;
|
|
border-top-right-radius: 100px;
|
|
}
|
|
}
|
|
|
|
.gg-tikcode {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 18px;
|
|
height: 18px;
|
|
background: linear-gradient(to left, currentColor 10px, transparent 0)
|
|
no-repeat 10px 0 / 8px 2px,
|
|
linear-gradient(to left, currentColor 10px, transparent 0) no-repeat 10px
|
|
6px / 8px 2px,
|
|
linear-gradient(to left, currentColor 10px, transparent 0) no-repeat 10px
|
|
10px / 2px 8px,
|
|
linear-gradient(to left, currentColor 10px, transparent 0) no-repeat 13px
|
|
10px / 2px 8px,
|
|
linear-gradient(to left, currentColor 10px, transparent 0) no-repeat 16px
|
|
10px / 2px 8px,
|
|
linear-gradient(to left, currentColor 10px, transparent 0) no-repeat 16px 0 /
|
|
2px 8px,
|
|
linear-gradient(to left, currentColor 10px, transparent 0) no-repeat 10px 0 /
|
|
2px 8px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
position: absolute;
|
|
display: block;
|
|
box-sizing: border-box;
|
|
width: 8px;
|
|
height: 8px;
|
|
border: 2px solid;
|
|
}
|
|
|
|
&::after {
|
|
bottom: 0;
|
|
}
|
|
}
|
|
|
|
.gg-time {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 18px;
|
|
height: 18px;
|
|
border-radius: 100%;
|
|
border: 2px solid transparent;
|
|
box-shadow: 0 0 0 2px currentColor;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 7px;
|
|
height: 7px;
|
|
border-left: 2px solid;
|
|
border-bottom: 2px solid;
|
|
top: 1px;
|
|
left: 5px;
|
|
}
|
|
}
|
|
|
|
.gg-timelapse {
|
|
box-sizing: border-box;
|
|
transform: scale(var(--ggs, 1));
|
|
position: relative;
|
|
display: block;
|
|
width: 22px;
|
|
height: 22px;
|
|
border: 2px solid;
|
|
border-radius: 22px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 5px;
|
|
height: 4px;
|
|
border: 7px solid;
|
|
border-left-color: transparent;
|
|
border-bottom-color: transparent;
|
|
border-radius: 22px;
|
|
top: 2px;
|
|
right: 2px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 5px;
|
|
height: 4px;
|
|
border: 7px solid;
|
|
border-left-color: transparent;
|
|
border-bottom-color: transparent;
|
|
border-radius: 22px;
|
|
top: 2px;
|
|
right: 2px;
|
|
transform: rotate(45deg);
|
|
}
|
|
|
|
&::after {
|
|
border-top-color: transparent;
|
|
transform: rotate(85deg);
|
|
}
|
|
}
|
|
|
|
.gg-timer {
|
|
border: 2px solid;
|
|
width: 18px;
|
|
height: 18px;
|
|
border-radius: 40px;
|
|
|
|
&::before {
|
|
border: 2px solid;
|
|
width: 18px;
|
|
height: 18px;
|
|
border-radius: 40px;
|
|
}
|
|
|
|
background: linear-gradient(to left, currentColor 10px, transparent 0)
|
|
no-repeat 6px -2px / 2px 6px;
|
|
box-sizing: border-box;
|
|
transform: scale(var(--ggs, 1));
|
|
position: relative;
|
|
display: block;
|
|
border-top-color: transparent;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-right-color: transparent;
|
|
border-left-color: transparent;
|
|
border-bottom-color: transparent;
|
|
right: -2px;
|
|
top: -2px;
|
|
transform: rotate(45deg);
|
|
}
|
|
|
|
&::after {
|
|
width: 2px;
|
|
height: 6px;
|
|
background: currentColor;
|
|
transform: rotate(-50deg);
|
|
left: 4px;
|
|
bottom: 5px;
|
|
border-radius: 100px;
|
|
}
|
|
}
|
|
|
|
.gg-today {
|
|
display: block;
|
|
position: relative;
|
|
box-sizing: border-box;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 18px;
|
|
height: 22px;
|
|
border: 2px solid;
|
|
border-radius: 3px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
left: 2px;
|
|
background: currentColor;
|
|
border-radius: 1px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
left: 2px;
|
|
background: currentColor;
|
|
border-radius: 1px;
|
|
bottom: 2px;
|
|
width: 10px;
|
|
height: 10px;
|
|
opacity: 0.5;
|
|
}
|
|
|
|
&::after {
|
|
top: 2px;
|
|
width: 6px;
|
|
height: 2px;
|
|
}
|
|
}
|
|
|
|
.gg-toggle-off {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
border-radius: 20px;
|
|
|
|
&::before {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
border-radius: 20px;
|
|
content: "";
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 6px;
|
|
background: currentColor;
|
|
top: 2px;
|
|
left: 12px;
|
|
}
|
|
|
|
border: 2px solid;
|
|
position: relative;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 24px;
|
|
height: 14px;
|
|
}
|
|
|
|
.gg-toggle-on {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
border-radius: 20px;
|
|
|
|
&::before {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
border-radius: 20px;
|
|
content: "";
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 6px;
|
|
background: currentColor;
|
|
top: 2px;
|
|
left: 2px;
|
|
}
|
|
|
|
border: 2px solid;
|
|
position: relative;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 24px;
|
|
height: 14px;
|
|
}
|
|
|
|
.gg-toggle-square-off {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 24px;
|
|
height: 14px;
|
|
border: 2px solid;
|
|
border-radius: 2px;
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 6px;
|
|
background: currentColor;
|
|
top: 2px;
|
|
left: 12px;
|
|
border-radius: 1px;
|
|
}
|
|
}
|
|
|
|
.gg-toggle-square {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 24px;
|
|
height: 14px;
|
|
border: 2px solid;
|
|
border-radius: 2px;
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 6px;
|
|
background: currentColor;
|
|
top: 2px;
|
|
left: 2px;
|
|
border-radius: 1px;
|
|
}
|
|
}
|
|
|
|
.gg-toolbar-bottom {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 18px;
|
|
height: 12px;
|
|
box-shadow: 0 0 0 2px, inset 0 -2px 0;
|
|
border: 2px solid transparent;
|
|
border-radius: 1px;
|
|
}
|
|
|
|
.gg-toolbar-left {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 18px;
|
|
height: 12px;
|
|
box-shadow: 0 0 0 2px, inset 2px 0 0;
|
|
border: 2px solid transparent;
|
|
border-radius: 1px;
|
|
}
|
|
|
|
.gg-toolbar-right {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 18px;
|
|
height: 12px;
|
|
box-shadow: 0 0 0 2px, inset -2px 0 0;
|
|
border: 2px solid transparent;
|
|
border-radius: 1px;
|
|
}
|
|
|
|
.gg-toolbar-top {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 18px;
|
|
height: 12px;
|
|
box-shadow: 0 0 0 2px, inset 0 2px 0;
|
|
border: 2px solid transparent;
|
|
border-radius: 1px;
|
|
}
|
|
|
|
.gg-toolbox {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 22px;
|
|
height: 16px;
|
|
border: 2px solid;
|
|
border-radius: 2px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border: 2px solid;
|
|
border-bottom: 0;
|
|
border-top-left-radius: 3px;
|
|
border-top-right-radius: 3px;
|
|
left: 4px;
|
|
width: 10px;
|
|
height: 4px;
|
|
top: -5px;
|
|
}
|
|
|
|
&::after {
|
|
width: 18px;
|
|
height: 2px;
|
|
border-left: 4px solid transparent;
|
|
border-right: 4px solid transparent;
|
|
box-shadow: 0 -2px 0, inset 4px 0 0, inset -4px 0 0;
|
|
top: 4px;
|
|
}
|
|
}
|
|
|
|
.gg-touchpad {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
border: 2px solid;
|
|
border-radius: 3px;
|
|
width: 22px;
|
|
height: 18px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 2px;
|
|
height: 6px;
|
|
bottom: -2px;
|
|
left: 8px;
|
|
background: currentColor;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 20px;
|
|
height: 2px;
|
|
left: -2px;
|
|
bottom: 3px;
|
|
background: currentColor;
|
|
}
|
|
}
|
|
|
|
.gg-track {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 10px;
|
|
height: 10px;
|
|
border: 2px solid transparent;
|
|
box-shadow: 0 0 0 2px, inset 0 0 0 10px;
|
|
border-radius: 100px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-radius: 3px;
|
|
border-left: 4px solid;
|
|
border-right: 4px solid;
|
|
width: 18px;
|
|
height: 2px;
|
|
left: -6px;
|
|
top: 2px;
|
|
}
|
|
|
|
&::after {
|
|
width: 2px;
|
|
height: 18px;
|
|
border-top: 4px solid;
|
|
border-bottom: 4px solid;
|
|
left: 2px;
|
|
top: -6px;
|
|
}
|
|
}
|
|
|
|
.gg-transcript {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
border: 2px solid;
|
|
border-radius: 3px;
|
|
width: 22px;
|
|
height: 18px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
height: 2px;
|
|
border-radius: 3px;
|
|
background: currentColor;
|
|
bottom: 2px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
height: 2px;
|
|
border-radius: 3px;
|
|
background: currentColor;
|
|
bottom: 2px;
|
|
width: 10px;
|
|
left: 2px;
|
|
box-shadow: 4px -4px 0;
|
|
}
|
|
|
|
&::after {
|
|
width: 3px;
|
|
right: 2px;
|
|
box-shadow: -11px -4px 0;
|
|
}
|
|
}
|
|
|
|
.gg-trash-empty {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 10px;
|
|
height: 12px;
|
|
border: 2px solid transparent;
|
|
box-shadow: 0 0 0 2px;
|
|
border-bottom-left-radius: 1px;
|
|
border-bottom-right-radius: 1px;
|
|
margin-top: 4px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
}
|
|
|
|
&::after {
|
|
background: currentColor;
|
|
border-radius: 3px;
|
|
width: 16px;
|
|
height: 2px;
|
|
top: -4px;
|
|
left: -5px;
|
|
}
|
|
|
|
&::before {
|
|
width: 10px;
|
|
height: 4px;
|
|
border: 2px solid;
|
|
border-bottom: transparent;
|
|
border-top-left-radius: 2px;
|
|
border-top-right-radius: 2px;
|
|
top: -7px;
|
|
left: -2px;
|
|
}
|
|
}
|
|
|
|
.gg-trash {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 10px;
|
|
height: 12px;
|
|
border: 2px solid transparent;
|
|
box-shadow: 0 0 0 2px, inset -2px 0 0, inset 2px 0 0;
|
|
border-bottom-left-radius: 1px;
|
|
border-bottom-right-radius: 1px;
|
|
margin-top: 4px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
}
|
|
|
|
&::after {
|
|
background: currentColor;
|
|
border-radius: 3px;
|
|
width: 16px;
|
|
height: 2px;
|
|
top: -4px;
|
|
left: -5px;
|
|
}
|
|
|
|
&::before {
|
|
width: 10px;
|
|
height: 4px;
|
|
border: 2px solid;
|
|
border-bottom: transparent;
|
|
border-top-left-radius: 2px;
|
|
border-top-right-radius: 2px;
|
|
top: -7px;
|
|
left: -2px;
|
|
}
|
|
}
|
|
|
|
.gg-tree {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 10px;
|
|
height: 20px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-radius: 8px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-radius: 8px;
|
|
width: 10px;
|
|
height: 16px;
|
|
border: 2px solid;
|
|
}
|
|
|
|
&::after {
|
|
width: 2px;
|
|
height: 12px;
|
|
background: currentColor;
|
|
left: 4px;
|
|
bottom: 0;
|
|
}
|
|
}
|
|
|
|
.gg-trees {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 16px;
|
|
height: 20px;
|
|
border-left: 4px solid transparent;
|
|
border-right: 3px solid transparent;
|
|
border-top: 10px solid transparent;
|
|
box-shadow: inset 2px 0 0, inset -2px 0 0;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
box-sizing: border-box;
|
|
width: 10px;
|
|
height: 16px;
|
|
border: 2px solid;
|
|
border-radius: 8px;
|
|
left: -4px;
|
|
top: -10px;
|
|
}
|
|
|
|
&::after {
|
|
width: 8px;
|
|
height: 12px;
|
|
top: -6px;
|
|
left: 4px;
|
|
}
|
|
}
|
|
|
|
.gg-trello {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 20px;
|
|
height: 20px;
|
|
border: 2px solid;
|
|
border-radius: 2px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 5px;
|
|
background: currentColor;
|
|
border-radius: 1px;
|
|
top: 2px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 5px;
|
|
background: currentColor;
|
|
border-radius: 1px;
|
|
top: 2px;
|
|
left: 2px;
|
|
height: 12px;
|
|
}
|
|
|
|
&::after {
|
|
height: 8px;
|
|
right: 2px;
|
|
}
|
|
}
|
|
|
|
.gg-trending-down {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: rotate(45deg) scale(var(--ggs, 1));
|
|
width: 10px;
|
|
height: 8px;
|
|
border-bottom: 2px solid;
|
|
border-right: 2px solid;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
background: currentColor;
|
|
left: 8px;
|
|
width: 10px;
|
|
height: 2px;
|
|
top: 0;
|
|
}
|
|
|
|
&::after {
|
|
width: 0;
|
|
height: 0;
|
|
border-top: 4px solid transparent;
|
|
border-bottom: 4px solid transparent;
|
|
border-left: 6px solid;
|
|
top: -3px;
|
|
right: -14px;
|
|
}
|
|
}
|
|
|
|
.gg-trending {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: rotate(-45deg) scale(var(--ggs, 1));
|
|
width: 10px;
|
|
height: 8px;
|
|
border-top: 2px solid;
|
|
border-right: 2px solid;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
background: currentColor;
|
|
left: 8px;
|
|
width: 10px;
|
|
height: 2px;
|
|
bottom: 0;
|
|
}
|
|
|
|
&::after {
|
|
width: 0;
|
|
height: 0;
|
|
border-top: 4px solid transparent;
|
|
border-bottom: 4px solid transparent;
|
|
border-left: 6px solid;
|
|
bottom: -3px;
|
|
right: -14px;
|
|
}
|
|
}
|
|
|
|
.gg-trophy {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 10px;
|
|
height: 12px;
|
|
border: 2px solid;
|
|
border-bottom-left-radius: 100px;
|
|
border-bottom-right-radius: 100px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
box-shadow: inset 0 0 0 2px, 0 2px 0 0;
|
|
bottom: -4px;
|
|
width: 6px;
|
|
height: 4px;
|
|
border-left: 2px solid transparent;
|
|
border-right: 2px solid transparent;
|
|
left: 0;
|
|
}
|
|
|
|
&::after {
|
|
width: 16px;
|
|
height: 6px;
|
|
border-left: 2px solid;
|
|
border-right: 2px solid;
|
|
left: -5px;
|
|
top: 0;
|
|
}
|
|
}
|
|
|
|
.gg-tv {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 16px;
|
|
height: 11px;
|
|
border: 2px solid;
|
|
border-radius: 2px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-left: 2px solid;
|
|
border-bottom: 2px solid;
|
|
border-bottom-left-radius: 2px;
|
|
top: -6px;
|
|
left: 3px;
|
|
transform: rotate(-45deg);
|
|
width: 6px;
|
|
height: 5px;
|
|
}
|
|
|
|
&::after {
|
|
width: 8px;
|
|
height: 1px;
|
|
background: currentColor;
|
|
border-radius: 10px;
|
|
bottom: -4px;
|
|
right: 2px;
|
|
}
|
|
}
|
|
|
|
.gg-twilio {
|
|
display: block;
|
|
position: relative;
|
|
box-sizing: border-box;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 24px;
|
|
height: 24px;
|
|
border-radius: 22px;
|
|
box-shadow: inset 0 0 0 3px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
box-sizing: border-box;
|
|
background: currentColor;
|
|
border-radius: 6px;
|
|
width: 4px;
|
|
height: 4px;
|
|
top: 7px;
|
|
box-shadow: 0 6px 0;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
box-sizing: border-box;
|
|
background: currentColor;
|
|
border-radius: 6px;
|
|
width: 4px;
|
|
height: 4px;
|
|
top: 7px;
|
|
box-shadow: 0 6px 0;
|
|
left: 7px;
|
|
}
|
|
|
|
&::after {
|
|
right: 7px;
|
|
}
|
|
}
|
|
|
|
.gg-twitter {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 20px;
|
|
height: 20px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
box-sizing: border-box;
|
|
left: 4px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
box-sizing: border-box;
|
|
left: 4px;
|
|
width: 9px;
|
|
height: 14px;
|
|
border-left: 4px solid;
|
|
border-bottom: 4px solid;
|
|
border-bottom-left-radius: 6px;
|
|
background: linear-gradient(to left, currentColor 12px, transparent 0)
|
|
no-repeat center 2px / 10px 4px;
|
|
top: 4px;
|
|
}
|
|
|
|
&::after {
|
|
width: 4px;
|
|
height: 4px;
|
|
background: currentColor;
|
|
border-radius: 20px;
|
|
top: 2px;
|
|
box-shadow: 7px 4px 0, 7px 12px 0;
|
|
}
|
|
}
|
|
|
|
.gg-ui-kit {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
|
|
&::after,
|
|
&::before {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
position: relative;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 10px;
|
|
height: 16px;
|
|
border-radius: 3px;
|
|
border: 2px solid;
|
|
|
|
&::after {
|
|
content: "";
|
|
position: absolute;
|
|
border: 2px solid;
|
|
width: 6px;
|
|
height: 12px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
position: absolute;
|
|
border: 2px solid;
|
|
width: 6px;
|
|
height: 12px;
|
|
border-right: 0;
|
|
border-top-left-radius: 3px;
|
|
border-bottom-left-radius: 3px;
|
|
transform: perspective(10px) rotateY(30deg);
|
|
left: -8px;
|
|
}
|
|
|
|
&::after {
|
|
border-top-right-radius: 3px;
|
|
border-bottom-right-radius: 3px;
|
|
transform: perspective(10px) rotateY(-30deg);
|
|
border-left: 0;
|
|
right: -8px;
|
|
}
|
|
}
|
|
|
|
.gg-umbrella {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
transform: scale(var(--ggs, 1));
|
|
position: relative;
|
|
width: 22px;
|
|
height: 22px;
|
|
background: linear-gradient(to bottom, currentColor 20px, transparent 0)
|
|
no-repeat center 10px / 2px 8px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border: 2px solid;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border: 2px solid;
|
|
width: 16px;
|
|
height: 10px;
|
|
left: 3px;
|
|
border-top-left-radius: 12px;
|
|
border-top-right-radius: 12px;
|
|
}
|
|
|
|
&::after {
|
|
width: 6px;
|
|
height: 5px;
|
|
border-top: 0;
|
|
border-bottom-left-radius: 12px;
|
|
border-bottom-right-radius: 12px;
|
|
bottom: 0;
|
|
left: 6px;
|
|
}
|
|
}
|
|
|
|
.gg-unavailable {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: rotate(-45deg) scale(var(--ggs, 1));
|
|
width: 18px;
|
|
height: 18px;
|
|
border: 2px solid;
|
|
border-radius: 100px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border-radius: 3px;
|
|
width: 2px;
|
|
height: 18px;
|
|
background: currentColor;
|
|
top: -2px;
|
|
left: 6px;
|
|
}
|
|
}
|
|
|
|
.gg-unblock {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: rotate(45deg) scale(var(--ggs, 1));
|
|
width: 18px;
|
|
height: 18px;
|
|
border: 2px solid;
|
|
border-radius: 100%;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 2px;
|
|
height: 7px;
|
|
background: currentColor;
|
|
border-radius: 5px;
|
|
left: 6px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 2px;
|
|
height: 7px;
|
|
background: currentColor;
|
|
border-radius: 5px;
|
|
left: 6px;
|
|
top: -2px;
|
|
}
|
|
|
|
&::after {
|
|
bottom: -2px;
|
|
}
|
|
}
|
|
|
|
.gg-undo {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 14px;
|
|
height: 14px;
|
|
border: 2px solid;
|
|
border-left-color: transparent;
|
|
border-radius: 100px;
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 6px;
|
|
border-top: 2px solid;
|
|
border-left: 2px solid;
|
|
top: -3px;
|
|
left: -1px;
|
|
transform: rotate(-68deg);
|
|
}
|
|
}
|
|
|
|
.gg-unfold {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 20px;
|
|
height: 20px;
|
|
border-radius: 100%;
|
|
border-bottom: 10px solid;
|
|
}
|
|
|
|
.gg-unsplash {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 16px;
|
|
height: 15px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 16px;
|
|
height: 9px;
|
|
border: 5px solid;
|
|
border-top: 0;
|
|
bottom: 0;
|
|
}
|
|
|
|
&::after {
|
|
width: 6px;
|
|
height: 4px;
|
|
background: currentColor;
|
|
top: 0;
|
|
left: 5px;
|
|
}
|
|
}
|
|
|
|
.gg-usb-c {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 16px;
|
|
height: 6px;
|
|
border: 2px solid transparent;
|
|
border-radius: 100px;
|
|
box-shadow: 0 0 0 2px, inset 0 0 0 10px;
|
|
}
|
|
|
|
.gg-usb {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
|
|
&::before {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
content: "";
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 5px;
|
|
border-left: 1px solid transparent;
|
|
border-right: 1px solid transparent;
|
|
border-top: 1px solid transparent;
|
|
border-bottom: 2px solid transparent;
|
|
box-shadow: 0 0 0 2px, inset 5px 4px 0 -4px, inset -5px 4px 0 -4px;
|
|
top: -7px;
|
|
left: 2px;
|
|
}
|
|
|
|
position: relative;
|
|
width: 14px;
|
|
height: 14px;
|
|
border: 2px solid;
|
|
transform: scale(var(--ggs, 1));
|
|
margin-bottom: -6px;
|
|
border-bottom-left-radius: 3px;
|
|
border-bottom-right-radius: 3px;
|
|
}
|
|
|
|
.gg-user-add {
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
box-sizing: border-box;
|
|
width: 20px;
|
|
height: 18px;
|
|
background: linear-gradient(to left, currentColor 8px, transparent 0)
|
|
no-repeat 14px 6px / 6px 2px,
|
|
linear-gradient(to left, currentColor 8px, transparent 0) no-repeat 16px 4px /
|
|
2px 6px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border: 2px solid;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border: 2px solid;
|
|
width: 8px;
|
|
height: 8px;
|
|
border-radius: 30px;
|
|
top: 0;
|
|
left: 2px;
|
|
}
|
|
|
|
&::after {
|
|
width: 12px;
|
|
height: 9px;
|
|
border-bottom: 0;
|
|
border-top-left-radius: 3px;
|
|
border-top-right-radius: 3px;
|
|
top: 9px;
|
|
}
|
|
}
|
|
|
|
.gg-user-list {
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
box-sizing: border-box;
|
|
width: 20px;
|
|
height: 18px;
|
|
background: linear-gradient(to left, currentColor 8px, transparent 0)
|
|
no-repeat 14px 4px / 6px 2px,
|
|
linear-gradient(to left, currentColor 8px, transparent 0) no-repeat 14px 8px /
|
|
6px 2px,
|
|
linear-gradient(to left, currentColor 8px, transparent 0) no-repeat 14px
|
|
12px / 6px 2px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border: 2px solid;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border: 2px solid;
|
|
width: 8px;
|
|
height: 8px;
|
|
border-radius: 30px;
|
|
top: 0;
|
|
left: 2px;
|
|
}
|
|
|
|
&::after {
|
|
width: 12px;
|
|
height: 9px;
|
|
border-bottom: 0;
|
|
border-top-left-radius: 3px;
|
|
border-top-right-radius: 3px;
|
|
top: 9px;
|
|
}
|
|
}
|
|
|
|
.gg-user-remove {
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
box-sizing: border-box;
|
|
width: 20px;
|
|
height: 18px;
|
|
background: linear-gradient(to left, currentColor 8px, transparent 0)
|
|
no-repeat 14px 6px / 6px 2px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border: 2px solid;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border: 2px solid;
|
|
width: 8px;
|
|
height: 8px;
|
|
border-radius: 30px;
|
|
top: 0;
|
|
left: 2px;
|
|
}
|
|
|
|
&::after {
|
|
width: 12px;
|
|
height: 9px;
|
|
border-bottom: 0;
|
|
border-top-left-radius: 3px;
|
|
border-top-right-radius: 3px;
|
|
top: 9px;
|
|
}
|
|
}
|
|
|
|
.gg-user {
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
box-sizing: border-box;
|
|
width: 12px;
|
|
height: 18px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border: 2px solid;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
border: 2px solid;
|
|
width: 8px;
|
|
height: 8px;
|
|
border-radius: 30px;
|
|
top: 0;
|
|
left: 2px;
|
|
}
|
|
|
|
&::after {
|
|
width: 12px;
|
|
height: 9px;
|
|
border-bottom: 0;
|
|
border-top-left-radius: 3px;
|
|
border-top-right-radius: 3px;
|
|
top: 9px;
|
|
}
|
|
}
|
|
|
|
.gg-userlane {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 16px;
|
|
height: 8px;
|
|
border-radius: 20px;
|
|
border-top-left-radius: 0;
|
|
border-top-right-radius: 0;
|
|
border: 4px solid;
|
|
border-top-color: transparent;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 6px;
|
|
background: currentColor;
|
|
top: -12px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 6px;
|
|
background: currentColor;
|
|
top: -12px;
|
|
border-radius: 20px;
|
|
left: -4px;
|
|
}
|
|
|
|
&::after {
|
|
right: -4px;
|
|
}
|
|
}
|
|
|
|
.gg-view-cols {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
border: 2px solid;
|
|
border-radius: 3px;
|
|
width: 20px;
|
|
height: 14px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 2px;
|
|
height: 12px;
|
|
top: -2px;
|
|
left: 4px;
|
|
background: currentColor;
|
|
box-shadow: 6px 0 0;
|
|
}
|
|
}
|
|
|
|
.gg-view-comfortable {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
border: 2px solid;
|
|
border-radius: 3px;
|
|
width: 20px;
|
|
height: 14px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
background: currentColor;
|
|
}
|
|
|
|
&::after {
|
|
width: 2px;
|
|
height: 8px;
|
|
bottom: -2px;
|
|
left: 4px;
|
|
}
|
|
|
|
&::before {
|
|
width: 20px;
|
|
height: 2px;
|
|
left: -2px;
|
|
top: 4px;
|
|
}
|
|
}
|
|
|
|
.gg-view-day {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
border: 2px solid;
|
|
border-radius: 3px;
|
|
width: 20px;
|
|
height: 14px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 2px;
|
|
height: 12px;
|
|
top: -2px;
|
|
left: 7px;
|
|
background: currentColor;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 2px;
|
|
height: 12px;
|
|
top: -2px;
|
|
left: 7px;
|
|
background: currentColor;
|
|
width: 20px;
|
|
height: 2px;
|
|
left: -2px;
|
|
top: 4px;
|
|
}
|
|
}
|
|
|
|
.gg-view-grid {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
border: 2px solid;
|
|
border-radius: 3px;
|
|
width: 20px;
|
|
height: 14px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 2px;
|
|
height: 14px;
|
|
top: -2px;
|
|
left: 4px;
|
|
background: currentColor;
|
|
box-shadow: 6px 0 0;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 2px;
|
|
height: 14px;
|
|
top: -2px;
|
|
left: 4px;
|
|
background: currentColor;
|
|
box-shadow: 6px 0 0;
|
|
width: 20px;
|
|
height: 2px;
|
|
left: -2px;
|
|
top: 2px;
|
|
box-shadow: 0 4px 0;
|
|
}
|
|
}
|
|
|
|
.gg-view-list {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
border: 2px solid;
|
|
border-radius: 3px;
|
|
width: 20px;
|
|
height: 14px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 2px;
|
|
height: 14px;
|
|
top: -2px;
|
|
left: 3px;
|
|
background: currentColor;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 2px;
|
|
height: 14px;
|
|
top: -2px;
|
|
left: 3px;
|
|
background: currentColor;
|
|
width: 20px;
|
|
height: 2px;
|
|
left: -2px;
|
|
top: 2px;
|
|
box-shadow: 0 4px 0;
|
|
}
|
|
}
|
|
|
|
.gg-view-month {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
border: 2px solid;
|
|
border-radius: 3px;
|
|
width: 20px;
|
|
height: 14px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 2px;
|
|
height: 14px;
|
|
top: -2px;
|
|
left: 3px;
|
|
background: currentColor;
|
|
box-shadow: 4px 0 0, 8px 0 0;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 2px;
|
|
height: 14px;
|
|
top: -2px;
|
|
left: 3px;
|
|
background: currentColor;
|
|
box-shadow: 4px 0 0, 8px 0 0;
|
|
width: 20px;
|
|
height: 2px;
|
|
left: -2px;
|
|
top: 2px;
|
|
box-shadow: 0 4px 0;
|
|
}
|
|
}
|
|
|
|
.gg-view-split {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
border: 2px solid;
|
|
border-radius: 3px;
|
|
width: 20px;
|
|
height: 14px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 2px;
|
|
height: 12px;
|
|
top: -2px;
|
|
left: 7px;
|
|
background: currentColor;
|
|
}
|
|
}
|
|
|
|
.gg-vinyl {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 8px;
|
|
height: 8px;
|
|
border: 3px solid transparent;
|
|
box-shadow: 0 0 0 6px, inset 0 0 0 2px;
|
|
border-radius: 22px;
|
|
}
|
|
|
|
.gg-voicemail-o {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 22px;
|
|
height: 22px;
|
|
background: linear-gradient(to left, currentColor 10px, transparent 0)
|
|
no-repeat 5px 10px / 8px 2px;
|
|
border-radius: 30px;
|
|
border: 2px solid;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 6px;
|
|
border: 2px solid;
|
|
border-radius: 10px;
|
|
top: 6px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 6px;
|
|
border: 2px solid;
|
|
border-radius: 10px;
|
|
top: 6px;
|
|
left: 2px;
|
|
}
|
|
|
|
&::after {
|
|
right: 2px;
|
|
}
|
|
}
|
|
|
|
.gg-voicemail-r {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 21px;
|
|
height: 14px;
|
|
background: linear-gradient(to left, currentColor 10px, transparent 0)
|
|
no-repeat 5px 6px / 7px 2px;
|
|
border-radius: 3px;
|
|
border: 2px solid;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 6px;
|
|
border: 2px solid;
|
|
border-radius: 10px;
|
|
top: 2px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 6px;
|
|
border: 2px solid;
|
|
border-radius: 10px;
|
|
top: 2px;
|
|
left: 2px;
|
|
}
|
|
|
|
&::after {
|
|
right: 2px;
|
|
}
|
|
}
|
|
|
|
.gg-voicemail {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 12px;
|
|
height: 10px;
|
|
border-bottom: 2px solid;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 10px;
|
|
height: 10px;
|
|
border: 2px solid;
|
|
border-radius: 10px;
|
|
top: 0;
|
|
left: -5px;
|
|
}
|
|
|
|
&::after {
|
|
left: 7px;
|
|
}
|
|
}
|
|
|
|
.gg-volume {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 8px;
|
|
height: 8px;
|
|
border: 2px solid;
|
|
border-right: 0;
|
|
-webkit-perspective: 12px;
|
|
perspective: 12px;
|
|
border-top-left-radius: 4px;
|
|
border-bottom-left-radius: 4px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
left: 2px;
|
|
transform: rotateY(-90deg);
|
|
width: 10px;
|
|
height: 10px;
|
|
border: 2px solid;
|
|
border-left: 0;
|
|
top: -3px;
|
|
}
|
|
|
|
&::after {
|
|
width: 8px;
|
|
height: 16px;
|
|
border: 6px double;
|
|
border-left: 0;
|
|
border-top-right-radius: 100px;
|
|
border-bottom-right-radius: 100px;
|
|
right: -14px;
|
|
top: -6px;
|
|
}
|
|
}
|
|
|
|
.gg-webcam {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 8px;
|
|
height: 8px;
|
|
border: 2px solid transparent;
|
|
box-shadow: 0 0 0 2px, inset 0 0 0 2px;
|
|
border-radius: 100px;
|
|
margin-top: -4px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 10px;
|
|
height: 4px;
|
|
border-right: 4px solid transparent;
|
|
box-shadow: 0 2px 0, inset -2px 0 0;
|
|
bottom: -6px;
|
|
left: -3px;
|
|
}
|
|
}
|
|
|
|
.gg-website {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 22px;
|
|
height: 18px;
|
|
border: 2px solid;
|
|
border-radius: 3px;
|
|
box-shadow: 0 -1px 0;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
top: 2px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 6px;
|
|
top: 2px;
|
|
background: currentColor;
|
|
left: 2px;
|
|
box-shadow: 0 4px 0, 0 8px 0;
|
|
border-radius: 3px;
|
|
height: 2px;
|
|
}
|
|
|
|
&::after {
|
|
height: 10px;
|
|
border: 2px solid;
|
|
right: 2px;
|
|
border-radius: 1px;
|
|
}
|
|
}
|
|
|
|
.gg-windows {
|
|
transform: scale(var(--ggs, 1));
|
|
display: block;
|
|
position: relative;
|
|
box-sizing: border-box;
|
|
width: 17px;
|
|
height: 15px;
|
|
|
|
&::before {
|
|
display: block;
|
|
position: relative;
|
|
box-sizing: border-box;
|
|
width: 17px;
|
|
height: 15px;
|
|
content: "";
|
|
position: absolute;
|
|
width: 7px;
|
|
height: 6px;
|
|
background: currentColor;
|
|
box-shadow: 8px 0 0, 8px 7px 0, 0 7px 0;
|
|
transform: perspective(30px) rotateY(-30deg);
|
|
}
|
|
}
|
|
|
|
.gg-work-alt {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
box-shadow: 0 0 0 2px;
|
|
|
|
&::after {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
box-shadow: 0 0 0 2px;
|
|
content: "";
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 1px;
|
|
border-top-left-radius: 1px;
|
|
border-top-right-radius: 1px;
|
|
left: 4px;
|
|
top: -3px;
|
|
}
|
|
|
|
position: relative;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 14px;
|
|
height: 10px;
|
|
border-radius: 1px;
|
|
}
|
|
|
|
.gg-yinyang {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: rotate(95deg) scale(var(--ggs, 1));
|
|
width: 20px;
|
|
height: 20px;
|
|
border: 2px solid;
|
|
border-radius: 22px;
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 8px;
|
|
height: 8px;
|
|
border-radius: 10px;
|
|
top: 4px;
|
|
}
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 8px;
|
|
height: 8px;
|
|
border-radius: 10px;
|
|
top: 4px;
|
|
border: 2px solid;
|
|
left: 0;
|
|
}
|
|
|
|
&::after {
|
|
border: 2px solid transparent;
|
|
right: 0;
|
|
box-shadow: inset 0 0 0 4px, 0 -3px 0 1px, -2px -4px 0 1px, -8px -5px 0 -1px,
|
|
-11px -3px 0 -2px, -12px -1px 0 -3px, -6px -6px 0 -1px;
|
|
}
|
|
}
|
|
|
|
.gg-youtube {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 16px;
|
|
height: 10px;
|
|
box-shadow: 0 0 0 2px;
|
|
border-radius: 15px 15px 15px 15px /45px 45px 45px 45px;
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
left: 7px;
|
|
top: 2px;
|
|
border-left: 4px solid currentColor;
|
|
border-top: 3px solid transparent;
|
|
border-bottom: 3px solid transparent;
|
|
}
|
|
}
|
|
|
|
.gg-vercel {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 0px;
|
|
height: 0px;
|
|
border-left: 9px solid transparent;
|
|
border-right: 9px solid transparent;
|
|
border-bottom: 18px solid currentColor;
|
|
}
|
|
|
|
.gg-zoom-in {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 16px;
|
|
height: 16px;
|
|
border: 2px solid;
|
|
border-radius: 100%;
|
|
background: linear-gradient(to bottom, currentColor 5px, transparent 0)
|
|
no-repeat 2px 5px / 8px 2px;
|
|
margin-top: -4px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 2px;
|
|
height: 8px;
|
|
background: currentColor;
|
|
}
|
|
|
|
&::after {
|
|
transform: rotate(-45deg);
|
|
border-radius: 3px;
|
|
top: 10px;
|
|
left: 12px;
|
|
}
|
|
|
|
&::before {
|
|
top: 2px;
|
|
left: 5px;
|
|
}
|
|
}
|
|
|
|
.gg-zoom-out {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: block;
|
|
transform: scale(var(--ggs, 1));
|
|
width: 16px;
|
|
height: 16px;
|
|
border: 2px solid;
|
|
border-radius: 100%;
|
|
margin-top: -4px;
|
|
|
|
&::after,
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
background: currentColor;
|
|
}
|
|
|
|
&::after {
|
|
transform: rotate(-45deg);
|
|
border-radius: 3px;
|
|
width: 2px;
|
|
height: 8px;
|
|
top: 10px;
|
|
left: 12px;
|
|
}
|
|
|
|
&::before {
|
|
width: 8px;
|
|
height: 2px;
|
|
top: 5px;
|
|
left: 2px;
|
|
}
|
|
}
|