line-md 0.0.4 → 0.2.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (341) hide show
  1. package/.editorconfig +13 -0
  2. package/.github/FUNDING.yml +1 -0
  3. package/.prettierrc +3 -3
  4. package/README.md +25 -30
  5. package/license.txt +0 -0
  6. package/line-md.json +1006 -746
  7. package/package.json +30 -9
  8. package/svg/account-add.svg +1 -1
  9. package/svg/account-alert.svg +1 -1
  10. package/svg/account-delete.svg +1 -1
  11. package/svg/account-remove.svg +1 -1
  12. package/svg/account-small.svg +1 -1
  13. package/svg/account.svg +1 -1
  14. package/svg/alert-circle-twotone.svg +1 -1
  15. package/svg/alert-circle.svg +1 -1
  16. package/svg/alert-twotone.svg +1 -1
  17. package/svg/alert.svg +1 -1
  18. package/svg/align-center.svg +1 -1
  19. package/svg/align-justify.svg +1 -1
  20. package/svg/align-left.svg +1 -1
  21. package/svg/align-right.svg +1 -0
  22. package/svg/arrow-align-bottom.svg +1 -0
  23. package/svg/arrow-align-center.svg +1 -1
  24. package/svg/arrow-align-left.svg +1 -1
  25. package/svg/arrow-align-middle.svg +1 -0
  26. package/svg/arrow-align-right.svg +1 -0
  27. package/svg/arrow-align-top.svg +1 -0
  28. package/svg/arrow-close-down.svg +1 -0
  29. package/svg/arrow-close-left.svg +1 -1
  30. package/svg/arrow-close-right.svg +1 -0
  31. package/svg/arrow-close-up.svg +1 -0
  32. package/svg/arrow-down-circle-twotone.svg +1 -0
  33. package/svg/arrow-down-circle.svg +1 -0
  34. package/svg/arrow-down.svg +1 -0
  35. package/svg/arrow-left-circle-twotone.svg +1 -1
  36. package/svg/arrow-left-circle.svg +1 -1
  37. package/svg/arrow-left.svg +1 -1
  38. package/svg/arrow-long-diagonal-rotated.svg +1 -0
  39. package/svg/arrow-long-diagonal.svg +1 -1
  40. package/svg/arrow-open-down.svg +1 -0
  41. package/svg/arrow-open-left.svg +1 -1
  42. package/svg/arrow-open-right.svg +1 -0
  43. package/svg/arrow-open-up.svg +1 -0
  44. package/svg/arrow-right-circle-twotone.svg +1 -0
  45. package/svg/arrow-right-circle.svg +1 -0
  46. package/svg/arrow-right.svg +1 -0
  47. package/svg/arrow-small-down.svg +1 -0
  48. package/svg/arrow-small-left.svg +1 -1
  49. package/svg/arrow-small-right.svg +1 -0
  50. package/svg/arrow-small-up.svg +1 -0
  51. package/svg/arrow-up-circle-twotone.svg +1 -0
  52. package/svg/arrow-up-circle.svg +1 -0
  53. package/svg/arrow-up.svg +1 -0
  54. package/svg/arrows-diagonal-rotated.svg +1 -0
  55. package/svg/arrows-diagonal.svg +1 -1
  56. package/svg/arrows-horizontal-alt.svg +1 -1
  57. package/svg/arrows-horizontal.svg +1 -1
  58. package/svg/arrows-vertical-alt.svg +1 -0
  59. package/svg/arrows-vertical.svg +1 -0
  60. package/svg/beer-alt-filled-loop.svg +1 -0
  61. package/svg/beer-alt-filled.svg +1 -0
  62. package/svg/beer-alt-twotone-loop.svg +1 -0
  63. package/svg/beer-alt-twotone.svg +1 -0
  64. package/svg/beer-filled.svg +1 -0
  65. package/svg/beer-loop.svg +1 -0
  66. package/svg/beer-twotone-loop.svg +1 -0
  67. package/svg/beer-twotone.svg +1 -0
  68. package/svg/beer.svg +1 -0
  69. package/svg/bell-twotone.svg +1 -1
  70. package/svg/bell.svg +1 -1
  71. package/svg/buy-me-a-coffee-filled.svg +1 -0
  72. package/svg/buy-me-a-coffee-twotone.svg +1 -0
  73. package/svg/buy-me-a-coffee.svg +1 -0
  74. package/svg/calendar-out.svg +1 -0
  75. package/svg/calendar.svg +1 -0
  76. package/svg/cancel-twotone.svg +1 -1
  77. package/svg/cancel.svg +1 -1
  78. package/svg/check-list-3-filled.svg +1 -0
  79. package/svg/check-list-3-twotone.svg +1 -1
  80. package/svg/check-list-3.svg +1 -1
  81. package/svg/chevron-double-down.svg +1 -0
  82. package/svg/chevron-double-left.svg +1 -1
  83. package/svg/chevron-double-right.svg +1 -0
  84. package/svg/chevron-double-up.svg +1 -0
  85. package/svg/chevron-down-circle-twotone.svg +1 -0
  86. package/svg/chevron-down-circle.svg +1 -0
  87. package/svg/chevron-down.svg +1 -0
  88. package/svg/chevron-left-circle-twotone.svg +1 -1
  89. package/svg/chevron-left-circle.svg +1 -1
  90. package/svg/chevron-left.svg +1 -1
  91. package/svg/chevron-right-circle-twotone.svg +1 -0
  92. package/svg/chevron-right-circle.svg +1 -0
  93. package/svg/chevron-right.svg +1 -0
  94. package/svg/chevron-small-double-down.svg +1 -0
  95. package/svg/chevron-small-double-left.svg +1 -1
  96. package/svg/chevron-small-double-right.svg +1 -0
  97. package/svg/chevron-small-double-up.svg +1 -0
  98. package/svg/chevron-small-down.svg +1 -0
  99. package/svg/chevron-small-left.svg +1 -1
  100. package/svg/chevron-small-right.svg +1 -0
  101. package/svg/chevron-small-triple-down.svg +1 -0
  102. package/svg/chevron-small-triple-left.svg +1 -1
  103. package/svg/chevron-small-triple-right.svg +1 -0
  104. package/svg/chevron-small-triple-up.svg +1 -0
  105. package/svg/chevron-small-up.svg +1 -0
  106. package/svg/chevron-triple-down.svg +1 -0
  107. package/svg/chevron-triple-left.svg +1 -1
  108. package/svg/chevron-triple-right.svg +1 -0
  109. package/svg/chevron-triple-up.svg +1 -0
  110. package/svg/chevron-up-circle-twotone.svg +1 -0
  111. package/svg/chevron-up-circle.svg +1 -0
  112. package/svg/chevron-up.svg +1 -0
  113. package/svg/circle-to-confirm-circle-transition.svg +1 -0
  114. package/svg/circle-to-confirm-circle-twotone-transition.svg +1 -0
  115. package/svg/circle-twotone-to-confirm-circle-twotone-transition.svg +1 -0
  116. package/svg/circle-twotone.svg +1 -1
  117. package/svg/circle.svg +1 -1
  118. package/svg/clipboard-arrow-twotone.svg +1 -1
  119. package/svg/clipboard-arrow.svg +1 -1
  120. package/svg/clipboard-check-twotone.svg +1 -1
  121. package/svg/clipboard-check.svg +1 -1
  122. package/svg/clipboard-list-twotone.svg +1 -1
  123. package/svg/clipboard-list.svg +1 -1
  124. package/svg/clipboard-minus-twotone.svg +1 -1
  125. package/svg/clipboard-minus.svg +1 -1
  126. package/svg/clipboard-plus-twotone.svg +1 -1
  127. package/svg/clipboard-plus.svg +1 -1
  128. package/svg/clipboard-twotone.svg +1 -1
  129. package/svg/clipboard.svg +1 -1
  130. package/svg/close-circle-twotone.svg +1 -1
  131. package/svg/close-circle.svg +1 -1
  132. package/svg/close.svg +1 -1
  133. package/svg/cloud-braces-loop.svg +1 -0
  134. package/svg/cloud-down-twotone.svg +1 -1
  135. package/svg/cloud-down.svg +1 -1
  136. package/svg/cloud-download-loop.svg +1 -0
  137. package/svg/cloud-download-outline-loop.svg +1 -0
  138. package/svg/cloud-filled.svg +1 -1
  139. package/svg/cloud-loop.svg +1 -0
  140. package/svg/cloud-off-outline-loop.svg +1 -0
  141. package/svg/cloud-outline-loop.svg +1 -0
  142. package/svg/cloud-print-loop.svg +1 -0
  143. package/svg/cloud-print-outline-loop.svg +1 -0
  144. package/svg/cloud-tags-loop.svg +1 -0
  145. package/svg/cloud-twotone.svg +1 -1
  146. package/svg/cloud-up-twotone.svg +1 -1
  147. package/svg/cloud-up.svg +1 -1
  148. package/svg/cloud-upload-loop.svg +1 -0
  149. package/svg/cloud-upload-outline-loop.svg +1 -0
  150. package/svg/cloud.svg +1 -1
  151. package/svg/coffee-arrow-filled.svg +1 -0
  152. package/svg/coffee-arrow-twotone.svg +1 -0
  153. package/svg/coffee-arrow.svg +1 -0
  154. package/svg/coffee-filled.svg +1 -0
  155. package/svg/coffee-half-empty-twotone-loop.svg +1 -0
  156. package/svg/coffee-loop.svg +1 -0
  157. package/svg/coffee-twotone-loop.svg +1 -0
  158. package/svg/coffee-twotone.svg +1 -0
  159. package/svg/coffee.svg +1 -0
  160. package/svg/computer-twotone.svg +1 -1
  161. package/svg/computer.svg +1 -1
  162. package/svg/confirm-circle-to-circle-transition.svg +1 -0
  163. package/svg/confirm-circle-twotone-to-circle-transition.svg +1 -0
  164. package/svg/confirm-circle-twotone-to-circle-twotone-transition.svg +1 -0
  165. package/svg/confirm-circle-twotone.svg +1 -1
  166. package/svg/confirm-circle.svg +1 -1
  167. package/svg/confirm.svg +1 -1
  168. package/svg/construction-twotone.svg +1 -1
  169. package/svg/construction.svg +1 -1
  170. package/svg/discord-twotone.svg +1 -0
  171. package/svg/discord.svg +1 -0
  172. package/svg/document-add-twotone.svg +1 -1
  173. package/svg/document-add.svg +1 -1
  174. package/svg/document-code-twotone.svg +1 -1
  175. package/svg/document-code.svg +1 -1
  176. package/svg/document-list-twotone.svg +1 -1
  177. package/svg/document-list.svg +1 -1
  178. package/svg/document-remove-twotone.svg +1 -1
  179. package/svg/document-remove.svg +1 -1
  180. package/svg/document-report-twotone.svg +1 -1
  181. package/svg/document-report.svg +1 -1
  182. package/svg/document-twotone.svg +1 -1
  183. package/svg/document.svg +1 -1
  184. package/svg/double-arrow-horizontal.svg +1 -1
  185. package/svg/double-arrow-vertical.svg +1 -0
  186. package/svg/edit-twotone-full.svg +1 -1
  187. package/svg/edit-twotone.svg +1 -1
  188. package/svg/edit.svg +1 -1
  189. package/svg/email-opened-twotone-alt.svg +1 -1
  190. package/svg/email-opened-twotone.svg +1 -1
  191. package/svg/email-opened.svg +1 -1
  192. package/svg/email-twotone-alt.svg +1 -1
  193. package/svg/email-twotone.svg +1 -1
  194. package/svg/email.svg +1 -1
  195. package/svg/emoji-angry-twotone.svg +1 -1
  196. package/svg/emoji-angry.svg +1 -1
  197. package/svg/emoji-frown-open-twotone.svg +1 -1
  198. package/svg/emoji-frown-open.svg +1 -1
  199. package/svg/emoji-frown-twotone.svg +1 -1
  200. package/svg/emoji-frown.svg +1 -1
  201. package/svg/emoji-grin-twotone.svg +1 -1
  202. package/svg/emoji-grin.svg +1 -1
  203. package/svg/emoji-neutral-twotone.svg +1 -1
  204. package/svg/emoji-neutral.svg +1 -1
  205. package/svg/emoji-smile-twotone.svg +1 -1
  206. package/svg/emoji-smile-wink-twotone.svg +1 -1
  207. package/svg/emoji-smile-wink.svg +1 -1
  208. package/svg/emoji-smile.svg +1 -1
  209. package/svg/external-link-rounded.svg +1 -1
  210. package/svg/external-link.svg +1 -1
  211. package/svg/facebook.svg +1 -1
  212. package/svg/github-loop.svg +1 -0
  213. package/svg/github-twotone.svg +1 -1
  214. package/svg/github.svg +1 -1
  215. package/svg/grid-3-filled.svg +1 -0
  216. package/svg/grid-3-twotone.svg +1 -1
  217. package/svg/grid-3.svg +1 -1
  218. package/svg/hash-small.svg +1 -1
  219. package/svg/hash.svg +1 -1
  220. package/svg/heart-filled-half.svg +1 -1
  221. package/svg/heart-filled.svg +1 -1
  222. package/svg/heart-half-filled.svg +1 -1
  223. package/svg/heart-half-twotone.svg +1 -1
  224. package/svg/heart-half.svg +1 -1
  225. package/svg/heart-twotone-half-filled.svg +1 -1
  226. package/svg/heart-twotone-half.svg +1 -1
  227. package/svg/heart-twotone.svg +1 -1
  228. package/svg/heart.svg +1 -1
  229. package/svg/home-md-twotone-alt.svg +1 -1
  230. package/svg/home-md-twotone.svg +1 -1
  231. package/svg/home-md.svg +1 -1
  232. package/svg/home-simple-filled.svg +1 -1
  233. package/svg/home-simple-twotone.svg +1 -1
  234. package/svg/home-simple.svg +1 -1
  235. package/svg/home-twotone-alt.svg +1 -1
  236. package/svg/home-twotone.svg +1 -1
  237. package/svg/home.svg +1 -1
  238. package/svg/iconify1.svg +1 -1
  239. package/svg/image-twotone.svg +1 -1
  240. package/svg/image.svg +1 -1
  241. package/svg/instagram.svg +1 -0
  242. package/svg/laptop-twotone.svg +1 -1
  243. package/svg/laptop.svg +1 -1
  244. package/svg/light-dark-loop.svg +1 -0
  245. package/svg/light-dark.svg +1 -0
  246. package/svg/linkedin.svg +1 -1
  247. package/svg/list-3-filled.svg +1 -0
  248. package/svg/list-3-twotone.svg +1 -1
  249. package/svg/list-3.svg +1 -1
  250. package/svg/list-indented.svg +1 -1
  251. package/svg/list.svg +1 -1
  252. package/svg/loading-alt-loop.svg +1 -0
  253. package/svg/loading-loop.svg +1 -0
  254. package/svg/loading-twotone-loop.svg +1 -0
  255. package/svg/marker-filled.svg +1 -1
  256. package/svg/marker-twotone.svg +1 -1
  257. package/svg/marker.svg +1 -1
  258. package/svg/menu-fold-left.svg +1 -1
  259. package/svg/menu-fold-right.svg +1 -0
  260. package/svg/menu-unfold-left.svg +1 -1
  261. package/svg/menu-unfold-right.svg +1 -0
  262. package/svg/menu.svg +1 -1
  263. package/svg/minus-circle-twotone.svg +1 -1
  264. package/svg/minus-circle.svg +1 -1
  265. package/svg/minus.svg +1 -1
  266. package/svg/moon-filled.svg +1 -0
  267. package/svg/moon-twotone.svg +1 -0
  268. package/svg/moon.svg +1 -0
  269. package/svg/navigation-left-down.svg +1 -0
  270. package/svg/navigation-left-up.svg +1 -1
  271. package/svg/navigation-right-down.svg +1 -0
  272. package/svg/navigation-right-up.svg +1 -0
  273. package/svg/paint-drop-filled.svg +1 -1
  274. package/svg/paint-drop-half-filled-twotone.svg +1 -1
  275. package/svg/paint-drop-half-filled.svg +1 -1
  276. package/svg/paint-drop-half-twotone.svg +1 -1
  277. package/svg/paint-drop-twotone.svg +1 -1
  278. package/svg/paint-drop.svg +1 -1
  279. package/svg/pencil-twotone-alt.svg +1 -1
  280. package/svg/pencil-twotone.svg +1 -1
  281. package/svg/pencil.svg +1 -1
  282. package/svg/plus-circle-twotone.svg +1 -1
  283. package/svg/plus-circle.svg +1 -1
  284. package/svg/plus.svg +1 -1
  285. package/svg/question-circle-twotone.svg +1 -1
  286. package/svg/question-circle.svg +1 -1
  287. package/svg/question.svg +1 -1
  288. package/svg/reddit-circle-loop.svg +1 -0
  289. package/svg/reddit-circle.svg +1 -0
  290. package/svg/reddit-loop.svg +1 -0
  291. package/svg/reddit.svg +1 -0
  292. package/svg/remove.svg +1 -1
  293. package/svg/rotate-180.svg +1 -1
  294. package/svg/rotate-270.svg +1 -1
  295. package/svg/rotate-90.svg +1 -1
  296. package/svg/search-filled.svg +1 -1
  297. package/svg/search-twotone.svg +1 -1
  298. package/svg/search.svg +1 -1
  299. package/svg/sun-rising-filled-loop.svg +1 -0
  300. package/svg/sun-rising-loop.svg +1 -0
  301. package/svg/sun-rising-twotone-loop.svg +1 -0
  302. package/svg/sunny-outline-loop.svg +1 -0
  303. package/svg/sunny-outline-twotone-loop.svg +1 -0
  304. package/svg/telegram.svg +1 -0
  305. package/svg/text-box-multiple-to-text-box-transition.svg +1 -0
  306. package/svg/text-box-multiple-twotone-to-text-box-twotone-transition.svg +1 -0
  307. package/svg/text-box-multiple-twotone.svg +1 -0
  308. package/svg/text-box-multiple.svg +1 -0
  309. package/svg/text-box-to-text-box-multiple-transition.svg +1 -0
  310. package/svg/text-box-twotone-to-text-box-multiple-twotone-transition.svg +1 -0
  311. package/svg/text-box-twotone.svg +1 -0
  312. package/svg/text-box.svg +1 -0
  313. package/svg/thumbs-down-twotone.svg +1 -1
  314. package/svg/thumbs-down.svg +1 -1
  315. package/svg/thumbs-up-twotone.svg +1 -1
  316. package/svg/thumbs-up.svg +1 -1
  317. package/svg/twitter-twotone.svg +1 -1
  318. package/svg/twitter.svg +1 -1
  319. package/svg/valign-baseline-twotone.svg +1 -1
  320. package/svg/valign-baseline.svg +1 -1
  321. package/svg/valign-bottom-twotone.svg +1 -1
  322. package/svg/valign-bottom.svg +1 -1
  323. package/svg/valign-middle-twotone.svg +1 -1
  324. package/svg/valign-middle.svg +1 -1
  325. package/svg/valign-top-twotone.svg +1 -1
  326. package/svg/valign-top.svg +1 -1
  327. package/svg/weather-cloudy-loop.svg +1 -0
  328. package/build.js +0 -2
  329. package/export.js +0 -17
  330. package/icon-finder/iconify.min.js +0 -13
  331. package/icon-finder/iconify2.css +0 -2550
  332. package/icon-finder/iconify2.js +0 -22635
  333. package/icon-finder/iconify2.js.map +0 -1
  334. package/icon-finder/iconify2.min.js +0 -1
  335. package/index.html +0 -67
  336. package/line-md.css +0 -46
  337. package/stylesheet.js +0 -156
  338. package/svg/check-list-3-solid.svg +0 -1
  339. package/svg/grid-3-solid.svg +0 -1
  340. package/svg/iconify2.svg +0 -1
  341. package/svg/list-3-solid.svg +0 -1
@@ -1,2550 +0,0 @@
1
- /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
2
- /* Document
3
- ========================================================================== */
4
- /**
5
- * 1. Correct the line height in all browsers.
6
- * 2. Prevent adjustments of font size after orientation changes in iOS.
7
- */
8
- html {
9
- line-height: 1.15;
10
- /* 1 */
11
- -webkit-text-size-adjust: 100%;
12
- /* 2 */
13
- }
14
-
15
- /* Sections
16
- ========================================================================== */
17
- /**
18
- * Remove the margin in all browsers.
19
- */
20
- body {
21
- margin: 0;
22
- }
23
-
24
- /**
25
- * Render the `main` element consistently in IE.
26
- */
27
- main {
28
- display: block;
29
- }
30
-
31
- /**
32
- * Correct the font size and margin on `h1` elements within `section` and
33
- * `article` contexts in Chrome, Firefox, and Safari.
34
- */
35
- h1 {
36
- font-size: 2em;
37
- margin: 0.67em 0;
38
- }
39
-
40
- /* Grouping content
41
- ========================================================================== */
42
- /**
43
- * 1. Add the correct box sizing in Firefox.
44
- * 2. Show the overflow in Edge and IE.
45
- */
46
- hr {
47
- box-sizing: content-box;
48
- /* 1 */
49
- height: 0;
50
- /* 1 */
51
- overflow: visible;
52
- /* 2 */
53
- }
54
-
55
- /**
56
- * 1. Correct the inheritance and scaling of font size in all browsers.
57
- * 2. Correct the odd `em` font sizing in all browsers.
58
- */
59
- pre {
60
- font-family: monospace, monospace;
61
- /* 1 */
62
- font-size: 1em;
63
- /* 2 */
64
- }
65
-
66
- /* Text-level semantics
67
- ========================================================================== */
68
- /**
69
- * Remove the gray background on active links in IE 10.
70
- */
71
- a {
72
- background-color: transparent;
73
- }
74
-
75
- /**
76
- * 1. Remove the bottom border in Chrome 57-
77
- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
78
- */
79
- abbr[title] {
80
- border-bottom: none;
81
- /* 1 */
82
- text-decoration: underline;
83
- /* 2 */
84
- text-decoration: underline dotted;
85
- /* 2 */
86
- }
87
-
88
- /**
89
- * Add the correct font weight in Chrome, Edge, and Safari.
90
- */
91
- b,
92
- strong {
93
- font-weight: bolder;
94
- }
95
-
96
- /**
97
- * 1. Correct the inheritance and scaling of font size in all browsers.
98
- * 2. Correct the odd `em` font sizing in all browsers.
99
- */
100
- code,
101
- kbd,
102
- samp {
103
- font-family: monospace, monospace;
104
- /* 1 */
105
- font-size: 1em;
106
- /* 2 */
107
- }
108
-
109
- /**
110
- * Add the correct font size in all browsers.
111
- */
112
- small {
113
- font-size: 80%;
114
- }
115
-
116
- /**
117
- * Prevent `sub` and `sup` elements from affecting the line height in
118
- * all browsers.
119
- */
120
- sub,
121
- sup {
122
- font-size: 75%;
123
- line-height: 0;
124
- position: relative;
125
- vertical-align: baseline;
126
- }
127
-
128
- sub {
129
- bottom: -0.25em;
130
- }
131
-
132
- sup {
133
- top: -0.5em;
134
- }
135
-
136
- /* Embedded content
137
- ========================================================================== */
138
- /**
139
- * Remove the border on images inside links in IE 10.
140
- */
141
- img {
142
- border-style: none;
143
- }
144
-
145
- /* Forms
146
- ========================================================================== */
147
- /**
148
- * 1. Change the font styles in all browsers.
149
- * 2. Remove the margin in Firefox and Safari.
150
- */
151
- button,
152
- input,
153
- optgroup,
154
- select,
155
- textarea {
156
- font-family: inherit;
157
- /* 1 */
158
- font-size: 100%;
159
- /* 1 */
160
- line-height: 1.15;
161
- /* 1 */
162
- margin: 0;
163
- /* 2 */
164
- }
165
-
166
- /**
167
- * Show the overflow in IE.
168
- * 1. Show the overflow in Edge.
169
- */
170
- button,
171
- input {
172
- /* 1 */
173
- overflow: visible;
174
- }
175
-
176
- /**
177
- * Remove the inheritance of text transform in Edge, Firefox, and IE.
178
- * 1. Remove the inheritance of text transform in Firefox.
179
- */
180
- button,
181
- select {
182
- /* 1 */
183
- text-transform: none;
184
- }
185
-
186
- /**
187
- * Correct the inability to style clickable types in iOS and Safari.
188
- */
189
- button,
190
- [type="button"],
191
- [type="reset"],
192
- [type="submit"] {
193
- -webkit-appearance: button;
194
- }
195
-
196
- /**
197
- * Remove the inner border and padding in Firefox.
198
- */
199
- button::-moz-focus-inner,
200
- [type="button"]::-moz-focus-inner,
201
- [type="reset"]::-moz-focus-inner,
202
- [type="submit"]::-moz-focus-inner {
203
- border-style: none;
204
- padding: 0;
205
- }
206
-
207
- /**
208
- * Restore the focus styles unset by the previous rule.
209
- */
210
- button:-moz-focusring,
211
- [type="button"]:-moz-focusring,
212
- [type="reset"]:-moz-focusring,
213
- [type="submit"]:-moz-focusring {
214
- outline: 1px dotted ButtonText;
215
- }
216
-
217
- /**
218
- * Correct the padding in Firefox.
219
- */
220
- fieldset {
221
- padding: 0.35em 0.75em 0.625em;
222
- }
223
-
224
- /**
225
- * 1. Correct the text wrapping in Edge and IE.
226
- * 2. Correct the color inheritance from `fieldset` elements in IE.
227
- * 3. Remove the padding so developers are not caught out when they zero out
228
- * `fieldset` elements in all browsers.
229
- */
230
- legend {
231
- box-sizing: border-box;
232
- /* 1 */
233
- color: inherit;
234
- /* 2 */
235
- display: table;
236
- /* 1 */
237
- max-width: 100%;
238
- /* 1 */
239
- padding: 0;
240
- /* 3 */
241
- white-space: normal;
242
- /* 1 */
243
- }
244
-
245
- /**
246
- * Add the correct vertical alignment in Chrome, Firefox, and Opera.
247
- */
248
- progress {
249
- vertical-align: baseline;
250
- }
251
-
252
- /**
253
- * Remove the default vertical scrollbar in IE 10+.
254
- */
255
- textarea {
256
- overflow: auto;
257
- }
258
-
259
- /**
260
- * 1. Add the correct box sizing in IE 10.
261
- * 2. Remove the padding in IE 10.
262
- */
263
- [type="checkbox"],
264
- [type="radio"] {
265
- box-sizing: border-box;
266
- /* 1 */
267
- padding: 0;
268
- /* 2 */
269
- }
270
-
271
- /**
272
- * Correct the cursor style of increment and decrement buttons in Chrome.
273
- */
274
- [type="number"]::-webkit-inner-spin-button,
275
- [type="number"]::-webkit-outer-spin-button {
276
- height: auto;
277
- }
278
-
279
- /**
280
- * 1. Correct the odd appearance in Chrome and Safari.
281
- * 2. Correct the outline style in Safari.
282
- */
283
- [type="search"] {
284
- -webkit-appearance: textfield;
285
- /* 1 */
286
- outline-offset: -2px;
287
- /* 2 */
288
- }
289
-
290
- /**
291
- * Remove the inner padding in Chrome and Safari on macOS.
292
- */
293
- [type="search"]::-webkit-search-decoration {
294
- -webkit-appearance: none;
295
- }
296
-
297
- /**
298
- * 1. Correct the inability to style clickable types in iOS and Safari.
299
- * 2. Change font properties to `inherit` in Safari.
300
- */
301
- ::-webkit-file-upload-button {
302
- -webkit-appearance: button;
303
- /* 1 */
304
- font: inherit;
305
- /* 2 */
306
- }
307
-
308
- /* Interactive
309
- ========================================================================== */
310
- /*
311
- * Add the correct display in Edge, IE 10+, and Firefox.
312
- */
313
- details {
314
- display: block;
315
- }
316
-
317
- /*
318
- * Add the correct display in all browsers.
319
- */
320
- summary {
321
- display: list-item;
322
- }
323
-
324
- /* Misc
325
- ========================================================================== */
326
- /**
327
- * Add the correct display in IE 10+.
328
- */
329
- template {
330
- display: none;
331
- }
332
-
333
- /**
334
- * Add the correct display in IE 10.
335
- */
336
- [hidden] {
337
- display: none;
338
- }
339
-
340
- /*
341
- Inputs and form buttons
342
- */
343
- /*
344
- Search form input and button
345
- */
346
- /*
347
- Filters
348
- */
349
- /*
350
- Collections list
351
- */
352
- /*
353
- Error
354
- */
355
- /*
356
- Parent block
357
- */
358
- /*
359
- Icon button
360
- */
361
- /*
362
- Icons container
363
- */
364
- /*
365
- Icons grid
366
- */
367
- /*
368
- Icons list
369
- */
370
- /*
371
- Pagination
372
- */
373
- /*
374
- Footer
375
- */
376
- /*
377
- Success notice
378
- */
379
- .iif-wrapper {
380
- letter-spacing: normal;
381
- font-family: "PT Sans", "Open Sans", "Droid Sans", sans-serif;
382
- font-weight: 400;
383
- font-size: 16px;
384
- line-height: 24px;
385
- }
386
-
387
- .iif-content {
388
- font-family: "PT Sans", "Open Sans", "Droid Sans", sans-serif;
389
- font-size: 16px;
390
- line-height: 24px;
391
- font-weight: 400;
392
- color: #313131;
393
- background: #f2f2f2;
394
- padding: 16px;
395
- }
396
-
397
- .iif-content a {
398
- color: #1769aa;
399
- text-decoration: none;
400
- }
401
-
402
- .iif-content a:hover, .iif-content a:focus {
403
- color: #ba3329;
404
- text-decoration: none;
405
- }
406
-
407
- .iif-content a:focus {
408
- outline: none;
409
- }
410
-
411
- .iif-content a:focus:not(:hover) {
412
- text-decoration: underline;
413
- box-shadow: 0 0 0 2px #b0dafb;
414
- }
415
-
416
- .iif-form-button {
417
- cursor: pointer;
418
- white-space: nowrap;
419
- display: inline-block;
420
- flex-shrink: 0;
421
- position: relative;
422
- font-size: 16px;
423
- line-height: 24px;
424
- height: 36px;
425
- margin: 0 0 0 8px;
426
- padding: 4px 16px;
427
- color: #626262;
428
- background: #ffffff;
429
- border: 2px solid #e4e4e4;
430
- border-radius: 5px;
431
- text-decoration: none;
432
- outline: none;
433
- }
434
-
435
- .iif-form-button--secondary {
436
- color: #959595;
437
- background: #f8f8f8;
438
- border-color: #e4e4e4;
439
- }
440
-
441
- .iif-form-button--destructive {
442
- color: #ffffff;
443
- background: #ba3329;
444
- border-color: #ba3329;
445
- }
446
-
447
- .iif-form-button:hover {
448
- color: #ba3329;
449
- background: #ffffff;
450
- border-color: #cacaca;
451
- }
452
-
453
- .iif-form-button:focus {
454
- outline: none;
455
- }
456
-
457
- .iif-form-button:focus:not(:hover) {
458
- color: #1769aa;
459
- background: #ffffff;
460
- border-color: #b0dafb;
461
- }
462
-
463
- .iif-form-button:disabled {
464
- cursor: inherit;
465
- color: #959595;
466
- background: #f8f8f8;
467
- border-color: #f8f8f8;
468
- }
469
-
470
- .iif-form-button--with-icon {
471
- padding-left: 40px;
472
- }
473
-
474
- .iif-form-button svg {
475
- position: absolute;
476
- font-size: 24px;
477
- left: 8px;
478
- top: 50%;
479
- margin-top: -12px;
480
- opacity: 0.5;
481
- }
482
-
483
- .iif-form-button:hover svg {
484
- opacity: 1;
485
- }
486
-
487
- .iif-block--search .iif-form-button {
488
- font-size: 18px;
489
- line-height: 26px;
490
- height: 44px;
491
- margin: 0 0 0 8px;
492
- padding: 7px 16px;
493
- }
494
-
495
- .iif-icon-button {
496
- width: 24px;
497
- height: 24px;
498
- margin: 0;
499
- padding: 0px;
500
- color: #959595;
501
- background: transparent;
502
- border: 0 solid transparent;
503
- border-radius: 2px;
504
- line-height: 24px;
505
- box-sizing: border-box;
506
- cursor: pointer;
507
- }
508
-
509
- .iif-icon-button:hover, .iif-icon-button:active {
510
- color: #ba3329;
511
- background-color: transparent;
512
- }
513
-
514
- .iif-icon-button:focus {
515
- outline: none;
516
- }
517
-
518
- .iif-icon-button:focus:not(:hover) {
519
- box-shadow: 0 0 0 2px #b0dafb inset;
520
- }
521
-
522
- .iif-icon-button svg {
523
- display: block;
524
- font-size: 24px;
525
- }
526
-
527
- .iif-input-wrapper {
528
- position: relative;
529
- width: 100%;
530
- height: 36px;
531
- margin: 0;
532
- padding: 0;
533
- white-space: nowrap;
534
- box-sizing: border-box;
535
- }
536
-
537
- .iif-input {
538
- box-sizing: border-box;
539
- position: relative;
540
- width: 100%;
541
- min-width: 180px;
542
- height: 36px;
543
- margin: 0;
544
- padding: 0;
545
- color: #626262;
546
- border: 2px solid #e4e4e4;
547
- border-radius: 5px;
548
- background-color: #ffffff;
549
- outline: none;
550
- box-shadow: none;
551
- /*
552
- &:focus-within {
553
- .iif-input-placeholder {
554
- display: none;
555
- }
556
- }
557
- */
558
- }
559
-
560
- .iif-input--number {
561
- min-width: 120px;
562
- }
563
-
564
- .iif-input--color {
565
- min-width: 140px;
566
- }
567
-
568
- .iif-input .iif-input-icon {
569
- position: absolute;
570
- left: 4px;
571
- top: 4px;
572
- pointer-events: none;
573
- color: #cacaca;
574
- }
575
-
576
- .iif-input .iif-input-icon svg {
577
- display: block;
578
- font-size: 24px;
579
- width: 1em;
580
- }
581
-
582
- .iif-input:hover {
583
- color: #626262;
584
- border-color: #cacaca;
585
- background-color: #ffffff;
586
- }
587
-
588
- .iif-input:hover .iif-input-icon {
589
- color: #cacaca;
590
- }
591
-
592
- .iif-input:focus-within {
593
- color: #626262;
594
- border-color: #b0dafb;
595
- background-color: #ffffff;
596
- }
597
-
598
- .iif-input:focus-within .iif-input-icon {
599
- color: #959595;
600
- }
601
-
602
- .iif-input .iif-input-placeholder {
603
- position: absolute;
604
- font-size: 16px;
605
- line-height: 24px;
606
- left: 10px;
607
- right: 10px;
608
- top: 4px;
609
- bottom: 4px;
610
- white-space: nowrap;
611
- overflow: hidden;
612
- text-overflow: ellipsis;
613
- color: #cacaca;
614
- pointer-events: none;
615
- }
616
-
617
- .iif-input .iif-input-placeholder:hover {
618
- display: none;
619
- }
620
-
621
- .iif-input .iif-input-reset {
622
- position: absolute;
623
- display: none;
624
- right: 4px;
625
- top: 4px;
626
- width: 24px;
627
- height: 24px;
628
- text-align: center;
629
- text-decoration: none;
630
- color: #1769aa;
631
- }
632
-
633
- .iif-input .iif-input-reset:hover {
634
- color: #ba3329;
635
- }
636
-
637
- .iif-input .iif-input-reset:focus {
638
- outline: none;
639
- color: #ba3329;
640
- }
641
-
642
- .iif-input .iif-input-reset:focus:not(:hover) {
643
- box-shadow: 0 0 0 2px #b0dafb;
644
- }
645
-
646
- .iif-input .iif-input-reset svg {
647
- display: block;
648
- font-size: 24px;
649
- width: 1em;
650
- margin: 0px;
651
- padding: 0;
652
- }
653
-
654
- .iif-input:hover .iif-input-reset, .iif-input:focus-within .iif-input-reset {
655
- display: block;
656
- }
657
-
658
- .iif-input input {
659
- position: absolute;
660
- box-sizing: border-box;
661
- width: 100%;
662
- font-size: 16px;
663
- line-height: 24px;
664
- left: 0;
665
- right: 0;
666
- top: 4px;
667
- bottom: 4px;
668
- margin: 0;
669
- padding: 0;
670
- padding-left: 10px;
671
- padding-right: 42px;
672
- background: none;
673
- border: none;
674
- box-shadow: none;
675
- outline: none;
676
- /*
677
- &:focus + .iif-input-placeholder {
678
- display: none;
679
- }
680
- */
681
- }
682
-
683
- .iif-input input::selection {
684
- color: #626262;
685
- background-color: #b0dafb;
686
- }
687
-
688
- .iif-input--with-icon input {
689
- padding-left: 32px;
690
- }
691
-
692
- .iif-input--with-icon .iif-input-placeholder {
693
- padding-left: 22px;
694
- }
695
-
696
- .iif-block--search .iif-input-wrapper,
697
- .iif-block--search .iif-input {
698
- height: 44px;
699
- }
700
-
701
- .iif-block--search .iif-input .iif-input-icon {
702
- left: 8px;
703
- top: 8px;
704
- }
705
-
706
- .iif-block--search .iif-input .iif-input-placeholder {
707
- font-size: 18px;
708
- line-height: 26px;
709
- top: 7px;
710
- bottom: 7px;
711
- }
712
-
713
- .iif-block--search .iif-input .iif-input-reset {
714
- right: 8px;
715
- top: 8px;
716
- }
717
-
718
- .iif-block--search .iif-input input {
719
- font-size: 18px;
720
- line-height: 26px;
721
- top: 7px;
722
- bottom: 7px;
723
- }
724
-
725
- .iif-block--search .iif-input--with-icon input {
726
- padding-left: 36px;
727
- }
728
-
729
- .iif-block--search .iif-input--with-icon .iif-input-placeholder {
730
- padding-left: 26px;
731
- }
732
-
733
- .iif-block--search-form {
734
- margin: 8px 0;
735
- display: flex;
736
- width: 100%;
737
- flex-direction: row;
738
- }
739
-
740
- .iif-option-button {
741
- cursor: pointer;
742
- white-space: nowrap;
743
- display: inline-block;
744
- position: relative;
745
- box-sizing: border-box;
746
- text-align: center;
747
- height: 36px;
748
- min-width: 36px;
749
- margin: 0;
750
- padding: 4px 8px;
751
- font-family: "PT Sans", "Open Sans", "Droid Sans", sans-serif;
752
- font-weight: 400;
753
- font-size: 16px;
754
- line-height: 24px;
755
- color: #626262;
756
- background: #ffffff;
757
- border: 2px solid #e4e4e4;
758
- border-radius: 5px;
759
- outline: none;
760
- }
761
-
762
- .iif-option-button--with-icon {
763
- padding-left: 38px;
764
- }
765
-
766
- .iif-option-button--with-icon span {
767
- color: #959595;
768
- }
769
-
770
- .iif-option-button--without-text {
771
- padding-right: 10px;
772
- }
773
-
774
- .iif-option-button:hover span, .iif-option-button:focus:not(:hover) span {
775
- color: inherit;
776
- }
777
-
778
- .iif-option-button:hover {
779
- color: #ba3329;
780
- background: #ffffff;
781
- border-color: #cacaca;
782
- }
783
-
784
- .iif-option-button:focus {
785
- outline: none;
786
- }
787
-
788
- .iif-option-button:focus:not(:hover) {
789
- color: #1769aa;
790
- background: #ffffff;
791
- border-color: #b0dafb;
792
- }
793
-
794
- .iif-option-button--checked {
795
- color: #ffffff;
796
- background: #1769aa;
797
- border-color: #1769aa;
798
- }
799
-
800
- .iif-option-button--checked span {
801
- color: inherit;
802
- }
803
-
804
- .iif-option-button--checked:hover {
805
- color: #ffffff;
806
- background: #ba3329;
807
- border-color: #ba3329;
808
- }
809
-
810
- .iif-option-button--checked:focus:not(:hover) {
811
- color: #ffffff;
812
- background: #1c7ecc;
813
- border-color: #1769aa;
814
- }
815
-
816
- .iif-option-button svg {
817
- position: absolute;
818
- left: 8px;
819
- top: 50%;
820
- font-size: 24px;
821
- line-height: 1em;
822
- margin-top: -0.5em;
823
- }
824
-
825
- .iif-option-button + .iif-option-button {
826
- margin-left: 8px;
827
- }
828
-
829
- .iif-block--add-form {
830
- margin: 16px 0;
831
- padding: 8px;
832
- border: 2px solid #e4e4e4;
833
- border-radius: 2px;
834
- background: #f8f8f8;
835
- }
836
-
837
- .iif-block--add-form-form {
838
- margin: 8px 0 0;
839
- display: flex;
840
- width: 100%;
841
- flex-direction: row;
842
- }
843
-
844
- .iif-block--add-form-status {
845
- margin: 8px 0 0;
846
- }
847
-
848
- .iif-block--add-form-invalid {
849
- margin: 8px 0 0;
850
- color: #626262;
851
- font-size: 14px;
852
- line-height: 22px;
853
- }
854
-
855
- .iif-input-sample {
856
- font-size: 16px;
857
- line-height: 24px;
858
- color: #626262;
859
- border: 2px solid #e4e4e4;
860
- border-radius: 5px;
861
- background-color: #ffffff;
862
- padding: 6px 10px;
863
- position: relative;
864
- }
865
-
866
- .iif-input-sample a {
867
- color: #959595;
868
- position: absolute;
869
- font-size: 24px;
870
- line-height: 1em;
871
- margin: 0;
872
- padding: 0px;
873
- right: 2px;
874
- top: 6px;
875
- opacity: 0;
876
- transition: opacity 0.2s;
877
- }
878
-
879
- .iif-input-sample a:hover {
880
- color: #ba3329;
881
- }
882
-
883
- .iif-input-sample:hover a,
884
- .iif-input-sample--with-notice a {
885
- opacity: 1;
886
- }
887
-
888
- .iif-input-sample-notice {
889
- position: absolute;
890
- right: 26px;
891
- top: 4px;
892
- margin: 0;
893
- padding: 2px 8px;
894
- white-space: nowrap;
895
- pointer-events: none;
896
- font-size: 14px;
897
- line-height: 24px;
898
- color: #ffffff;
899
- background: #327335;
900
- border-radius: 3px;
901
- animation: iif-show-code-notice 2s ease forwards;
902
- }
903
-
904
- .iif-input-sample-notice svg {
905
- float: left;
906
- font-size: 24px;
907
- line-height: 1em;
908
- margin-right: 4px;
909
- }
910
-
911
- .iif-input-sample-content {
912
- white-space: pre-wrap;
913
- word-break: break-all;
914
- }
915
-
916
- @keyframes iif-show-code-notice {
917
- 0% {
918
- opacity: 0;
919
- }
920
- 10% {
921
- opacity: 1;
922
- }
923
- 80% {
924
- opacity: 1;
925
- }
926
- 100% {
927
- opacity: 0;
928
- }
929
- }
930
-
931
- .iif-block--collection-info {
932
- margin: 8px 0 16px;
933
- }
934
-
935
- .iif-block--collection-info .iif-collection-info-title {
936
- font-family: "PT Sans", "Open Sans", "Droid Sans", sans-serif;
937
- font-weight: 400;
938
- font-size: 22px;
939
- line-height: 32px;
940
- margin: 8px 0;
941
- color: #626262;
942
- }
943
-
944
- .iif-block--collection-info dl {
945
- display: flex;
946
- margin: 4px 0;
947
- padding: 0;
948
- font-family: "PT Sans", "Open Sans", "Droid Sans", sans-serif;
949
- font-weight: 400;
950
- font-size: 14px;
951
- line-height: 22px;
952
- }
953
-
954
- .iif-block--collection-info dt,
955
- .iif-block--collection-info dd {
956
- display: block;
957
- text-align: left;
958
- }
959
-
960
- .iif-block--collection-info dt {
961
- color: #626262;
962
- width: 160px;
963
- padding-right: 8px;
964
- }
965
-
966
- .iif-block--collection-info dd {
967
- color: #313131;
968
- flex-grow: 1;
969
- }
970
-
971
- .iif-block--collection-info a {
972
- color: #1769aa;
973
- text-decoration: none;
974
- }
975
-
976
- .iif-block--collection-info a:hover {
977
- color: #ba3329;
978
- text-decoration: underline;
979
- }
980
-
981
- .iif-block--collection-info a:focus {
982
- text-decoration: underline;
983
- outline: none;
984
- }
985
-
986
- .iif-collections-list-category {
987
- margin: 16px 0;
988
- }
989
-
990
- .iif-collections-list-category:after {
991
- content: ' ';
992
- display: table;
993
- clear: both;
994
- }
995
-
996
- .iif-collections-list-title {
997
- font-family: "PT Sans", "Open Sans", "Droid Sans", sans-serif;
998
- font-weight: 400;
999
- font-size: 22px;
1000
- line-height: 32px;
1001
- margin: 0 0 8px;
1002
- color: #626262;
1003
- }
1004
-
1005
- .iif-collections-list-items {
1006
- list-style: none;
1007
- margin: 0 -8px;
1008
- padding: 0;
1009
- }
1010
-
1011
- .iif-collection {
1012
- float: left;
1013
- min-width: 200px;
1014
- max-width: 320px;
1015
- margin: 8px;
1016
- position: relative;
1017
- padding: 8px 12px 8px 90px;
1018
- background: #f8f8f8;
1019
- }
1020
-
1021
- .iif-collection:hover {
1022
- background: #ffffff;
1023
- box-shadow: 0 0 0 2px #e4e4e4 inset;
1024
- }
1025
-
1026
- .iif-collection--clickable {
1027
- cursor: pointer;
1028
- }
1029
-
1030
- @supports (display: flex) {
1031
- .iif-collections-list-items {
1032
- display: flex;
1033
- flex-wrap: wrap;
1034
- }
1035
- .iif-collection {
1036
- flex: auto;
1037
- }
1038
- }
1039
-
1040
- .iif-collection-text {
1041
- text-align: right;
1042
- white-space: nowrap;
1043
- overflow: hidden;
1044
- text-overflow: ellipsis;
1045
- }
1046
-
1047
- .iif-collection-text > span,
1048
- .iif-collection-text > a {
1049
- display: block;
1050
- margin: 0;
1051
- padding: 0;
1052
- font-family: "PT Sans", "Open Sans", "Droid Sans", sans-serif;
1053
- font-weight: 400;
1054
- font-size: 18px;
1055
- line-height: 26px;
1056
- line-height: 28px;
1057
- height: 28px;
1058
- }
1059
-
1060
- .iif-collection-text > span {
1061
- color: #626262;
1062
- }
1063
-
1064
- .iif-collection-text a {
1065
- color: #026c9c;
1066
- }
1067
-
1068
- .iif-collection-text a:hover {
1069
- color: #ba3329;
1070
- text-decoration: underline;
1071
- }
1072
-
1073
- .iif-collection-text a:focus:not(:hover) {
1074
- box-shadow: none;
1075
- text-decoration: none;
1076
- }
1077
-
1078
- .iif-collection-text > small {
1079
- font-family: "PT Sans", "Open Sans", "Droid Sans", sans-serif;
1080
- font-weight: 400;
1081
- font-size: 14px;
1082
- line-height: 22px;
1083
- float: right;
1084
- margin: 0;
1085
- padding: 0;
1086
- line-height: 24px;
1087
- height: 24px;
1088
- color: #959595;
1089
- max-width: 192px;
1090
- }
1091
-
1092
- .iif-collection-text > small a {
1093
- color: inherit;
1094
- }
1095
-
1096
- .iif-collection-data {
1097
- position: absolute;
1098
- left: 0;
1099
- top: 0;
1100
- bottom: 0;
1101
- width: 82px;
1102
- color: #ffffff;
1103
- background: #026c9c;
1104
- border-right: 2px solid transparent;
1105
- }
1106
-
1107
- .iif-collection-data .iif-collection-samples {
1108
- box-sizing: content-box;
1109
- margin-right: -2px;
1110
- padding: 6px 4px;
1111
- height: 24px;
1112
- white-space: nowrap;
1113
- overflow: hidden;
1114
- font-size: 16px;
1115
- line-height: 24px;
1116
- text-align: center;
1117
- background: rgba(255, 255, 255, 0.1);
1118
- }
1119
-
1120
- .iif-collection-data .iif-collection-samples .iconify {
1121
- display: inline-block;
1122
- height: 24px;
1123
- margin: 0 3px;
1124
- vertical-align: -0.125em;
1125
- }
1126
-
1127
- .iif-collection-data .iif-collection-samples--18 {
1128
- font-size: 18px;
1129
- }
1130
-
1131
- .iif-collection-data .iif-collection-samples--18 .iconify {
1132
- margin: 0 2px;
1133
- }
1134
-
1135
- .iif-collection-data .iif-collection-samples--20 {
1136
- font-size: 20px;
1137
- }
1138
-
1139
- .iif-collection-data .iif-collection-samples--20 .iconify {
1140
- margin: 0 2px;
1141
- }
1142
-
1143
- .iif-collection-data .iif-collection-samples--21 {
1144
- font-size: 21px;
1145
- }
1146
-
1147
- .iif-collection-data .iif-collection-samples--21 .iconify {
1148
- margin: 0 1px;
1149
- vertical-align: -2px;
1150
- }
1151
-
1152
- .iif-collection-data .iif-collection-samples--24 {
1153
- font-size: 24px;
1154
- }
1155
-
1156
- .iif-collection-data .iif-collection-samples--24 .iconify {
1157
- margin: 0;
1158
- vertical-align: -4px;
1159
- }
1160
-
1161
- .iif-collection-data .iif-collection-samples--25 {
1162
- font-size: 25px;
1163
- margin-bottom: -1px;
1164
- }
1165
-
1166
- .iif-collection-data .iif-collection-samples--25 .iconify {
1167
- margin: 0 0 0 -1px;
1168
- vertical-align: -4px;
1169
- }
1170
-
1171
- .iif-collection-data .iif-collection-total {
1172
- position: absolute;
1173
- left: 6px;
1174
- bottom: 4px;
1175
- height: 24px;
1176
- }
1177
-
1178
- .iif-collection-data .iif-collection-total svg {
1179
- font-size: 24px;
1180
- line-height: 24px;
1181
- transform: rotate(360deg);
1182
- }
1183
-
1184
- .iif-collection-data .iif-collection-height {
1185
- position: absolute;
1186
- right: 6px;
1187
- bottom: 4px;
1188
- height: 24px;
1189
- }
1190
-
1191
- .iif-collection-data .iif-collection-height svg {
1192
- font-size: 24px;
1193
- line-height: 24px;
1194
- transform: rotate(360deg);
1195
- }
1196
-
1197
- .iif-collection--1 .iif-collection-text a {
1198
- color: #9826ab;
1199
- }
1200
-
1201
- .iif-collection--1 .iif-collection-data {
1202
- background: #9826ab;
1203
- }
1204
-
1205
- .iif-collection--2 .iif-collection-text a {
1206
- color: #007267;
1207
- }
1208
-
1209
- .iif-collection--2 .iif-collection-data {
1210
- background: #007267;
1211
- }
1212
-
1213
- .iif-collection--3 .iif-collection-text a {
1214
- color: #945800;
1215
- }
1216
-
1217
- .iif-collection--3 .iif-collection-data {
1218
- background: #945800;
1219
- }
1220
-
1221
- .iif-collection--4 .iif-collection-text a {
1222
- color: #506874;
1223
- }
1224
-
1225
- .iif-collection--4 .iif-collection-data {
1226
- background: #506874;
1227
- }
1228
-
1229
- .iif-collection--5 .iif-collection-text a {
1230
- color: #327335;
1231
- }
1232
-
1233
- .iif-collection--5 .iif-collection-data {
1234
- background: #327335;
1235
- }
1236
-
1237
- .iif-collection--6 .iif-collection-text a {
1238
- color: #3d4faf;
1239
- }
1240
-
1241
- .iif-collection--6 .iif-collection-data {
1242
- background: #3d4faf;
1243
- }
1244
-
1245
- .iif-collection--7 .iif-collection-text a {
1246
- color: #735145;
1247
- }
1248
-
1249
- .iif-collection--7 .iif-collection-data {
1250
- background: #735145;
1251
- }
1252
-
1253
- .iif-collection--8 .iif-collection-text a {
1254
- color: #6639b5;
1255
- }
1256
-
1257
- .iif-collection--8 .iif-collection-data {
1258
- background: #6639b5;
1259
- }
1260
-
1261
- .iif-collection--9 .iif-collection-text a {
1262
- color: #c41953;
1263
- }
1264
-
1265
- .iif-collection--9 .iif-collection-data {
1266
- background: #c41953;
1267
- }
1268
-
1269
- .iif-collection--10 .iif-collection-text a {
1270
- color: #00717f;
1271
- }
1272
-
1273
- .iif-collection--10 .iif-collection-data {
1274
- background: #00717f;
1275
- }
1276
-
1277
- .iif-collection--11 .iif-collection-text a {
1278
- color: #50702a;
1279
- }
1280
-
1281
- .iif-collection--11 .iif-collection-data {
1282
- background: #50702a;
1283
- }
1284
-
1285
- .iif-collection--12 .iif-collection-text a {
1286
- color: #ba3329;
1287
- }
1288
-
1289
- .iif-collection--12 .iif-collection-data {
1290
- background: #ba3329;
1291
- }
1292
-
1293
- .iif-collection--clickable:hover .iif-collection-text > a:hover {
1294
- text-decoration: none;
1295
- }
1296
-
1297
- .iif-collection:hover, .iif-collection:focus-within {
1298
- background: #ffffff;
1299
- box-shadow: 0 0 0 2px #e4e4e4 inset;
1300
- }
1301
-
1302
- .iif-collection:hover .iif-collection-text > a,
1303
- .iif-collection:hover .iif-collection-text > span, .iif-collection:focus-within .iif-collection-text > a,
1304
- .iif-collection:focus-within .iif-collection-text > span {
1305
- color: #ba3329;
1306
- }
1307
-
1308
- .iif-collection:hover .iif-collection-data, .iif-collection:focus-within .iif-collection-data {
1309
- background: transparent;
1310
- color: #626262;
1311
- border-right-color: #e4e4e4;
1312
- }
1313
-
1314
- .iif-collection:hover .iif-collection-data .iif-collection-samples, .iif-collection:focus-within .iif-collection-data .iif-collection-samples {
1315
- background-color: transparent;
1316
- }
1317
-
1318
- .iif-collection:hover .iif-collection-data .iif-collection-samples svg:hover, .iif-collection:focus-within .iif-collection-data .iif-collection-samples svg:hover {
1319
- color: #ba3329;
1320
- }
1321
-
1322
- .iif-collection:focus-within:not(:hover) {
1323
- box-shadow: 0 0 0 2px #b0dafb inset;
1324
- }
1325
-
1326
- .iif-collection:focus-within:not(:hover) .iif-collection-data {
1327
- border-right-color: #b0dafb;
1328
- }
1329
-
1330
- .iif-content-error {
1331
- font-family: "PT Sans", "Open Sans", "Droid Sans", sans-serif;
1332
- font-weight: 400;
1333
- font-size: 22px;
1334
- line-height: 32px;
1335
- margin: 16px 0;
1336
- padding: 8px 16px;
1337
- color: #ffffff;
1338
- background: #ba3329;
1339
- border-radius: 5px;
1340
- box-shadow: 0 5px 17px rgba(0, 0, 0, 0.2), 0 2px 7px rgba(0, 0, 0, 0.15);
1341
- }
1342
-
1343
- .iif-block--filters {
1344
- margin: 8px 0;
1345
- padding: 0;
1346
- max-height: 164px;
1347
- /* 3 rows + a bit of 4th row */
1348
- overflow-y: auto;
1349
- transition: max-height 0.3s ease;
1350
- }
1351
-
1352
- .iif-block--filters .iif-filters-header {
1353
- font-family: "PT Sans", "Open Sans", "Droid Sans", sans-serif;
1354
- font-weight: 400;
1355
- font-size: 16px;
1356
- line-height: 24px;
1357
- margin: 8px 0;
1358
- padding: 0;
1359
- color: #626262;
1360
- }
1361
-
1362
- .iif-block--filters--active, .iif-block--filters--collections {
1363
- max-height: 300px;
1364
- /* 164 + (26 + 8) * 4 */
1365
- }
1366
-
1367
- .iif-block--filters:focus {
1368
- box-shadow: 0 0 0 1px #b0dafb inset;
1369
- outline: none;
1370
- }
1371
-
1372
- .iif-block--filters--tags:only-child .iif-filters-header {
1373
- display: none;
1374
- }
1375
-
1376
- .iif-filter,
1377
- a.iif-filter {
1378
- box-sizing: border-box;
1379
- display: inline-block;
1380
- text-decoration: none !important;
1381
- white-space: nowrap;
1382
- cursor: pointer;
1383
- font-family: "PT Sans", "Open Sans", "Droid Sans", sans-serif;
1384
- font-weight: 400;
1385
- font-size: 14px;
1386
- line-height: 22px;
1387
- margin: 4px 4px 4px 0;
1388
- padding: 2px 8px;
1389
- color: #ffffff;
1390
- background: #026c9c;
1391
- border: 0 solid #ffffff;
1392
- border-radius: 2px;
1393
- }
1394
-
1395
- .iif-filter--1,
1396
- a.iif-filter--1 {
1397
- background: #9826ab;
1398
- }
1399
-
1400
- .iif-filter--2,
1401
- a.iif-filter--2 {
1402
- background: #007267;
1403
- }
1404
-
1405
- .iif-filter--3,
1406
- a.iif-filter--3 {
1407
- background: #945800;
1408
- }
1409
-
1410
- .iif-filter--4,
1411
- a.iif-filter--4 {
1412
- background: #506874;
1413
- }
1414
-
1415
- .iif-filter--5,
1416
- a.iif-filter--5 {
1417
- background: #327335;
1418
- }
1419
-
1420
- .iif-filter--6,
1421
- a.iif-filter--6 {
1422
- background: #3d4faf;
1423
- }
1424
-
1425
- .iif-filter--7,
1426
- a.iif-filter--7 {
1427
- background: #735145;
1428
- }
1429
-
1430
- .iif-filter--8,
1431
- a.iif-filter--8 {
1432
- background: #6639b5;
1433
- }
1434
-
1435
- .iif-filter--9,
1436
- a.iif-filter--9 {
1437
- background: #c41953;
1438
- }
1439
-
1440
- .iif-filter--10,
1441
- a.iif-filter--10 {
1442
- background: #00717f;
1443
- }
1444
-
1445
- .iif-filter--11,
1446
- a.iif-filter--11 {
1447
- background: #50702a;
1448
- }
1449
-
1450
- .iif-filter--12,
1451
- a.iif-filter--12 {
1452
- background: #ba3329;
1453
- }
1454
-
1455
- .iif-filter:hover, .iif-filter:active,
1456
- a.iif-filter:hover,
1457
- a.iif-filter:active {
1458
- color: #ffffff;
1459
- background: #ba3329;
1460
- }
1461
-
1462
- .iif-filter:focus,
1463
- a.iif-filter:focus {
1464
- outline: none;
1465
- }
1466
-
1467
- .iif-filter:focus:not(:hover),
1468
- a.iif-filter:focus:not(:hover) {
1469
- color: #1769aa;
1470
- background: #ffffff;
1471
- box-shadow: 0 0 0 2px #b0dafb inset;
1472
- }
1473
-
1474
- .iif-filter--unselected:not(:hover):not(:active):not(:focus),
1475
- a.iif-filter--unselected:not(:hover):not(:active):not(:focus) {
1476
- color: #ffffff;
1477
- background: #afafaf;
1478
- }
1479
-
1480
- .iif-filter--unselected:focus:not(:hover),
1481
- a.iif-filter--unselected:focus:not(:hover) {
1482
- color: #626262;
1483
- background: #ffffff;
1484
- box-shadow: 0 0 0 2px #b0dafb inset;
1485
- }
1486
-
1487
- .iif-filter--selected:focus:not(:hover),
1488
- a.iif-filter--selected:focus:not(:hover) {
1489
- color: #ba3329;
1490
- background: #ffffff;
1491
- box-shadow: 0 0 0 2px #fbc1bd inset;
1492
- }
1493
-
1494
- .iif-block--icons {
1495
- margin: 8px 0;
1496
- padding: 8px 4px 4px;
1497
- border: 2px solid #e4e4e4;
1498
- border-radius: 2px;
1499
- background: #f8f8f8;
1500
- }
1501
-
1502
- .iif-icons-header {
1503
- margin: 0 0 8px;
1504
- padding: 0 4px;
1505
- display: flex;
1506
- }
1507
-
1508
- .iif-icons-header-text {
1509
- flex-grow: 1;
1510
- text-align: left;
1511
- }
1512
-
1513
- .iif-icons-header-modes {
1514
- width: 24px;
1515
- height: 24px;
1516
- position: relative;
1517
- box-sizing: border-box;
1518
- }
1519
-
1520
- .iif-icons-header-modes button {
1521
- position: absolute;
1522
- top: 0px;
1523
- right: 0px;
1524
- padding: 2px;
1525
- }
1526
-
1527
- .iif-icons-header-modes button svg {
1528
- font-size: 20px;
1529
- width: 20px;
1530
- height: 20px;
1531
- }
1532
-
1533
- .iif-icons--grid {
1534
- border: 1px solid #e4e4e4;
1535
- background: #f2f2f2;
1536
- }
1537
-
1538
- .iif-icons--grid ul {
1539
- margin: 0;
1540
- padding: 2px;
1541
- box-sizing: border-box;
1542
- list-style: none;
1543
- }
1544
-
1545
- .iif-icons--grid ul:after {
1546
- content: ' ';
1547
- display: table;
1548
- clear: both;
1549
- }
1550
-
1551
- .iif-icons--grid .iif-icon-grid {
1552
- list-style: none;
1553
- float: left;
1554
- padding: 0;
1555
- margin: 4px;
1556
- width: 52px;
1557
- height: 52px;
1558
- }
1559
-
1560
- .iif-icons--grid .iif-icon-grid svg {
1561
- display: block;
1562
- }
1563
-
1564
- .iif-icons--grid .iif-icon-grid a {
1565
- display: block;
1566
- font-size: 48px;
1567
- width: 1em;
1568
- height: 1em;
1569
- color: #626262;
1570
- background: transparent;
1571
- border: 2px solid transparent;
1572
- cursor: pointer;
1573
- text-decoration: none;
1574
- }
1575
-
1576
- .iif-icons--grid .iif-icon-grid a:hover, .iif-icons--grid .iif-icon-grid a:active {
1577
- color: #ba3329;
1578
- background: #f8f8f8;
1579
- border-color: #cacaca;
1580
- }
1581
-
1582
- .iif-icons--grid .iif-icon-grid a:focus {
1583
- outline: none;
1584
- box-shadow: none;
1585
- }
1586
-
1587
- .iif-icons--grid .iif-icon-grid a:focus:not(:hover) {
1588
- color: #626262;
1589
- background: #f8f8f8;
1590
- border-color: #b0dafb;
1591
- }
1592
-
1593
- .iif-icons--grid .iif-icon-grid a:focus:not(:hover) else {
1594
- box-shadow: 0 0 0 2px #b0dafb;
1595
- }
1596
-
1597
- .iif-icons--grid .iif-icon-grid--selected a {
1598
- color: #313131;
1599
- background: #ffffff;
1600
- border-color: #61b4f6;
1601
- }
1602
-
1603
- .iif-icons--grid .iif-icon-grid--selected a:hover, .iif-icons--grid .iif-icon-grid--selected a:active {
1604
- color: #ba3329;
1605
- background: #ffffff;
1606
- border-color: #f8847b;
1607
- }
1608
-
1609
- .iif-icons--grid .iif-icon-grid--selected a:focus:not(:hover) {
1610
- color: #313131;
1611
- background: #ffffff;
1612
- border-color: #61b4f6;
1613
- box-shadow: none;
1614
- }
1615
-
1616
- .iif-icons--grid .iif-icon-grid--loading a {
1617
- background: transparent;
1618
- border-color: transparent;
1619
- }
1620
-
1621
- @media (max-width: 600px) {
1622
- .iif-icons--grid .iif-icon-grid {
1623
- width: 40px;
1624
- height: 40px;
1625
- }
1626
- .iif-icons--grid .iif-icon-grid a {
1627
- font-size: 36px;
1628
- }
1629
- }
1630
-
1631
- .iif-icons--list {
1632
- background: #f2f2f2;
1633
- border: 1px solid #e4e4e4;
1634
- }
1635
-
1636
- .iif-icons--list ul {
1637
- display: block;
1638
- margin: 0;
1639
- padding: 0;
1640
- list-style: none;
1641
- max-height: 320px;
1642
- overflow-y: auto;
1643
- }
1644
-
1645
- .iif-icon-list {
1646
- box-sizing: border-box;
1647
- position: relative;
1648
- min-height: 40px;
1649
- list-style: none;
1650
- margin: 0;
1651
- padding: 4px;
1652
- padding-left: 44px;
1653
- color: #313131;
1654
- border: 1px solid #e4e4e4;
1655
- border-width: 0 0 1px;
1656
- border-left-width: 2px;
1657
- border-left-color: transparent;
1658
- }
1659
-
1660
- .iif-icon-list:last-child {
1661
- border-bottom-width: 0;
1662
- }
1663
-
1664
- .iif-icon-list .iif-icon-sample a {
1665
- display: block;
1666
- position: absolute;
1667
- left: 4px;
1668
- top: 50%;
1669
- width: 1em;
1670
- height: 1em;
1671
- font-size: 32px;
1672
- margin: -0.5em 0 0;
1673
- text-decoration: none;
1674
- color: #313131;
1675
- }
1676
-
1677
- .iif-icon-list .iif-icon-data:after {
1678
- content: ' ';
1679
- display: table;
1680
- clear: both;
1681
- }
1682
-
1683
- .iif-icon-list .iif-icon-name,
1684
- .iif-icon-list .iif-icon-size {
1685
- display: block;
1686
- float: left;
1687
- margin: 4px;
1688
- white-space: nowrap;
1689
- }
1690
-
1691
- .iif-icon-list .iif-icon-name {
1692
- font-family: "PT Sans", "Open Sans", "Droid Sans", sans-serif;
1693
- font-weight: 400;
1694
- font-size: 16px;
1695
- line-height: 24px;
1696
- line-height: 26px;
1697
- text-decoration: none;
1698
- margin-left: 0;
1699
- color: #313131;
1700
- }
1701
-
1702
- .iif-icon-list .iif-icon-size {
1703
- font-family: "PT Sans", "Open Sans", "Droid Sans", sans-serif;
1704
- font-weight: 400;
1705
- font-size: 14px;
1706
- line-height: 22px;
1707
- line-height: 26px;
1708
- float: left;
1709
- color: #959595;
1710
- }
1711
-
1712
- .iif-icon-list--selected {
1713
- background-color: #f8f8f8;
1714
- border-left-color: #afafaf;
1715
- }
1716
-
1717
- .iif-icon-list--selected .iif-icon-sample a {
1718
- color: #1769aa;
1719
- }
1720
-
1721
- .iif-icon-list--selected .iif-icon-name {
1722
- color: #1769aa;
1723
- }
1724
-
1725
- .iif-icon-list:hover {
1726
- background-color: #f8f8f8;
1727
- border-left-color: #61b4f6;
1728
- }
1729
-
1730
- .iif-icon-list:hover .iif-icon-sample a {
1731
- color: #1769aa;
1732
- }
1733
-
1734
- .iif-icon-list:hover .iif-icon-name {
1735
- color: #1769aa;
1736
- }
1737
-
1738
- .iif-icon-list--selected:hover {
1739
- background-color: #f8f8f8;
1740
- border-left-color: #f8847b;
1741
- }
1742
-
1743
- .iif-icon-list--selected:hover .iif-icon-sample a {
1744
- color: #1769aa;
1745
- }
1746
-
1747
- .iif-icon-list--selected:hover .iif-icon-name {
1748
- color: #1769aa;
1749
- }
1750
-
1751
- .iif-icon-list .iif-filter {
1752
- float: right;
1753
- overflow: hidden;
1754
- text-overflow: ellipsis;
1755
- }
1756
-
1757
- .iif-icon-list .iif-icon-sample a:hover, .iif-icon-list .iif-icon-sample a:active {
1758
- color: #ba3329;
1759
- }
1760
-
1761
- .iif-icon-list .iif-icon-sample a:focus {
1762
- outline: none;
1763
- }
1764
-
1765
- .iif-icon-list .iif-icon-sample a:focus:not(:hover) {
1766
- outline: none;
1767
- color: #1769aa;
1768
- }
1769
-
1770
- .iif-icon-list .iif-icon-sample a svg {
1771
- display: block;
1772
- }
1773
-
1774
- .iif-icon-list .iif-icon-name:hover, .iif-icon-list .iif-icon-name:active {
1775
- color: #ba3329;
1776
- }
1777
-
1778
- .iif-icon-list .iif-icon-name:focus {
1779
- outline: none;
1780
- }
1781
-
1782
- .iif-icon-list .iif-icon-name:focus:not(:hover) {
1783
- outline: none;
1784
- color: #1769aa;
1785
- box-shadow: none;
1786
- }
1787
-
1788
- .iif-icon-list .iif-icon-data--filters--2 .iif-filter {
1789
- max-width: 80px;
1790
- }
1791
-
1792
- .iif-icon-list .iif-icon-data--filters--3 .iif-filter {
1793
- max-width: 70px;
1794
- }
1795
-
1796
- .iif-icon-list .iif-icon-data--filters--4 .iif-filter {
1797
- max-width: 50px;
1798
- }
1799
-
1800
- .iif-icon-list .iif-icon-data--filters--5 .iif-filter {
1801
- max-width: 48px;
1802
- }
1803
-
1804
- @media (max-width: 600px) {
1805
- .iif-icon-list .iif-filter {
1806
- max-width: 72px;
1807
- }
1808
- .iif-icon-list .iif-icon-data--filters--2 .iif-filter {
1809
- max-width: 52px;
1810
- }
1811
- .iif-icon-list .iif-icon-data--filters--3 .iif-filter,
1812
- .iif-icon-list .iif-icon-data--filters--4 .iif-filter,
1813
- .iif-icon-list .iif-icon-data--filters--5 .iif-filter {
1814
- max-width: 42px;
1815
- }
1816
- }
1817
-
1818
- @supports (display: flex) {
1819
- .iif-icon-list .iif-icon-data {
1820
- display: flex;
1821
- width: 100%;
1822
- flex-wrap: wrap;
1823
- }
1824
- .iif-icon-list .iif-icon-name {
1825
- float: none;
1826
- flex-grow: 1;
1827
- }
1828
- .iif-icon-list .iif-icon-size {
1829
- float: none;
1830
- }
1831
- .iif-icon-list .iif-filter {
1832
- float: none;
1833
- }
1834
- }
1835
-
1836
- .iif-pagination {
1837
- margin: 12px 0 8px;
1838
- padding: 0 40px;
1839
- text-align: center;
1840
- position: relative;
1841
- }
1842
-
1843
- .iif-pagination span,
1844
- .iif-pagination .iif-page {
1845
- display: inline-block;
1846
- font-family: "PT Sans", "Open Sans", "Droid Sans", sans-serif;
1847
- font-weight: 400;
1848
- font-size: 16px;
1849
- line-height: 24px;
1850
- padding: 2px 8px;
1851
- box-sizing: border-box;
1852
- height: 32px;
1853
- }
1854
-
1855
- .iif-pagination span {
1856
- color: #959595;
1857
- pointer-events: none;
1858
- }
1859
-
1860
- .iif-pagination .iif-page {
1861
- margin: 2px;
1862
- min-width: 26px;
1863
- color: #1769aa;
1864
- background: #f8f8f8;
1865
- border: 2px solid #e4e4e4;
1866
- border-radius: 2px;
1867
- text-align: center;
1868
- text-decoration: none;
1869
- box-sizing: border-box;
1870
- }
1871
-
1872
- .iif-pagination .iif-page:hover, .iif-pagination .iif-page:active {
1873
- color: #ffffff;
1874
- background: #ba3329;
1875
- border-color: #ba3329;
1876
- }
1877
-
1878
- .iif-pagination .iif-page:focus {
1879
- outline: none;
1880
- }
1881
-
1882
- .iif-pagination .iif-page:focus:not(:hover) {
1883
- color: #1769aa;
1884
- background: #f8f8f8;
1885
- border-color: #b0dafb;
1886
- box-shadow: none;
1887
- text-decoration: none;
1888
- }
1889
-
1890
- .iif-pagination .iif-page:focus:not(:hover) else {
1891
- box-shadow: 0 0 0 2px #b0dafb inset;
1892
- }
1893
-
1894
- .iif-pagination .iif-page--more {
1895
- padding-left: 8px;
1896
- padding-right: 8px;
1897
- }
1898
-
1899
- .iif-pagination .iif-page--selected {
1900
- color: #ffffff;
1901
- background: #506874;
1902
- border-color: #506874;
1903
- box-shadow: none !important;
1904
- pointer-events: none;
1905
- }
1906
-
1907
- .iif-pagination .iif-page--arrow {
1908
- position: absolute;
1909
- top: 50%;
1910
- margin: 0;
1911
- margin-top: -16px;
1912
- width: 32px;
1913
- padding: 2px 2px;
1914
- }
1915
-
1916
- .iif-pagination .iif-page--arrow svg {
1917
- display: block;
1918
- font-size: 24px;
1919
- line-height: 1em;
1920
- margin: 0;
1921
- padding: 0;
1922
- }
1923
-
1924
- .iif-pagination .iif-page--prev {
1925
- left: 4px;
1926
- }
1927
-
1928
- .iif-pagination .iif-page--next {
1929
- right: 4px;
1930
- }
1931
-
1932
- .iif-block--parent {
1933
- color: #1769aa;
1934
- font-family: "PT Sans", "Open Sans", "Droid Sans", sans-serif;
1935
- font-weight: 400;
1936
- font-size: 16px;
1937
- line-height: 24px;
1938
- }
1939
-
1940
- .iif-block--parent .iif-parent-link {
1941
- display: block;
1942
- margin: 4px 0;
1943
- padding: 4px;
1944
- position: relative;
1945
- }
1946
-
1947
- .iif-block--parent .iif-parent-link a {
1948
- color: inherit;
1949
- text-decoration: none;
1950
- padding-left: 28px;
1951
- }
1952
-
1953
- .iif-block--parent .iif-parent-link svg {
1954
- font-size: 24px;
1955
- line-height: 1em;
1956
- color: #959595;
1957
- position: absolute;
1958
- left: 2px;
1959
- top: 50%;
1960
- margin-top: -12px;
1961
- transition: left 0.2s ease;
1962
- pointer-events: none;
1963
- }
1964
-
1965
- .iif-block--parent a:hover,
1966
- .iif-block--parent a:focus {
1967
- outline: none;
1968
- }
1969
-
1970
- .iif-block--parent .iif-parent-link:hover svg, .iif-block--parent .iif-parent-link:focus svg {
1971
- left: 0;
1972
- }
1973
-
1974
- .iif-block--parent .iif-parent-link a:hover, .iif-block--parent .iif-parent-link a:focus {
1975
- color: #ba3329;
1976
- text-decoration: underline;
1977
- }
1978
-
1979
- .iif-tabs {
1980
- padding: 0;
1981
- margin: 8px -16px 16px;
1982
- padding: 0 16px;
1983
- border-bottom: 2px solid #e4e4e4;
1984
- position: relative;
1985
- }
1986
-
1987
- .iif-tabs:after {
1988
- content: '';
1989
- display: table;
1990
- clear: both;
1991
- }
1992
-
1993
- .iif-tabs-left, .iif-tabs-right {
1994
- float: left;
1995
- display: flex;
1996
- }
1997
-
1998
- .iif-tabs-right {
1999
- float: right;
2000
- }
2001
-
2002
- .iif-tabs .iif-tab {
2003
- display: block;
2004
- padding: 8px;
2005
- margin: 6px 4px -2px;
2006
- font-family: "PT Sans", "Open Sans", "Droid Sans", sans-serif;
2007
- font-weight: 400;
2008
- font-size: 16px;
2009
- line-height: 24px;
2010
- text-decoration: none;
2011
- color: #626262;
2012
- text-align: center;
2013
- min-width: 16px;
2014
- background: #f8f8f8;
2015
- border: 2px solid #e4e4e4;
2016
- border-top-left-radius: 5px;
2017
- border-top-right-radius: 5px;
2018
- position: relative;
2019
- z-index: 2;
2020
- }
2021
-
2022
- .iif-tabs .iif-tab:hover {
2023
- color: #ba3329;
2024
- text-decoration: none;
2025
- }
2026
-
2027
- .iif-tabs .iif-tab:focus {
2028
- outline: none;
2029
- }
2030
-
2031
- .iif-tabs .iif-tab:focus:not(:hover) {
2032
- border-color: #b0dafb;
2033
- box-shadow: none;
2034
- text-decoration: none;
2035
- }
2036
-
2037
- .iif-tabs .iif-tab--selected {
2038
- color: #1769aa;
2039
- background-color: #f2f2f2;
2040
- border-bottom-color: #f2f2f2;
2041
- }
2042
-
2043
- .iif-tabs .iif-tab--icon {
2044
- border-color: transparent;
2045
- background-color: transparent;
2046
- }
2047
-
2048
- .iif-tabs .iif-tab svg {
2049
- display: block;
2050
- font-size: 24px;
2051
- line-height: 24px;
2052
- }
2053
-
2054
- .iif-footer-options-block-title {
2055
- font-family: "PT Sans", "Open Sans", "Droid Sans", sans-serif;
2056
- font-weight: 400;
2057
- font-size: 16px;
2058
- line-height: 24px;
2059
- margin: 8px 0 0;
2060
- padding: 0;
2061
- color: #626262;
2062
- }
2063
-
2064
- .iif-footer-options-blocks {
2065
- margin-bottom: 16px;
2066
- }
2067
-
2068
- .iif-footer-options-blocks:empty {
2069
- display: none;
2070
- }
2071
-
2072
- .iif-footer-options-blocks:after {
2073
- content: ' ';
2074
- display: table;
2075
- clear: both;
2076
- }
2077
-
2078
- .iif-footer-options-block {
2079
- position: relative;
2080
- float: left;
2081
- margin: 12px 16px 0 0;
2082
- padding: 16px 0 0 0;
2083
- background: #f2f2f2;
2084
- border: 2px dashed #e4e4e4;
2085
- border-radius: 5px;
2086
- }
2087
-
2088
- .iif-footer-options-block:focus-within {
2089
- border-color: #b0dafb;
2090
- }
2091
-
2092
- .iif-footer-options-block > p {
2093
- position: absolute;
2094
- left: 10px;
2095
- top: -11px;
2096
- font-family: "PT Sans", "Open Sans", "Droid Sans", sans-serif;
2097
- font-weight: 400;
2098
- font-size: 14px;
2099
- line-height: 22px;
2100
- line-height: 1em;
2101
- white-space: nowrap;
2102
- overflow: hidden;
2103
- text-overflow: ellipsis;
2104
- background: #f2f2f2;
2105
- color: #959595;
2106
- margin: 0;
2107
- padding: 2px 8px 2px 4px;
2108
- }
2109
-
2110
- .iif-footer-options-block > div {
2111
- display: flex;
2112
- padding: 0 8px 8px;
2113
- }
2114
-
2115
- .iif-footer-options-block > div .iif-input-wrapper + .iif-input-wrapper {
2116
- margin-left: 8px;
2117
- }
2118
-
2119
- @supports (display: flex) {
2120
- .iif-footer-options-blocks {
2121
- display: flex;
2122
- flex-wrap: wrap;
2123
- }
2124
- .iif-footer-options-block {
2125
- float: none;
2126
- }
2127
- }
2128
-
2129
- .iif-footer-icon-name--block {
2130
- display: block;
2131
- margin: 0 0 8px;
2132
- padding: 0;
2133
- font-family: "PT Sans", "Open Sans", "Droid Sans", sans-serif;
2134
- font-weight: 400;
2135
- font-size: 16px;
2136
- line-height: 24px;
2137
- line-height: 26px;
2138
- color: #626262;
2139
- border: 2px solid #e4e4e4;
2140
- border-radius: 5px;
2141
- background-color: #ffffff;
2142
- }
2143
-
2144
- .iif-footer-icon-name--block svg {
2145
- display: block;
2146
- float: left;
2147
- margin: 0 4px;
2148
- }
2149
-
2150
- .iif-footer-icon-name--block .iif-footer-small-sample {
2151
- top: 5px;
2152
- font-size: 16px;
2153
- line-height: 1em;
2154
- position: relative;
2155
- display: block;
2156
- float: left;
2157
- }
2158
-
2159
- .iif-footer-icon-name--block .iif-footer-small-sample--14 {
2160
- font-size: 14px;
2161
- top: 6px;
2162
- }
2163
-
2164
- .iif-footer-icon-name--block .iif-footer-small-sample--15 {
2165
- font-size: 15px;
2166
- top: 6px;
2167
- }
2168
-
2169
- .iif-footer-icon-name--block .iif-footer-small-sample--17 {
2170
- font-size: 17px;
2171
- top: 5px;
2172
- }
2173
-
2174
- .iif-footer-icon-name--block .iif-footer-small-sample--18 {
2175
- font-size: 18px;
2176
- top: 4px;
2177
- }
2178
-
2179
- .iif-footer-icon-name--block .iif-footer-small-sample--20 {
2180
- font-size: 20px;
2181
- top: 3px;
2182
- }
2183
-
2184
- .iif-footer-icon-name--block .iif-footer-small-sample--22 {
2185
- font-size: 22px;
2186
- top: 2px;
2187
- }
2188
-
2189
- .iif-footer-icon-name--block .iif-footer-small-sample--24 {
2190
- font-size: 24px;
2191
- top: 1px;
2192
- }
2193
-
2194
- .iif-footer-icon-name--block .iif-footer-small-sample--25 {
2195
- font-size: 25px;
2196
- top: 0;
2197
- }
2198
-
2199
- .iif-footer-icon-name--block .iif-footer-small-sample--26 {
2200
- font-size: 26px;
2201
- top: 0;
2202
- }
2203
-
2204
- .iif-footer-icon-name--simple {
2205
- display: block;
2206
- margin: 0 0 8px;
2207
- padding: 0;
2208
- }
2209
-
2210
- .iif-footer-icon-name--simple dl {
2211
- display: block;
2212
- margin: 0;
2213
- padding: 0;
2214
- }
2215
-
2216
- .iif-footer-icon-name--simple dt {
2217
- font-family: "PT Sans", "Open Sans", "Droid Sans", sans-serif;
2218
- font-weight: 400;
2219
- font-size: 16px;
2220
- line-height: 24px;
2221
- color: #626262;
2222
- display: block;
2223
- float: left;
2224
- width: 172px;
2225
- text-align: right;
2226
- margin: 0;
2227
- padding: 4px;
2228
- padding-left: 0;
2229
- box-sizing: border-box;
2230
- white-space: nowrap;
2231
- overflow: hidden;
2232
- text-overflow: ellipsis;
2233
- }
2234
-
2235
- .iif-footer-icon-name--simple dd {
2236
- display: block;
2237
- margin-left: 180px;
2238
- padding: 0;
2239
- position: relative;
2240
- }
2241
-
2242
- @supports (display: flex) {
2243
- .iif-footer-icon-name--simple dl {
2244
- display: flex;
2245
- flex-wrap: wrap;
2246
- width: 100%;
2247
- }
2248
- .iif-footer-icon-name--simple dt {
2249
- float: none;
2250
- width: auto;
2251
- max-width: 180px;
2252
- }
2253
- .iif-footer-icon-name--simple dd {
2254
- flex-grow: 1;
2255
- margin-left: 8px;
2256
- }
2257
- }
2258
-
2259
- .iif-footer-icon-name--simple dd > svg {
2260
- position: absolute;
2261
- left: 0;
2262
- top: 50%;
2263
- font-size: 32px;
2264
- width: 1em;
2265
- height: 1em;
2266
- margin: -16px 0 0;
2267
- color: #626262;
2268
- }
2269
-
2270
- .iif-footer-icon-name--simple:hover dd > svg,
2271
- .iif-footer-icon-name--simple:focus-within dd > svg {
2272
- color: #1769aa;
2273
- background-color: #f8f8f8;
2274
- box-shadow: 0 0 0 2px #e4e4e4;
2275
- }
2276
-
2277
- .iif-footer-icon-name--simple .iif-input-wrapper {
2278
- margin-left: 40px;
2279
- width: auto;
2280
- }
2281
-
2282
- .iif-footer-icon-name--simple .iif-footer-icon-name-input {
2283
- height: 36px;
2284
- margin: 0 0 0 40px;
2285
- padding: 0;
2286
- white-space: nowrap;
2287
- box-sizing: border-box;
2288
- position: relative;
2289
- color: #626262;
2290
- border: 2px solid #e4e4e4;
2291
- border-radius: 5px;
2292
- background-color: #ffffff;
2293
- }
2294
-
2295
- .iif-footer-icon-name--simple .iif-footer-icon-name-input span {
2296
- position: absolute;
2297
- box-sizing: border-box;
2298
- width: 100%;
2299
- font-size: 16px;
2300
- line-height: 24px;
2301
- left: 0;
2302
- right: 0;
2303
- top: 4px;
2304
- bottom: 4px;
2305
- margin: 0;
2306
- padding: 0;
2307
- padding-left: 10px;
2308
- padding-right: 42px;
2309
- }
2310
-
2311
- .iif-footer-icon-name--simple .iif-footer-icon-name-input span::selection {
2312
- color: #626262;
2313
- background-color: #b0dafb;
2314
- }
2315
-
2316
- .iif-block--footer {
2317
- padding: 0 16px 16px 16px;
2318
- margin: -8px 0 0;
2319
- }
2320
-
2321
- .iif-footer-full {
2322
- display: flex;
2323
- width: 100%;
2324
- }
2325
-
2326
- .iif-footer-full > div:first-child {
2327
- font-size: 160px;
2328
- margin: 0;
2329
- }
2330
-
2331
- .iif-footer-full > div:last-child {
2332
- flex-grow: 1;
2333
- margin: 0 0 0 16px;
2334
- }
2335
-
2336
- @media (max-width: 600px) {
2337
- .iif-footer-full {
2338
- display: block;
2339
- }
2340
- .iif-footer-full > div:first-child {
2341
- margin: 8px auto;
2342
- text-align: center;
2343
- }
2344
- .iif-footer-full > div:last-child {
2345
- margin: 8px 0;
2346
- }
2347
- }
2348
-
2349
- .iif-footer-full .iif-footer-sample--block svg {
2350
- display: block;
2351
- margin: 2px;
2352
- }
2353
-
2354
- .iif-footer-full .iif-footer-sample--block:hover svg {
2355
- color: #1769aa;
2356
- background-color: #f8f8f8;
2357
- box-shadow: 0 0 0 2px #e4e4e4;
2358
- }
2359
-
2360
- .iif-footer-full .iif-footer-sample--inline p {
2361
- margin: 0;
2362
- padding: 0 4px;
2363
- font-size: 16px;
2364
- line-height: 24px;
2365
- color: #626262;
2366
- border: 2px dotted #e4e4e4;
2367
- border-radius: 2px;
2368
- min-width: 160px;
2369
- }
2370
-
2371
- .iif-footer-full .iif-footer-sample--inline p:hover {
2372
- color: #1769aa;
2373
- background-color: #f8f8f8;
2374
- border-color: #e4e4e4;
2375
- }
2376
-
2377
- .iif-footer-buttons {
2378
- text-align: right;
2379
- }
2380
-
2381
- .iif-footer-buttons button:last-child {
2382
- margin-right: 0;
2383
- }
2384
-
2385
- .iif-code-heading {
2386
- font-size: 22px;
2387
- line-height: 32px;
2388
- color: #626262;
2389
- margin-bottom: 8px;
2390
- }
2391
-
2392
- .iif-code-docs {
2393
- line-height: 24px;
2394
- position: relative;
2395
- padding: 0 28px;
2396
- }
2397
-
2398
- .iif-code-docs a {
2399
- text-decoration: none;
2400
- color: #1769aa;
2401
- }
2402
-
2403
- .iif-code-docs a .iconify {
2404
- display: none;
2405
- }
2406
-
2407
- .iif-code-docs a:hover {
2408
- text-decoration: underline;
2409
- color: #ba3329;
2410
- }
2411
-
2412
- .iif-code-docs .iconify {
2413
- font-size: 24px;
2414
- position: absolute;
2415
- left: 0;
2416
- }
2417
-
2418
- .iif-code-docs > .iconify {
2419
- color: #afafaf;
2420
- }
2421
-
2422
- .iif-code-docs:hover a .iconify {
2423
- display: inline-block;
2424
- }
2425
-
2426
- .iif-code-docs:hover > .iconify {
2427
- display: none;
2428
- }
2429
-
2430
- .iif-collections-header {
2431
- display: flex;
2432
- width: 100%;
2433
- }
2434
-
2435
- .iif-collections-header .iif-block--filters {
2436
- flex-grow: 1;
2437
- }
2438
-
2439
- .iif-collections-header .iif-block--filter {
2440
- padding-left: 8px;
2441
- }
2442
-
2443
- .iif-collections-header .iif-block--filter:first-child {
2444
- padding-left: 0;
2445
- }
2446
-
2447
- .iif-collections-header .iif-block--filter {
2448
- margin: 7px 0 0;
2449
- }
2450
-
2451
- .iif-collections-header .iif-block--filter .iif-input {
2452
- width: 240px;
2453
- }
2454
-
2455
- @media (max-width: 600px) {
2456
- .iif-collections-header {
2457
- display: block;
2458
- }
2459
- .iif-collections-header .iif-block--filters {
2460
- float: left;
2461
- }
2462
- .iif-collections-header .iif-block--filter {
2463
- float: right;
2464
- }
2465
- .iif-collections-header:after {
2466
- content: '';
2467
- display: table;
2468
- clear: both;
2469
- }
2470
- }
2471
-
2472
- .iif-block--error {
2473
- font-family: "PT Sans", "Open Sans", "Droid Sans", sans-serif;
2474
- font-weight: 400;
2475
- font-size: 22px;
2476
- line-height: 32px;
2477
- position: relative;
2478
- margin: 16px 0;
2479
- padding: 8px 16px;
2480
- color: #ffffff;
2481
- background: #ba3329;
2482
- border-radius: 5px;
2483
- box-shadow: 0 5px 17px rgba(0, 0, 0, 0.2), 0 2px 7px rgba(0, 0, 0, 0.15);
2484
- }
2485
-
2486
- .iif-block--error p {
2487
- margin: 0;
2488
- padding: 0;
2489
- }
2490
-
2491
- .iif-block--error a {
2492
- font-family: "PT Sans", "Open Sans", "Droid Sans", sans-serif;
2493
- font-weight: 400;
2494
- font-size: 16px;
2495
- line-height: 24px;
2496
- color: inherit;
2497
- text-decoration: underline;
2498
- }
2499
-
2500
- .iif-block--error a:hover, .iif-block--error a:focus {
2501
- color: inherit;
2502
- text-decoration: underline;
2503
- outline: none;
2504
- }
2505
-
2506
- .iif-block--error a:focus:not(:hover) {
2507
- box-shadow: 0 0 0 2px #ffffff;
2508
- }
2509
-
2510
- .iif-block--error--loading {
2511
- background: #506874;
2512
- animation-name: iif-loading-notice;
2513
- animation-duration: 2s;
2514
- animation-fill-mode: forwards;
2515
- }
2516
-
2517
- .iif-block--error--loading svg {
2518
- animation: iif-spinner-icon 1s linear infinite;
2519
- }
2520
-
2521
- .iif-block--error svg {
2522
- position: absolute;
2523
- left: 16px;
2524
- top: 50%;
2525
- font-size: 24px;
2526
- line-height: 1em;
2527
- margin-top: -12px;
2528
- }
2529
-
2530
- .iif-block--error svg + p {
2531
- margin-left: 36px;
2532
- }
2533
-
2534
- @keyframes iif-loading-notice {
2535
- from {
2536
- opacity: 0;
2537
- }
2538
- to {
2539
- opacity: 1;
2540
- }
2541
- }
2542
-
2543
- @keyframes iif-spinner-icon {
2544
- from {
2545
- transform: rotate(0deg);
2546
- }
2547
- to {
2548
- transform: rotate(360deg);
2549
- }
2550
- }