1 | span.inline-color-wrapper {
|
2 | |
3 |
|
4 |
|
5 |
|
6 |
|
7 |
|
8 |
|
9 |
|
10 |
|
11 |
|
12 |
|
13 | background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyIDIiPjxwYXRoIGZpbGw9ImdyYXkiIGQ9Ik0wIDBoMnYySDB6Ii8+PHBhdGggZmlsbD0id2hpdGUiIGQ9Ik0wIDBoMXYxSDB6TTEgMWgxdjFIMXoiLz48L3N2Zz4=");
|
14 |
|
15 | background-position: center;
|
16 | background-size: 110%;
|
17 |
|
18 | display: inline-block;
|
19 | height: 1.333ch;
|
20 | width: 1.333ch;
|
21 | margin: 0 .333ch;
|
22 | box-sizing: border-box;
|
23 | border: 1px solid white;
|
24 | outline: 1px solid rgba(0,0,0,.5);
|
25 | overflow: hidden;
|
26 | }
|
27 |
|
28 | span.inline-color {
|
29 | display: block;
|
30 |
|
31 | height: 120%;
|
32 | width: 120%;
|
33 | }
|