su-shi/su-shi.css at master · hiloki/su-shi · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
:host {
  display: inline-block;
  box-sizing: border-box;
  width: 36px;
}
:host > div {
  height: 6px;
  border-radius: 3px;
}
[class^="neta-"] {
  margin-bottom: 6px;
}
[id="wasabi"] {
  margin-bottom: 6px;
  background: #A2C266;
}
.is-nuki {
  border: 1px dashed rgba(255,255,255,0.2);
  background-color: transparent;
}
.shari {
  background: #FCFDFD;
}

/* Neta */
.neta-maguro { /* = Tuna */
  background-color: #CA3E3E;
}
.neta-ika { /* Cuttlefish */
  background-color: #FFF8EB;
}
.neta-gyoku { /* = Egg */
  background-color: #F2CA1A;
  background-image: linear-gradient(
    to right,
    transparent,
    transparent 40%,
    #002000 40%,
    #002000 60%,
    transparent 60%,
    transparent 100%
  );
}
.neta-toro { /* = Tuna */
  background-color: #FF6D5F;
  background-image: repeating-linear-gradient(
    45deg,
    transparent,
    transparent 4px,
    rgba(255,255,255,0.3) 4px,
    rgba(255,255,255,0.5) 5px
  );
}
.neta-saba { /* = Mackerel */
  background-color: #F3E0C4;
  background-image: linear-gradient(
    -8deg,
    transparent,
    transparent 40%,
    #E7C19D 40%,
    #E7C19D 50%,
    #DADAFF 50%,
    #959BB1 60%,
    #4A5B5F 70%,
    #4A5B5F 100%
  );
}