1 |
|
2 |
|
3 |
|
4 |
|
5 |
|
6 | .jp-icon-hoverShow:not(:hover) svg {
|
7 | display: none !important;
|
8 | }
|
9 |
|
10 |
|
11 |
|
12 |
|
13 |
|
14 |
|
15 |
|
16 |
|
17 |
|
18 |
|
19 | .jp-icon-hover :hover .jp-icon0-hover[fill] {
|
20 | fill: var(--jp-inverse-layout-color0);
|
21 | }
|
22 | .jp-icon-hover :hover .jp-icon1-hover[fill] {
|
23 | fill: var(--jp-inverse-layout-color1);
|
24 | }
|
25 | .jp-icon-hover :hover .jp-icon2-hover[fill] {
|
26 | fill: var(--jp-inverse-layout-color2);
|
27 | }
|
28 | .jp-icon-hover :hover .jp-icon3-hover[fill] {
|
29 | fill: var(--jp-inverse-layout-color3);
|
30 | }
|
31 | .jp-icon-hover :hover .jp-icon4-hover[fill] {
|
32 | fill: var(--jp-inverse-layout-color4);
|
33 | }
|
34 |
|
35 | .jp-icon-hover :hover .jp-icon0-hover[stroke] {
|
36 | stroke: var(--jp-inverse-layout-color0);
|
37 | }
|
38 | .jp-icon-hover :hover .jp-icon1-hover[stroke] {
|
39 | stroke: var(--jp-inverse-layout-color1);
|
40 | }
|
41 | .jp-icon-hover :hover .jp-icon2-hover[stroke] {
|
42 | stroke: var(--jp-inverse-layout-color2);
|
43 | }
|
44 | .jp-icon-hover :hover .jp-icon3-hover[stroke] {
|
45 | stroke: var(--jp-inverse-layout-color3);
|
46 | }
|
47 | .jp-icon-hover :hover .jp-icon4-hover[stroke] {
|
48 | stroke: var(--jp-inverse-layout-color4);
|
49 | }
|
50 |
|
51 |
|
52 | .jp-icon-hover :hover .jp-icon-accent0-hover[fill] {
|
53 | fill: var(--jp-layout-color0);
|
54 | }
|
55 | .jp-icon-hover :hover .jp-icon-accent1-hover[fill] {
|
56 | fill: var(--jp-layout-color1);
|
57 | }
|
58 | .jp-icon-hover :hover .jp-icon-accent2-hover[fill] {
|
59 | fill: var(--jp-layout-color2);
|
60 | }
|
61 | .jp-icon-hover :hover .jp-icon-accent3-hover[fill] {
|
62 | fill: var(--jp-layout-color3);
|
63 | }
|
64 | .jp-icon-hover :hover .jp-icon-accent4-hover[fill] {
|
65 | fill: var(--jp-layout-color4);
|
66 | }
|
67 |
|
68 | .jp-icon-hover :hover .jp-icon-accent0-hover[stroke] {
|
69 | stroke: var(--jp-layout-color0);
|
70 | }
|
71 | .jp-icon-hover :hover .jp-icon-accent1-hover[stroke] {
|
72 | stroke: var(--jp-layout-color1);
|
73 | }
|
74 | .jp-icon-hover :hover .jp-icon-accent2-hover[stroke] {
|
75 | stroke: var(--jp-layout-color2);
|
76 | }
|
77 | .jp-icon-hover :hover .jp-icon-accent3-hover[stroke] {
|
78 | stroke: var(--jp-layout-color3);
|
79 | }
|
80 | .jp-icon-hover :hover .jp-icon-accent4-hover[stroke] {
|
81 | stroke: var(--jp-layout-color4);
|
82 | }
|
83 |
|
84 |
|
85 | .jp-icon-hover :hover .jp-icon-none-hover[fill] {
|
86 | fill: none;
|
87 | }
|
88 |
|
89 | .jp-icon-hover :hover .jp-icon-none-hover[stroke] {
|
90 | stroke: none;
|
91 | }
|
92 |
|
93 |
|
94 |
|
95 |
|
96 |
|
97 |
|
98 | .jp-icon-hover.jp-icon-alt :hover .jp-icon0-hover[fill] {
|
99 | fill: var(--jp-layout-color0);
|
100 | }
|
101 | .jp-icon-hover.jp-icon-alt :hover .jp-icon1-hover[fill] {
|
102 | fill: var(--jp-layout-color1);
|
103 | }
|
104 | .jp-icon-hover.jp-icon-alt :hover .jp-icon2-hover[fill] {
|
105 | fill: var(--jp-layout-color2);
|
106 | }
|
107 | .jp-icon-hover.jp-icon-alt :hover .jp-icon3-hover[fill] {
|
108 | fill: var(--jp-layout-color3);
|
109 | }
|
110 | .jp-icon-hover.jp-icon-alt :hover .jp-icon4-hover[fill] {
|
111 | fill: var(--jp-layout-color4);
|
112 | }
|
113 |
|
114 | .jp-icon-hover.jp-icon-alt :hover .jp-icon0-hover[stroke] {
|
115 | stroke: var(--jp-layout-color0);
|
116 | }
|
117 | .jp-icon-hover.jp-icon-alt :hover .jp-icon1-hover[stroke] {
|
118 | stroke: var(--jp-layout-color1);
|
119 | }
|
120 | .jp-icon-hover.jp-icon-alt :hover .jp-icon2-hover[stroke] {
|
121 | stroke: var(--jp-layout-color2);
|
122 | }
|
123 | .jp-icon-hover.jp-icon-alt :hover .jp-icon3-hover[stroke] {
|
124 | stroke: var(--jp-layout-color3);
|
125 | }
|
126 | .jp-icon-hover.jp-icon-alt :hover .jp-icon4-hover[stroke] {
|
127 | stroke: var(--jp-layout-color4);
|
128 | }
|
129 |
|
130 |
|
131 | .jp-icon-hover.jp-icon-alt :hover .jp-icon-accent0-hover[fill] {
|
132 | fill: var(--jp-inverse-layout-color0);
|
133 | }
|
134 | .jp-icon-hover.jp-icon-alt :hover .jp-icon-accent1-hover[fill] {
|
135 | fill: var(--jp-inverse-layout-color1);
|
136 | }
|
137 | .jp-icon-hover.jp-icon-alt :hover .jp-icon-accent2-hover[fill] {
|
138 | fill: var(--jp-inverse-layout-color2);
|
139 | }
|
140 | .jp-icon-hover.jp-icon-alt :hover .jp-icon-accent3-hover[fill] {
|
141 | fill: var(--jp-inverse-layout-color3);
|
142 | }
|
143 | .jp-icon-hover.jp-icon-alt :hover .jp-icon-accent4-hover[fill] {
|
144 | fill: var(--jp-inverse-layout-color4);
|
145 | }
|
146 |
|
147 | .jp-icon-hover.jp-icon-alt :hover .jp-icon-accent0-hover[stroke] {
|
148 | stroke: var(--jp-inverse-layout-color0);
|
149 | }
|
150 | .jp-icon-hover.jp-icon-alt :hover .jp-icon-accent1-hover[stroke] {
|
151 | stroke: var(--jp-inverse-layout-color1);
|
152 | }
|
153 | .jp-icon-hover.jp-icon-alt :hover .jp-icon-accent2-hover[stroke] {
|
154 | stroke: var(--jp-inverse-layout-color2);
|
155 | }
|
156 | .jp-icon-hover.jp-icon-alt :hover .jp-icon-accent3-hover[stroke] {
|
157 | stroke: var(--jp-inverse-layout-color3);
|
158 | }
|
159 | .jp-icon-hover.jp-icon-alt :hover .jp-icon-accent4-hover[stroke] {
|
160 | stroke: var(--jp-inverse-layout-color4);
|
161 | }
|