| r1768 vs r1769 | ||
|---|---|---|
| ... | ... | |
| 2 | 2 | {{{#!style |
| 3 | 3 | .bb-button {width:50px;height:50px;border-radius:50%;border:1px solid #ddd;box-shadow:3px 3px 10px #0005;background:conic-gradient(from 45deg at 10% 50%, transparent 90deg, #fff 0), conic-gradient(from 225deg at 62% 50%, #fff 90deg, transparent 0), conic-gradient(from 225deg at 73% 50%, #212529 90deg, #fff 0)} |
| 4 | 4 | |
| 5 | .bb-button:hover { | |
| 5 | .bb-button:hover {background:conic-gradient(from 45deg at 10% 50%, transparent 90deg, #f5f5f5 0), conic-gradient(from 225deg at 62% 50%, #f5f5f5 90deg, transparent 0), conic-gradient(from 225deg at 73% 50%, #212529 90deg, #f5f5f5 0)} | |
| 6 | 6 | |
| 7 | .bb-button:active {border:1px solid # | |
| 7 | .bb-button:active {border:1px solid #0263b8;background:conic-gradient(from 45deg at 10% 50%, transparent 90deg, #0275d8 0), conic-gradient(from 225deg at 62% 50%, #0275d8 90deg, transparent 0), conic-gradient(from 225deg at 73% 50%, #fff 90deg, #0275d8 0)} | |
| 8 | 8 | |
| 9 | 9 | @theseed-dark-mode { |
| 10 | 10 | .bb-button {border:1px solid #383b40;background:conic-gradient(from 45deg at 10% 50%, transparent 90deg, #1c1d1f 0), conic-gradient(from 225deg at 62% 50%, #1c1d1f 90deg, transparent 0), conic-gradient(from 225deg at 73% 50%, #e0e0e0 90deg, #1c1d1f 0)} |
| ... | ... |