/
muticons.css
1 lines (1 loc) · 4.08 KB
/
muticons.css
1
.mut.arrow-down .mut-segment:first-child{left:34.2%;top:47%;width:10%;height:40%;transform:rotate(-45deg)}.mut.arrow-down .mut-segment:nth-child(2){left:45%;top:15%;width:10%;height:60%}.mut.arrow-down .mut-segment:nth-child(3){left:55.8%;top:47%;width:10%;height:40%;transform:rotate(45deg)}.mut.arrow-left .mut-segment:first-child{left:15%;top:34.2%;width:40%;height:10%;transform:rotate(-45deg)}.mut.arrow-left .mut-segment:nth-child(2){left:25%;top:45%;width:60%;height:10%}.mut.arrow-left .mut-segment:nth-child(3){left:15%;top:55.8%;width:40%;height:10%;transform:rotate(45deg)}.mut.arrow-right .mut-segment:first-child{left:47%;top:34.2%;transform:rotate(45deg);width:40%;height:10%}.mut.arrow-right .mut-segment:nth-child(2){left:15%;top:45%;width:60%;height:10%}.mut.arrow-right .mut-segment:nth-child(3){left:47%;top:55.8%;transform:rotate(-45deg);width:40%;height:10%}.mut.arrow-up .mut-segment:first-child{left:34.2%;top:15%;width:10%;height:40%;transform:rotate(45deg)}.mut.arrow-up .mut-segment:nth-child(2){left:45%;top:25%;width:10%;height:60%}.mut.arrow-up .mut-segment:nth-child(3){left:55.8%;top:15%;width:10%;height:40%;transform:rotate(-45deg)}.mut.bars .mut-segment:first-child{left:15%;top:25%;width:70%;height:10%}.mut.bars .mut-segment:nth-child(2){left:15%;top:45%;width:70%;height:10%;transform:rotate(-180deg)}.mut.bars .mut-segment:nth-child(3){left:15%;top:65%;width:70%;height:10%}.mut.check .mut-segment:first-child,.mut.check .mut-segment:nth-child(2){left:22%;top:56%;width:30%;height:10%;transform:rotate(35deg)}.mut.check .mut-segment:nth-child(3){left:32%;top:45%;width:50%;height:10%;transform:rotate(-55deg)}.mut.circle-o .mut-segment:first-child,.mut.circle-o .mut-segment:nth-child(2),.mut.circle-o .mut-segment:nth-child(3){left:15%;top:15%;width:70%;height:70%;border-radius:50%}.mut.circle-o .mut-mask:nth-child(4),.mut.circle-o .mut-mask:nth-child(5){left:28%;top:28%;width:44%;height:44%;border-radius:50%}.mut.circle .mut-segment:first-child,.mut.circle .mut-segment:nth-child(2),.mut.circle .mut-segment:nth-child(3){left:15%;top:15%;width:70%;height:70%;border-radius:50%}.mut.minus .mut-segment:first-child,.mut.minus .mut-segment:nth-child(2),.mut.minus .mut-segment:nth-child(3){left:15%;top:45%;width:70%;height:10%}.mut.pause .mut-segment:first-child,.mut.pause .mut-segment:nth-child(2){left:20%;top:20%;width:22%;height:60%}.mut.pause .mut-segment:nth-child(3){left:58%;top:20%;width:22%;height:60%}.mut.play .mut-segment:first-child,.mut.play .mut-segment:nth-child(2),.mut.play .mut-segment:nth-child(3){left:15%;top:25%;width:70%;height:55%;transform:rotate(90deg)}.mut.play .mut-mask:nth-child(4){left:0;top:-20%;width:100%;height:50%;transform:rotate(30deg);background-color:#000}.mut.play .mut-mask:nth-child(5){left:0;top:70%;width:100%;height:50%;transform:rotate(-30deg);background-color:#000}.mut.search .mut-segment:first-child{left:16%;top:12%;width:50%;height:50%;border-radius:50%}.mut.search .mut-segment:nth-child(2){left:46%;top:65%;width:38%;height:12%;transform:rotate(-125deg)}.mut.search .mut-mask:nth-child(4){left:26%;top:22%;width:30%;height:30%;border-radius:50%}.mut.square .mut-segment:first-child,.mut.square .mut-segment:nth-child(2),.mut.square .mut-segment:nth-child(3),.mut.stop .mut-segment:first-child,.mut.stop .mut-segment:nth-child(2),.mut.stop .mut-segment:nth-child(3){left:20%;top:20%;width:60%;height:60%}.mut.x .mut-segment:first-child,.mut.x .mut-segment:nth-child(2){left:15%;top:45%;width:70%;height:10%;transform:rotate(45deg)}.mut.x .mut-segment:nth-child(3){left:15%;top:45%;width:70%;height:10%;transform:rotate(-45deg)}.mut{position:relative;overflow:hidden;margin:0;padding:0;width:40px;height:40px;border:none;outline:none;background-color:#fff;color:#000}.mut .mut-mask,.mut .mut-segment{transition-property:all;transition-duration:.3s;transition-timing-function:ease}.mut .mut-segment{position:absolute;display:block;background-color:#000;left:50%;top:50%;width:0;height:0%}.mut .mut-mask{position:absolute;display:block;background-color:#fff}.mut .mut-mask:nth-child(4){left:0;top:0;width:0;height:0%}.mut .mut-mask:nth-child(5){left:100%;top:100%;width:0;height:0%}