Files
spyda/internal/static/css/03-icons.css
2021-01-30 17:26:18 +10:00

106 lines
2.2 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;
}