style.scss 22 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166
  1. @import "variables";
  2. $icomoon-selectors: '[class^="esri-icon-"]', '[class*=" esri-icon-"]';
  3. @mixin icomoonIconSelector($selectorPrefix:"", $selectorSuffix:"") {
  4. @each $icomoon-selector in $icomoon-selectors {
  5. #{$selectorPrefix}#{$icomoon-selector}#{$selectorSuffix} {
  6. @content;
  7. }
  8. }
  9. }
  10. @font-face {
  11. font-family: "#{$icomoon-font-family}";
  12. src: url("#{$icomoon-font-path}/#{$icomoon-font-family}.ttf?#{$icomoon-font-version}")
  13. format("truetype"),
  14. url("#{$icomoon-font-path}/#{$icomoon-font-family}.woff?#{$icomoon-font-version}")
  15. format("woff"),
  16. url("#{$icomoon-font-path}/#{$icomoon-font-family}.svg?#{$icomoon-font-version}##{$icomoon-font-family}")
  17. format("svg");
  18. font-weight: normal;
  19. font-style: normal;
  20. }
  21. @include icomoonIconSelector() {
  22. /* use !important to prevent issues with browser extensions that change fonts */
  23. font-family: "#{$icomoon-font-family}" !important;
  24. speak: none;
  25. font-style: normal;
  26. font-weight: normal;
  27. font-variant: normal;
  28. text-transform: none;
  29. line-height: 1;
  30. /* Better Font Rendering =========== */
  31. -webkit-font-smoothing: antialiased;
  32. -moz-osx-font-smoothing: grayscale;
  33. }
  34. @function unicode($str) {
  35. @return unquote('"') + $str + unquote('"');
  36. }
  37. .esri-icon-close {
  38. &:before {
  39. content: unicode($esri-icon-close);
  40. color: $fill-color;
  41. }
  42. }
  43. .esri-icon-drag-horizontal {
  44. &:before {
  45. content: unicode($esri-icon-drag-horizontal);
  46. color: $fill-color;
  47. }
  48. }
  49. .esri-icon-drag-vertical {
  50. &:before {
  51. content: unicode($esri-icon-drag-vertical);
  52. color: $fill-color;
  53. }
  54. }
  55. .esri-icon-handle-horizontal {
  56. &:before {
  57. content: unicode($esri-icon-handle-horizontal);
  58. color: $fill-color;
  59. }
  60. }
  61. .esri-icon-handle-vertical {
  62. &:before {
  63. content: unicode($esri-icon-handle-vertical);
  64. color: $fill-color;
  65. }
  66. }
  67. .esri-icon-check-mark {
  68. &:before {
  69. content: unicode($esri-icon-check-mark);
  70. color: $fill-color;
  71. }
  72. }
  73. .esri-icon-left-triangle-arrow {
  74. &:before {
  75. content: unicode($esri-icon-left-triangle-arrow);
  76. color: $fill-color;
  77. }
  78. }
  79. .esri-icon-right-triangle-arrow {
  80. &:before {
  81. content: unicode($esri-icon-right-triangle-arrow);
  82. color: $fill-color;
  83. }
  84. }
  85. .esri-icon-down-arrow {
  86. &:before {
  87. content: unicode($esri-icon-down-arrow);
  88. color: $fill-color;
  89. }
  90. }
  91. .esri-icon-up-arrow {
  92. &:before {
  93. content: unicode($esri-icon-up-arrow);
  94. color: $fill-color;
  95. }
  96. }
  97. .esri-icon-overview-arrow-bottom-left {
  98. &:before {
  99. content: unicode($esri-icon-overview-arrow-bottom-left);
  100. color: $fill-color;
  101. }
  102. }
  103. .esri-icon-overview-arrow-bottom-right {
  104. &:before {
  105. content: unicode($esri-icon-overview-arrow-bottom-right);
  106. color: $fill-color;
  107. }
  108. }
  109. .esri-icon-overview-arrow-top-left {
  110. &:before {
  111. content: unicode($esri-icon-overview-arrow-top-left);
  112. color: $fill-color;
  113. }
  114. }
  115. .esri-icon-overview-arrow-top-right {
  116. &:before {
  117. content: unicode($esri-icon-overview-arrow-top-right);
  118. color: $fill-color;
  119. }
  120. }
  121. .esri-icon-maximize {
  122. &:before {
  123. content: unicode($esri-icon-maximize);
  124. color: $fill-color;
  125. }
  126. }
  127. .esri-icon-minimize {
  128. &:before {
  129. content: unicode($esri-icon-minimize);
  130. color: $fill-color;
  131. }
  132. }
  133. .esri-icon-checkbox-unchecked {
  134. &:before {
  135. content: unicode($esri-icon-checkbox-unchecked);
  136. color: $fill-color;
  137. }
  138. }
  139. .esri-icon-checkbox-checked {
  140. &:before {
  141. content: unicode($esri-icon-checkbox-checked);
  142. color: $fill-color;
  143. }
  144. }
  145. .esri-icon-radio-unchecked {
  146. &:before {
  147. content: unicode($esri-icon-radio-unchecked);
  148. color: $fill-color;
  149. }
  150. }
  151. .esri-icon-radio-checked {
  152. &:before {
  153. content: unicode($esri-icon-radio-checked);
  154. color: $fill-color;
  155. }
  156. }
  157. .esri-icon-up-arrow-circled {
  158. &:before {
  159. content: unicode($esri-icon-up-arrow-circled);
  160. color: $fill-color;
  161. }
  162. }
  163. .esri-icon-down-arrow-circled {
  164. &:before {
  165. content: unicode($esri-icon-down-arrow-circled);
  166. color: $fill-color;
  167. }
  168. }
  169. .esri-icon-left-arrow-circled {
  170. &:before {
  171. content: unicode($esri-icon-left-arrow-circled);
  172. color: $fill-color;
  173. }
  174. }
  175. .esri-icon-right-arrow-circled {
  176. &:before {
  177. content: unicode($esri-icon-right-arrow-circled);
  178. color: $fill-color;
  179. }
  180. }
  181. .esri-icon-zoom-out-fixed {
  182. &:before {
  183. content: unicode($esri-icon-zoom-out-fixed);
  184. color: $fill-color;
  185. }
  186. }
  187. .esri-icon-zoom-in-fixed {
  188. &:before {
  189. content: unicode($esri-icon-zoom-in-fixed);
  190. color: $fill-color;
  191. }
  192. }
  193. .esri-icon-refresh {
  194. &:before {
  195. content: unicode($esri-icon-refresh);
  196. color: $fill-color;
  197. }
  198. }
  199. .esri-icon-edit {
  200. &:before {
  201. content: unicode($esri-icon-edit);
  202. color: $fill-color;
  203. }
  204. }
  205. .esri-icon-authorize {
  206. &:before {
  207. content: unicode($esri-icon-authorize);
  208. color: $fill-color;
  209. }
  210. }
  211. .esri-icon-map-pin {
  212. &:before {
  213. content: unicode($esri-icon-map-pin);
  214. color: $fill-color;
  215. }
  216. }
  217. .esri-icon-blank-map-pin {
  218. &:before {
  219. content: unicode($esri-icon-blank-map-pin);
  220. color: $fill-color;
  221. }
  222. }
  223. .esri-icon-table {
  224. &:before {
  225. content: unicode($esri-icon-table);
  226. color: $fill-color;
  227. }
  228. }
  229. .esri-icon-plus {
  230. &:before {
  231. content: unicode($esri-icon-plus);
  232. color: $fill-color;
  233. }
  234. }
  235. .esri-icon-minus {
  236. &:before {
  237. content: unicode($esri-icon-minus);
  238. color: $fill-color;
  239. }
  240. }
  241. .esri-icon-beginning {
  242. &:before {
  243. content: unicode($esri-icon-beginning);
  244. color: $fill-color;
  245. }
  246. }
  247. .esri-icon-reverse {
  248. &:before {
  249. content: unicode($esri-icon-reverse);
  250. color: $fill-color;
  251. }
  252. }
  253. .esri-icon-pause {
  254. &:before {
  255. content: unicode($esri-icon-pause);
  256. color: $fill-color;
  257. }
  258. }
  259. .esri-icon-play {
  260. &:before {
  261. content: unicode($esri-icon-play);
  262. color: $fill-color;
  263. }
  264. }
  265. .esri-icon-forward {
  266. &:before {
  267. content: unicode($esri-icon-forward);
  268. color: $fill-color;
  269. }
  270. }
  271. .esri-icon-end {
  272. &:before {
  273. content: unicode($esri-icon-end);
  274. color: $fill-color;
  275. }
  276. }
  277. .esri-icon-erase {
  278. &:before {
  279. content: unicode($esri-icon-erase);
  280. color: $fill-color;
  281. }
  282. }
  283. .esri-icon-up-down-arrows {
  284. &:before {
  285. content: unicode($esri-icon-up-down-arrows);
  286. color: $fill-color;
  287. }
  288. }
  289. .esri-icon-left {
  290. &:before {
  291. content: unicode($esri-icon-left);
  292. color: $fill-color;
  293. }
  294. }
  295. .esri-icon-right {
  296. &:before {
  297. content: unicode($esri-icon-right);
  298. color: $fill-color;
  299. }
  300. }
  301. .esri-icon-announcement {
  302. &:before {
  303. content: unicode($esri-icon-announcement);
  304. color: $fill-color;
  305. }
  306. }
  307. .esri-icon-notice-round {
  308. &:before {
  309. content: unicode($esri-icon-notice-round);
  310. color: $fill-color;
  311. }
  312. }
  313. .esri-icon-notice-triangle {
  314. &:before {
  315. content: unicode($esri-icon-notice-triangle);
  316. color: $fill-color;
  317. }
  318. }
  319. .esri-icon-home {
  320. &:before {
  321. content: unicode($esri-icon-home);
  322. color: $fill-color;
  323. }
  324. }
  325. .esri-icon-locate {
  326. &:before {
  327. content: unicode($esri-icon-locate);
  328. color: $fill-color;
  329. }
  330. }
  331. .esri-icon-expand {
  332. &:before {
  333. content: unicode($esri-icon-expand);
  334. color: $fill-color;
  335. }
  336. }
  337. .esri-icon-collapse {
  338. &:before {
  339. content: unicode($esri-icon-collapse);
  340. color: $fill-color;
  341. }
  342. }
  343. .esri-icon-layer-list {
  344. &:before {
  345. content: unicode($esri-icon-layer-list);
  346. color: $fill-color;
  347. }
  348. }
  349. .esri-icon-basemap {
  350. &:before {
  351. content: unicode($esri-icon-basemap);
  352. color: $fill-color;
  353. }
  354. }
  355. .esri-icon-globe {
  356. &:before {
  357. content: unicode($esri-icon-globe);
  358. color: $fill-color;
  359. }
  360. }
  361. .esri-icon-applications {
  362. &:before {
  363. content: unicode($esri-icon-applications);
  364. color: $fill-color;
  365. }
  366. }
  367. .esri-icon-arrow-up-circled {
  368. &:before {
  369. content: unicode($esri-icon-arrow-up-circled);
  370. color: $fill-color;
  371. }
  372. }
  373. .esri-icon-arrow-down-circled {
  374. &:before {
  375. content: unicode($esri-icon-arrow-down-circled);
  376. color: $fill-color;
  377. }
  378. }
  379. .esri-icon-arrow-left-circled {
  380. &:before {
  381. content: unicode($esri-icon-arrow-left-circled);
  382. color: $fill-color;
  383. }
  384. }
  385. .esri-icon-arrow-right-circled {
  386. &:before {
  387. content: unicode($esri-icon-arrow-right-circled);
  388. color: $fill-color;
  389. }
  390. }
  391. .esri-icon-minus-circled {
  392. &:before {
  393. content: unicode($esri-icon-minus-circled);
  394. color: $fill-color;
  395. }
  396. }
  397. .esri-icon-plus-circled {
  398. &:before {
  399. content: unicode($esri-icon-plus-circled);
  400. color: $fill-color;
  401. }
  402. }
  403. .esri-icon-add-attachment {
  404. &:before {
  405. content: unicode($esri-icon-add-attachment);
  406. color: $fill-color;
  407. }
  408. }
  409. .esri-icon-attachment {
  410. &:before {
  411. content: unicode($esri-icon-attachment);
  412. color: $fill-color;
  413. }
  414. }
  415. .esri-icon-calendar {
  416. &:before {
  417. content: unicode($esri-icon-calendar);
  418. color: $fill-color;
  419. }
  420. }
  421. .esri-icon-close-circled {
  422. &:before {
  423. content: unicode($esri-icon-close-circled);
  424. color: $fill-color;
  425. }
  426. }
  427. .esri-icon-browser {
  428. &:before {
  429. content: unicode($esri-icon-browser);
  430. color: $fill-color;
  431. }
  432. }
  433. .esri-icon-collection {
  434. &:before {
  435. content: unicode($esri-icon-collection);
  436. color: $fill-color;
  437. }
  438. }
  439. .esri-icon-comment {
  440. &:before {
  441. content: unicode($esri-icon-comment);
  442. color: $fill-color;
  443. }
  444. }
  445. .esri-icon-configure-popup {
  446. &:before {
  447. content: unicode($esri-icon-configure-popup);
  448. color: $fill-color;
  449. }
  450. }
  451. .esri-icon-contact {
  452. &:before {
  453. content: unicode($esri-icon-contact);
  454. color: $fill-color;
  455. }
  456. }
  457. .esri-icon-dashboard {
  458. &:before {
  459. content: unicode($esri-icon-dashboard);
  460. color: $fill-color;
  461. }
  462. }
  463. .esri-icon-deny {
  464. &:before {
  465. content: unicode($esri-icon-deny);
  466. color: $fill-color;
  467. }
  468. }
  469. .esri-icon-description {
  470. &:before {
  471. content: unicode($esri-icon-description);
  472. color: $fill-color;
  473. }
  474. }
  475. .esri-icon-directions {
  476. &:before {
  477. content: unicode($esri-icon-directions);
  478. color: $fill-color;
  479. }
  480. }
  481. .esri-icon-directions2 {
  482. &:before {
  483. content: unicode($esri-icon-directions2);
  484. color: $fill-color;
  485. }
  486. }
  487. .esri-icon-documentation {
  488. &:before {
  489. content: unicode($esri-icon-documentation);
  490. color: $fill-color;
  491. }
  492. }
  493. .esri-icon-duplicate {
  494. &:before {
  495. content: unicode($esri-icon-duplicate);
  496. color: $fill-color;
  497. }
  498. }
  499. .esri-icon-review {
  500. &:before {
  501. content: unicode($esri-icon-review);
  502. color: $fill-color;
  503. }
  504. }
  505. .esri-icon-environment-settings {
  506. &:before {
  507. content: unicode($esri-icon-environment-settings);
  508. color: $fill-color;
  509. }
  510. }
  511. .esri-icon-error {
  512. &:before {
  513. content: unicode($esri-icon-error);
  514. color: $fill-color;
  515. }
  516. }
  517. .esri-icon-error2 {
  518. &:before {
  519. content: unicode($esri-icon-error2);
  520. color: $fill-color;
  521. }
  522. }
  523. .esri-icon-experimental {
  524. &:before {
  525. content: unicode($esri-icon-experimental);
  526. color: $fill-color;
  527. }
  528. }
  529. .esri-icon-feature-layer {
  530. &:before {
  531. content: unicode($esri-icon-feature-layer);
  532. color: $fill-color;
  533. }
  534. }
  535. .esri-icon-filter {
  536. &:before {
  537. content: unicode($esri-icon-filter);
  538. color: $fill-color;
  539. }
  540. }
  541. .esri-icon-grant {
  542. &:before {
  543. content: unicode($esri-icon-grant);
  544. color: $fill-color;
  545. }
  546. }
  547. .esri-icon-group {
  548. &:before {
  549. content: unicode($esri-icon-group);
  550. color: $fill-color;
  551. }
  552. }
  553. .esri-icon-key {
  554. &:before {
  555. content: unicode($esri-icon-key);
  556. color: $fill-color;
  557. }
  558. }
  559. .esri-icon-labels {
  560. &:before {
  561. content: unicode($esri-icon-labels);
  562. color: $fill-color;
  563. }
  564. }
  565. .esri-icon-tag {
  566. &:before {
  567. content: unicode($esri-icon-tag);
  568. color: $fill-color;
  569. }
  570. }
  571. .esri-icon-layers {
  572. &:before {
  573. content: unicode($esri-icon-layers);
  574. color: $fill-color;
  575. }
  576. }
  577. .esri-icon-left-arrow {
  578. &:before {
  579. content: unicode($esri-icon-left-arrow);
  580. color: $fill-color;
  581. }
  582. }
  583. .esri-icon-right-arrow {
  584. &:before {
  585. content: unicode($esri-icon-right-arrow);
  586. color: $fill-color;
  587. }
  588. }
  589. .esri-icon-link-external {
  590. &:before {
  591. content: unicode($esri-icon-link-external);
  592. color: $fill-color;
  593. }
  594. }
  595. .esri-icon-link {
  596. &:before {
  597. content: unicode($esri-icon-link);
  598. color: $fill-color;
  599. }
  600. }
  601. .esri-icon-loading-indicator {
  602. &:before {
  603. content: unicode($esri-icon-loading-indicator);
  604. color: $fill-color;
  605. }
  606. }
  607. .esri-icon-maps {
  608. &:before {
  609. content: unicode($esri-icon-maps);
  610. color: $fill-color;
  611. }
  612. }
  613. .esri-icon-marketplace {
  614. &:before {
  615. content: unicode($esri-icon-marketplace);
  616. color: $fill-color;
  617. }
  618. }
  619. .esri-icon-media {
  620. &:before {
  621. content: unicode($esri-icon-media);
  622. color: $fill-color;
  623. }
  624. }
  625. .esri-icon-media2 {
  626. &:before {
  627. content: unicode($esri-icon-media2);
  628. color: $fill-color;
  629. }
  630. }
  631. .esri-icon-menu {
  632. &:before {
  633. content: unicode($esri-icon-menu);
  634. color: $fill-color;
  635. }
  636. }
  637. .esri-icon-mobile {
  638. &:before {
  639. content: unicode($esri-icon-mobile);
  640. color: $fill-color;
  641. }
  642. }
  643. .esri-icon-phone {
  644. &:before {
  645. content: unicode($esri-icon-phone);
  646. color: $fill-color;
  647. }
  648. }
  649. .esri-icon-navigation {
  650. &:before {
  651. content: unicode($esri-icon-navigation);
  652. color: $fill-color;
  653. }
  654. }
  655. .esri-icon-pan {
  656. &:before {
  657. content: unicode($esri-icon-pan);
  658. color: $fill-color;
  659. }
  660. }
  661. .esri-icon-printer {
  662. &:before {
  663. content: unicode($esri-icon-printer);
  664. color: $fill-color;
  665. }
  666. }
  667. .esri-icon-pie-chart {
  668. &:before {
  669. content: unicode($esri-icon-pie-chart);
  670. color: $fill-color;
  671. }
  672. }
  673. .esri-icon-chart {
  674. &:before {
  675. content: unicode($esri-icon-chart);
  676. color: $fill-color;
  677. }
  678. }
  679. .esri-icon-line-chart {
  680. &:before {
  681. content: unicode($esri-icon-line-chart);
  682. color: $fill-color;
  683. }
  684. }
  685. .esri-icon-question {
  686. &:before {
  687. content: unicode($esri-icon-question);
  688. color: $fill-color;
  689. }
  690. }
  691. .esri-icon-resend-invitation {
  692. &:before {
  693. content: unicode($esri-icon-resend-invitation);
  694. color: $fill-color;
  695. }
  696. }
  697. .esri-icon-rotate {
  698. &:before {
  699. content: unicode($esri-icon-rotate);
  700. color: $fill-color;
  701. }
  702. }
  703. .esri-icon-save {
  704. &:before {
  705. content: unicode($esri-icon-save);
  706. color: $fill-color;
  707. }
  708. }
  709. .esri-icon-settings {
  710. &:before {
  711. content: unicode($esri-icon-settings);
  712. color: $fill-color;
  713. }
  714. }
  715. .esri-icon-settings2 {
  716. &:before {
  717. content: unicode($esri-icon-settings2);
  718. color: $fill-color;
  719. }
  720. }
  721. .esri-icon-share {
  722. &:before {
  723. content: unicode($esri-icon-share);
  724. color: $fill-color;
  725. }
  726. }
  727. .esri-icon-sign-out {
  728. &:before {
  729. content: unicode($esri-icon-sign-out);
  730. color: $fill-color;
  731. }
  732. }
  733. .esri-icon-support {
  734. &:before {
  735. content: unicode($esri-icon-support);
  736. color: $fill-color;
  737. }
  738. }
  739. .esri-icon-user {
  740. &:before {
  741. content: unicode($esri-icon-user);
  742. color: $fill-color;
  743. }
  744. }
  745. .esri-icon-time-clock {
  746. &:before {
  747. content: unicode($esri-icon-time-clock);
  748. color: $fill-color;
  749. }
  750. }
  751. .esri-icon-trash {
  752. &:before {
  753. content: unicode($esri-icon-trash);
  754. color: $fill-color;
  755. }
  756. }
  757. .esri-icon-upload {
  758. &:before {
  759. content: unicode($esri-icon-upload);
  760. color: $fill-color;
  761. }
  762. }
  763. .esri-icon-download {
  764. &:before {
  765. content: unicode($esri-icon-download);
  766. color: $fill-color;
  767. }
  768. }
  769. .esri-icon-zoom-in-magnifying-glass {
  770. &:before {
  771. content: unicode($esri-icon-zoom-in-magnifying-glass);
  772. color: $fill-color;
  773. }
  774. }
  775. .esri-icon-search {
  776. &:before {
  777. content: unicode($esri-icon-search);
  778. color: $fill-color;
  779. }
  780. }
  781. .esri-icon-zoom-out-magnifying-glass {
  782. &:before {
  783. content: unicode($esri-icon-zoom-out-magnifying-glass);
  784. color: $fill-color;
  785. }
  786. }
  787. .esri-icon-locked {
  788. &:before {
  789. content: unicode($esri-icon-locked);
  790. color: $fill-color;
  791. }
  792. }
  793. .esri-icon-unlocked {
  794. &:before {
  795. content: unicode($esri-icon-unlocked);
  796. color: $fill-color;
  797. }
  798. }
  799. .esri-icon-favorites {
  800. &:before {
  801. content: unicode($esri-icon-favorites);
  802. color: $fill-color;
  803. }
  804. }
  805. .esri-icon-compass {
  806. &:before {
  807. content: unicode($esri-icon-compass);
  808. color: $fill-color;
  809. }
  810. }
  811. .esri-icon-down {
  812. &:before {
  813. content: unicode($esri-icon-down);
  814. color: $fill-color;
  815. }
  816. }
  817. .esri-icon-up {
  818. &:before {
  819. content: unicode($esri-icon-up);
  820. color: $fill-color;
  821. }
  822. }
  823. .esri-icon-chat {
  824. &:before {
  825. content: unicode($esri-icon-chat);
  826. color: $fill-color;
  827. }
  828. }
  829. .esri-icon-dock-bottom {
  830. &:before {
  831. content: unicode($esri-icon-dock-bottom);
  832. color: $fill-color;
  833. }
  834. }
  835. .esri-icon-dock-left {
  836. &:before {
  837. content: unicode($esri-icon-dock-left);
  838. color: $fill-color;
  839. }
  840. }
  841. .esri-icon-dock-right {
  842. &:before {
  843. content: unicode($esri-icon-dock-right);
  844. color: $fill-color;
  845. }
  846. }
  847. .esri-icon-organization {
  848. &:before {
  849. content: unicode($esri-icon-organization);
  850. color: $fill-color;
  851. }
  852. }
  853. .esri-icon-north-navigation {
  854. &:before {
  855. content: unicode($esri-icon-north-navigation);
  856. color: $fill-color;
  857. }
  858. }
  859. .esri-icon-locate-circled {
  860. &:before {
  861. content: unicode($esri-icon-locate-circled);
  862. color: $fill-color;
  863. }
  864. }
  865. .esri-icon-dial {
  866. &:before {
  867. content: unicode($esri-icon-dial);
  868. color: $fill-color;
  869. }
  870. }
  871. .esri-icon-polygon {
  872. &:before {
  873. content: unicode($esri-icon-polygon);
  874. color: $fill-color;
  875. }
  876. }
  877. .esri-icon-polyline {
  878. &:before {
  879. content: unicode($esri-icon-polyline);
  880. color: $fill-color;
  881. }
  882. }
  883. .esri-icon-visible {
  884. &:before {
  885. content: unicode($esri-icon-visible);
  886. color: $fill-color;
  887. }
  888. }
  889. .esri-icon-non-visible {
  890. &:before {
  891. content: unicode($esri-icon-non-visible);
  892. color: $fill-color;
  893. }
  894. }
  895. .esri-icon-link-vertical {
  896. &:before {
  897. content: unicode($esri-icon-link-vertical);
  898. color: $fill-color;
  899. }
  900. }
  901. .esri-icon-unlocked-link-vertical {
  902. &:before {
  903. content: unicode($esri-icon-unlocked-link-vertical);
  904. color: $fill-color;
  905. }
  906. }
  907. .esri-icon-link-horizontal {
  908. &:before {
  909. content: unicode($esri-icon-link-horizontal);
  910. color: $fill-color;
  911. }
  912. }
  913. .esri-icon-unlocked-link-horizontal {
  914. &:before {
  915. content: unicode($esri-icon-unlocked-link-horizontal);
  916. color: $fill-color;
  917. }
  918. }
  919. .esri-icon-swap {
  920. &:before {
  921. content: unicode($esri-icon-swap);
  922. color: $fill-color;
  923. }
  924. }
  925. .esri-icon-cta-link-external {
  926. &:before {
  927. content: unicode($esri-icon-cta-link-external);
  928. color: $fill-color;
  929. }
  930. }
  931. .esri-icon-reply {
  932. &:before {
  933. content: unicode($esri-icon-reply);
  934. color: $fill-color;
  935. }
  936. }
  937. .esri-icon-public {
  938. &:before {
  939. content: unicode($esri-icon-public);
  940. color: $fill-color;
  941. }
  942. }
  943. .esri-icon-share2 {
  944. &:before {
  945. content: unicode($esri-icon-share2);
  946. color: $fill-color;
  947. }
  948. }
  949. .esri-icon-launch-link-external {
  950. &:before {
  951. content: unicode($esri-icon-launch-link-external);
  952. color: $fill-color;
  953. }
  954. }
  955. .esri-icon-rotate-back {
  956. &:before {
  957. content: unicode($esri-icon-rotate-back);
  958. color: $fill-color;
  959. }
  960. }
  961. .esri-icon-pan2 {
  962. &:before {
  963. content: unicode($esri-icon-pan2);
  964. color: $fill-color;
  965. }
  966. }
  967. .esri-icon-tracking {
  968. &:before {
  969. content: unicode($esri-icon-tracking);
  970. color: $fill-color;
  971. }
  972. }
  973. .esri-icon-expand2 {
  974. &:before {
  975. content: unicode($esri-icon-expand2);
  976. color: $fill-color;
  977. }
  978. }
  979. .esri-icon-arrow-down {
  980. &:before {
  981. content: unicode($esri-icon-arrow-down);
  982. color: $fill-color;
  983. }
  984. }
  985. .esri-icon-arrow-up {
  986. &:before {
  987. content: unicode($esri-icon-arrow-up);
  988. color: $fill-color;
  989. }
  990. }
  991. .esri-icon-hollow-eye {
  992. &:before {
  993. content: unicode($esri-icon-hollow-eye);
  994. color: $fill-color;
  995. }
  996. }
  997. .esri-icon-play-circled {
  998. &:before {
  999. content: unicode($esri-icon-play-circled);
  1000. color: $fill-color;
  1001. }
  1002. }
  1003. .esri-icon-volume-off {
  1004. &:before {
  1005. content: unicode($esri-icon-volume-off);
  1006. color: $fill-color;
  1007. }
  1008. }
  1009. .esri-icon-volume-on {
  1010. &:before {
  1011. content: unicode($esri-icon-volume-on);
  1012. color: $fill-color;
  1013. }
  1014. }
  1015. .esri-icon-bookmark {
  1016. &:before {
  1017. content: unicode($esri-icon-bookmark);
  1018. color: $fill-color;
  1019. }
  1020. }
  1021. .esri-icon-lightbulb {
  1022. &:before {
  1023. content: unicode($esri-icon-lightbulb);
  1024. color: $fill-color;
  1025. }
  1026. }
  1027. .esri-icon-sketch-rectangle {
  1028. &:before {
  1029. content: unicode($esri-icon-sketch-rectangle);
  1030. color: $fill-color;
  1031. }
  1032. }
  1033. .esri-icon-north-navigation-filled {
  1034. &:before {
  1035. content: unicode($esri-icon-north-navigation-filled);
  1036. color: $fill-color;
  1037. }
  1038. }
  1039. .esri-icon-default-action {
  1040. &:before {
  1041. content: unicode($esri-icon-default-action);
  1042. color: $fill-color;
  1043. }
  1044. }
  1045. .esri-icon-undo {
  1046. &:before {
  1047. content: unicode($esri-icon-undo);
  1048. color: $fill-color;
  1049. }
  1050. }
  1051. .esri-icon-redo {
  1052. &:before {
  1053. content: unicode($esri-icon-redo);
  1054. color: $fill-color;
  1055. }
  1056. }
  1057. .esri-icon-cursor {
  1058. &:before {
  1059. content: unicode($esri-icon-cursor);
  1060. color: $fill-color;
  1061. }
  1062. }
  1063. .esri-icon-cursor-filled {
  1064. &:before {
  1065. content: unicode($esri-icon-cursor-filled);
  1066. color: $fill-color;
  1067. }
  1068. }
  1069. .esri-icon-measure {
  1070. &:before {
  1071. content: unicode($esri-icon-measure);
  1072. color: $fill-color;
  1073. }
  1074. }
  1075. .esri-icon-measure-line {
  1076. &:before {
  1077. content: unicode($esri-icon-measure-line);
  1078. color: $fill-color;
  1079. }
  1080. }
  1081. .esri-icon-measure-area {
  1082. &:before {
  1083. content: unicode($esri-icon-measure-area);
  1084. color: $fill-color;
  1085. }
  1086. }
  1087. .esri-icon-legend {
  1088. &:before {
  1089. content: unicode($esri-icon-legend);
  1090. color: $fill-color;
  1091. }
  1092. }
  1093. .esri-icon-sliders {
  1094. &:before {
  1095. content: unicode($esri-icon-sliders);
  1096. color: $fill-color;
  1097. }
  1098. }
  1099. .esri-icon-sliders-horizontal {
  1100. &:before {
  1101. content: unicode($esri-icon-sliders-horizontal);
  1102. color: $fill-color;
  1103. }
  1104. }
  1105. .esri-icon-cursor-marquee {
  1106. &:before {
  1107. content: unicode($esri-icon-cursor-marquee);
  1108. color: $fill-color;
  1109. }
  1110. }
  1111. .esri-icon-lasso {
  1112. &:before {
  1113. content: unicode($esri-icon-lasso);
  1114. color: $fill-color;
  1115. }
  1116. }
  1117. .esri-icon-elevation-profile {
  1118. &:before {
  1119. content: unicode($esri-icon-elevation-profile);
  1120. color: $fill-color;
  1121. }
  1122. }
  1123. .esri-icon-slice {
  1124. &:before {
  1125. content: unicode($esri-icon-slice);
  1126. color: $fill-color;
  1127. }
  1128. }
  1129. .esri-icon-line-of-sight {
  1130. &:before {
  1131. content: unicode($esri-icon-line-of-sight);
  1132. color: $fill-color;
  1133. }
  1134. }
  1135. .esri-icon-zoom-to-object {
  1136. &:before {
  1137. content: unicode($esri-icon-zoom-to-object);
  1138. color: $fill-color;
  1139. }
  1140. }
  1141. .esri-icon-urban-model {
  1142. &:before {
  1143. content: unicode($esri-icon-urban-model);
  1144. color: $fill-color;
  1145. }
  1146. }
  1147. .esri-icon-measure-building-height-shadow {
  1148. &:before {
  1149. content: unicode($esri-icon-measure-building-height-shadow);
  1150. color: $fill-color;
  1151. }
  1152. }
  1153. .esri-icon-partly-cloudy {
  1154. &:before {
  1155. content: unicode($esri-icon-partly-cloudy);
  1156. color: $fill-color;
  1157. }
  1158. }