|
1 | | -<!DOCTYPE html> |
| 1 | +<!doctype html> |
2 | 2 | <html lang="en"> |
3 | 3 | <head> |
4 | 4 | <meta charset="UTF-8" /> |
|
18 | 18 | <div id="app"> |
19 | 19 | <div id="controls"> |
20 | 20 | <button id="create"> |
21 | | - <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-square-plus" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> |
| 21 | + <svg |
| 22 | + xmlns="http://www.w3.org/2000/svg" |
| 23 | + class="icon icon-tabler icon-tabler-square-plus" |
| 24 | + width="24" |
| 25 | + height="24" |
| 26 | + viewBox="0 0 24 24" |
| 27 | + stroke-width="2" |
| 28 | + stroke="currentColor" |
| 29 | + fill="none" |
| 30 | + stroke-linecap="round" |
| 31 | + stroke-linejoin="round" |
| 32 | + > |
22 | 33 | <path stroke="none" d="M0 0h24v24H0z" fill="none"></path> |
23 | | - <path d="M4 4m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z"></path> |
| 34 | + <path |
| 35 | + d="M4 4m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z" |
| 36 | + ></path> |
24 | 37 | <path d="M9 12l6 0"></path> |
25 | 38 | <path d="M12 9l0 6"></path> |
26 | 39 | </svg> |
|
46 | 59 | stroke-width="0" |
47 | 60 | fill="currentColor" |
48 | 61 | ></path> |
49 | | - <path d="M15 20a1 1 0 0 1 .117 1.993l-.117 .007h-6a1 1 0 0 1 -.117 -1.993l.117 -.007h6z" stroke-width="0" fill="currentColor"></path> |
50 | | - <path d="M15 17a1 1 0 0 1 .117 1.993l-.117 .007h-6a1 1 0 0 1 -.117 -1.993l.117 -.007h6z" stroke-width="0" fill="currentColor"></path> |
| 62 | + <path |
| 63 | + d="M15 20a1 1 0 0 1 .117 1.993l-.117 .007h-6a1 1 0 0 1 -.117 -1.993l.117 -.007h6z" |
| 64 | + stroke-width="0" |
| 65 | + fill="currentColor" |
| 66 | + ></path> |
| 67 | + <path |
| 68 | + d="M15 17a1 1 0 0 1 .117 1.993l-.117 .007h-6a1 1 0 0 1 -.117 -1.993l.117 -.007h6z" |
| 69 | + stroke-width="0" |
| 70 | + fill="currentColor" |
| 71 | + ></path> |
51 | 72 | </svg> |
52 | 73 | Long text |
53 | 74 | </button> |
|
70 | 91 | stroke-width="0" |
71 | 92 | fill="currentColor" |
72 | 93 | ></path> |
73 | | - <path d="M15 2a1 1 0 0 1 .117 1.993l-.117 .007h-6a1 1 0 0 1 -.117 -1.993l.117 -.007h6z" stroke-width="0" fill="currentColor"></path> |
74 | | - <path d="M15 5a1 1 0 0 1 .117 1.993l-.117 .007h-6a1 1 0 0 1 -.117 -1.993l.117 -.007h6z" stroke-width="0" fill="currentColor"></path> |
| 94 | + <path |
| 95 | + d="M15 2a1 1 0 0 1 .117 1.993l-.117 .007h-6a1 1 0 0 1 -.117 -1.993l.117 -.007h6z" |
| 96 | + stroke-width="0" |
| 97 | + fill="currentColor" |
| 98 | + ></path> |
| 99 | + <path |
| 100 | + d="M15 5a1 1 0 0 1 .117 1.993l-.117 .007h-6a1 1 0 0 1 -.117 -1.993l.117 -.007h6z" |
| 101 | + stroke-width="0" |
| 102 | + fill="currentColor" |
| 103 | + ></path> |
75 | 104 | </svg> |
76 | 105 | Short text |
77 | 106 | </button> |
78 | 107 | |
79 | 108 | <button id="highlight"> |
80 | | - <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-highlight" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> |
| 109 | + <svg |
| 110 | + xmlns="http://www.w3.org/2000/svg" |
| 111 | + class="icon icon-tabler icon-tabler-highlight" |
| 112 | + width="24" |
| 113 | + height="24" |
| 114 | + viewBox="0 0 24 24" |
| 115 | + stroke-width="2" |
| 116 | + stroke="currentColor" |
| 117 | + fill="none" |
| 118 | + stroke-linecap="round" |
| 119 | + stroke-linejoin="round" |
| 120 | + > |
81 | 121 | <path stroke="none" d="M0 0h24v24H0z" fill="none"></path> |
82 | 122 | <path d="M3 19h4l10.5 -10.5a2.828 2.828 0 1 0 -4 -4l-10.5 10.5v4"></path> |
83 | 123 | <path d="M12.5 5.5l4 4"></path> |
|
110 | 150 | </button> |
111 | 151 | |
112 | 152 | <button id="scroll"> |
113 | | - <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-line-height" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> |
| 153 | + <svg |
| 154 | + xmlns="http://www.w3.org/2000/svg" |
| 155 | + class="icon icon-tabler icon-tabler-line-height" |
| 156 | + width="24" |
| 157 | + height="24" |
| 158 | + viewBox="0 0 24 24" |
| 159 | + stroke-width="2" |
| 160 | + stroke="currentColor" |
| 161 | + fill="none" |
| 162 | + stroke-linecap="round" |
| 163 | + stroke-linejoin="round" |
| 164 | + > |
114 | 165 | <path stroke="none" d="M0 0h24v24H0z" fill="none"></path> |
115 | 166 | <path d="M3 8l3 -3l3 3"></path> |
116 | 167 | <path d="M3 16l3 3l3 -3"></path> |
|
123 | 174 | </button> |
124 | 175 | |
125 | 176 | <button id="layout"> |
126 | | - <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-refresh-dot" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> |
| 177 | + <svg |
| 178 | + xmlns="http://www.w3.org/2000/svg" |
| 179 | + class="icon icon-tabler icon-tabler-refresh-dot" |
| 180 | + width="24" |
| 181 | + height="24" |
| 182 | + viewBox="0 0 24 24" |
| 183 | + stroke-width="2" |
| 184 | + stroke="currentColor" |
| 185 | + fill="none" |
| 186 | + stroke-linecap="round" |
| 187 | + stroke-linejoin="round" |
| 188 | + > |
127 | 189 | <path stroke="none" d="M0 0h24v24H0z" fill="none"></path> |
128 | 190 | <path d="M20 11a8.1 8.1 0 0 0 -15.5 -2m-.5 -4v4h4"></path> |
129 | 191 | <path d="M4 13a8.1 8.1 0 0 0 15.5 2m.5 4v-4h-4"></path> |
|
0 commit comments