158 lines
3.1 KiB
CSS
158 lines
3.1 KiB
CSS
i.icss-plus {
|
|
width: 1em;
|
|
height: 1em;
|
|
background-color: transparent;
|
|
margin: 0;
|
|
}
|
|
i.icss-plus:before,
|
|
i.icss-plus:after {
|
|
width: 1em;
|
|
height: .18em;
|
|
top: 50%;
|
|
left: 50%;
|
|
border-radius: .06em;
|
|
background-color: currentColor;
|
|
}
|
|
|
|
i.icss-plus:before {
|
|
transform: translate(-50%, -50%) rotate(-180deg)
|
|
}
|
|
i.icss-plus:after{
|
|
transform: translate(-50%, -50%) rotate(90deg)
|
|
}
|
|
i.icss-search {
|
|
width: .73em;
|
|
height: .73em;
|
|
background-color: transparent;
|
|
border-width: .12em;
|
|
border-style: solid;
|
|
border-radius: 100%;
|
|
margin: 0 .27em .27em 0;
|
|
}
|
|
i.icss-search:before {
|
|
top: .635em;
|
|
left: .485em;
|
|
border-width: .08em .23em;
|
|
border-style: solid;
|
|
border-radius: .03em;
|
|
transform: rotate(45deg);
|
|
box-shadow: -.18em 0 0 -.03em
|
|
}
|
|
i.icss-search:after {
|
|
|
|
}
|
|
i.icss-key {
|
|
height: .55em;
|
|
width: .5em;
|
|
background: transparent;
|
|
border-radius: 50% / 47%;
|
|
box-shadow: inset -.05em 0 0 .18em;
|
|
margin: .225em .45em .225em .05em;
|
|
transform: rotate(45deg);
|
|
transform-origin: .5em 50%;
|
|
}
|
|
.icss-stack i.icss-key {
|
|
transform: translate(-.5em, -.5em) rotate(45deg);
|
|
}
|
|
i.icss-key:before {
|
|
width: .14em;
|
|
height: .14em;
|
|
box-shadow: inset .5em .5em,
|
|
-.09em .09em,
|
|
-.18em .18em,
|
|
-.27em .27em
|
|
;
|
|
top: 50%;
|
|
left: .84em;
|
|
transform: translateY(-50%) scaleX(.95) rotate(45deg);
|
|
}
|
|
i.icss-key:after {
|
|
width: .61em;
|
|
height: .2em;
|
|
box-shadow: inset .27em -.13em;
|
|
top: 50%;
|
|
left: .3em;
|
|
transform: translateY(-50%);
|
|
}
|
|
i.icss-gear {
|
|
width: .5em;
|
|
height: .5em;
|
|
position: relative;
|
|
border-radius: 100%;
|
|
background-color: transparent;
|
|
border-width: .07em;
|
|
border-style: solid;
|
|
border-color: transparent;
|
|
margin: .25em;
|
|
box-shadow: 0 0 0 .1em, inset 0 0 0 .3em;
|
|
}
|
|
i.icss-gear:before {
|
|
width: .18em;
|
|
height: .18em;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
box-shadow: .41em 0, -.41em 0, 0 .41em, 0 -.41em;
|
|
}
|
|
|
|
i.icss-gear:after {
|
|
width: .18em;
|
|
height: .18em;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%) rotate(45deg);
|
|
box-shadow: .42em 0, -.42em 0, 0 .42em, 0 -.42em;
|
|
}
|
|
i.icss-exit {
|
|
width: .6em;
|
|
height: .8em;
|
|
background-color: transparent;
|
|
box-shadow: inset 0 0 0 .065em;
|
|
border-radius: .05em;
|
|
margin: .1em .3em .1em .1em;
|
|
}
|
|
i.icss-exit:before {
|
|
width: .4em;
|
|
height: .8em;
|
|
transform: perspective(1em) rotateY(-30deg);
|
|
transform-origin: 0 50%;
|
|
box-shadow:
|
|
inset -.06em .37em,
|
|
inset .24em .37em,
|
|
inset -.06em -.36em,
|
|
inset .24em -.36em;
|
|
border-radius: .03em;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
i.icss-exit:after {
|
|
width: .36em;
|
|
height: .36em;
|
|
border: .18em solid transparent;
|
|
border-right-color: currentColor;
|
|
transform: translateY(-50%);
|
|
box-shadow: .16em 0 0 -.08em;
|
|
top: 50%;
|
|
left: .45em;
|
|
}
|
|
i.icss-bars{
|
|
margin: .41em 0;
|
|
}
|
|
i.icss-bars,
|
|
i.icss-bars:before,
|
|
i.icss-bars:after {
|
|
width: 1em;
|
|
height: .18em;
|
|
border-radius: .06em;
|
|
background-color: currentColor;
|
|
}
|
|
|
|
i.icss-bars:before {
|
|
top: -0.36em;
|
|
left: 0;
|
|
}
|
|
i.icss-bars:after{
|
|
top: 0.36em;
|
|
left: 0;
|
|
}
|