22 lines
1.8 KiB
Plaintext
22 lines
1.8 KiB
Plaintext
.app-icon-icon { position: relative; display: flex; align-items: center; justify-content: center; }
|
|
.app-icon-drop { width: 48%; height: 48%; border: 3rpx solid currentColor; border-radius: 50% 50% 50% 0; transform: rotate(135deg); }
|
|
.app-icon-bowl { position: relative; width: 70%; height: 40%; border: 3rpx solid currentColor; border-radius: 5rpx 5rpx 50% 50%; }
|
|
.app-icon-bowl-rim { position: absolute; left: -8%; top: -5rpx; width: 116%; height: 3rpx; border-radius: 4rpx; background: currentColor; }
|
|
.app-icon-paw { position: relative; width: 85%; height: 85%; }
|
|
.app-icon-toe, .app-icon-pad { position: absolute; background: currentColor; }
|
|
.app-icon-toe { width: 17%; height: 24%; border-radius: 50%; }
|
|
.app-icon-one { left: 0; top: 26%; transform: rotate(-28deg); }
|
|
.app-icon-two { left: 24%; top: 3%; transform: rotate(-12deg); }
|
|
.app-icon-three { right: 24%; top: 3%; transform: rotate(12deg); }
|
|
.app-icon-four { right: 0; top: 26%; transform: rotate(28deg); }
|
|
.app-icon-pad { left: 24%; top: 48%; width: 52%; height: 42%; border-radius: 50% 50% 45% 45%; }
|
|
.app-icon-pet { position: relative; width: 85%; height: 85%; }
|
|
.app-icon-ear { position: absolute; top: 22%; width: 27%; height: 52%; border: 3rpx solid currentColor; border-radius: 55% 40% 70% 70%; }
|
|
.app-icon-ear-left { left: -3%; transform: rotate(25deg); }
|
|
.app-icon-ear-right { right: -3%; transform: rotate(-25deg); }
|
|
.app-icon-face { position: absolute; bottom: 0; left: 12%; width: 76%; height: 68%; border: 3rpx solid currentColor; border-radius: 42% 42% 48% 48%; background: #fff; }
|
|
.app-icon-eye { position: absolute; top: 29%; width: 9%; height: 14%; border-radius: 50%; background: currentColor; }
|
|
.app-icon-eye-left { left: 23%; }
|
|
.app-icon-eye-right { right: 23%; }
|
|
.app-icon-nose { position: absolute; left: 40%; bottom: 22%; width: 20%; height: 14%; border-radius: 40% 40% 60% 60%; background: currentColor; }
|