_simple-line-icons.scss 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817
  1. // Default Variables
  2. $simple-line-font-path: "../fonts/" !default;
  3. $simple-line-font-family: "simple-line-icons" !default;
  4. $simple-line-icon-prefix: "si-" !default;
  5. // Fonts
  6. @if $simple-line-font-family == "simple-line-icons" {
  7. @font-face {
  8. font-family: '#{$simple-line-font-family}';
  9. src: url('#{$simple-line-font-path}Simple-Line-Icons.eot?v=2.4.0');
  10. src: url('#{$simple-line-font-path}Simple-Line-Icons.eot?v=2.4.0#iefix') format('embedded-opentype'),
  11. url('#{$simple-line-font-path}Simple-Line-Icons.woff2?v=2.4.0') format('woff2'),
  12. url('#{$simple-line-font-path}Simple-Line-Icons.ttf?v=2.4.0') format('truetype'),
  13. url('#{$simple-line-font-path}Simple-Line-Icons.woff?v=2.4.0') format('woff'),
  14. url('#{$simple-line-font-path}Simple-Line-Icons.svg?v=2.4.0#simple-line-icons') format('svg');
  15. font-weight: normal;
  16. font-style: normal;
  17. }
  18. }
  19. .si {
  20. font-family: '#{$simple-line-font-family}';
  21. speak: none;
  22. font-style: normal;
  23. font-weight: normal;
  24. font-variant: normal;
  25. text-transform: none;
  26. line-height: 1;
  27. /* Better Font Rendering =========== */
  28. -webkit-font-smoothing: antialiased;
  29. -moz-osx-font-smoothing: grayscale;
  30. }
  31. .#{$simple-line-icon-prefix}user:before {
  32. content: "\e005";
  33. }
  34. .#{$simple-line-icon-prefix}people:before {
  35. content: "\e001";
  36. }
  37. .#{$simple-line-icon-prefix}user-female:before {
  38. content: "\e000";
  39. }
  40. .#{$simple-line-icon-prefix}user-follow:before {
  41. content: "\e002";
  42. }
  43. .#{$simple-line-icon-prefix}user-following:before {
  44. content: "\e003";
  45. }
  46. .#{$simple-line-icon-prefix}user-unfollow:before {
  47. content: "\e004";
  48. }
  49. .#{$simple-line-icon-prefix}login:before {
  50. content: "\e066";
  51. }
  52. .#{$simple-line-icon-prefix}logout:before {
  53. content: "\e065";
  54. }
  55. .#{$simple-line-icon-prefix}emotsmile:before {
  56. content: "\e021";
  57. }
  58. .#{$simple-line-icon-prefix}phone:before {
  59. content: "\e600";
  60. }
  61. .#{$simple-line-icon-prefix}call-end:before {
  62. content: "\e048";
  63. }
  64. .#{$simple-line-icon-prefix}call-in:before {
  65. content: "\e047";
  66. }
  67. .#{$simple-line-icon-prefix}call-out:before {
  68. content: "\e046";
  69. }
  70. .#{$simple-line-icon-prefix}map:before {
  71. content: "\e033";
  72. }
  73. .#{$simple-line-icon-prefix}location-pin:before {
  74. content: "\e096";
  75. }
  76. .#{$simple-line-icon-prefix}direction:before {
  77. content: "\e042";
  78. }
  79. .#{$simple-line-icon-prefix}directions:before {
  80. content: "\e041";
  81. }
  82. .#{$simple-line-icon-prefix}compass:before {
  83. content: "\e045";
  84. }
  85. .#{$simple-line-icon-prefix}layers:before {
  86. content: "\e034";
  87. }
  88. .#{$simple-line-icon-prefix}menu:before {
  89. content: "\e601";
  90. }
  91. .#{$simple-line-icon-prefix}list:before {
  92. content: "\e067";
  93. }
  94. .#{$simple-line-icon-prefix}options-vertical:before {
  95. content: "\e602";
  96. }
  97. .#{$simple-line-icon-prefix}options:before {
  98. content: "\e603";
  99. }
  100. .#{$simple-line-icon-prefix}arrow-down:before {
  101. content: "\e604";
  102. }
  103. .#{$simple-line-icon-prefix}arrow-left:before {
  104. content: "\e605";
  105. }
  106. .#{$simple-line-icon-prefix}arrow-right:before {
  107. content: "\e606";
  108. }
  109. .#{$simple-line-icon-prefix}arrow-up:before {
  110. content: "\e607";
  111. }
  112. .#{$simple-line-icon-prefix}arrow-up-circle:before {
  113. content: "\e078";
  114. }
  115. .#{$simple-line-icon-prefix}arrow-left-circle:before {
  116. content: "\e07a";
  117. }
  118. .#{$simple-line-icon-prefix}arrow-right-circle:before {
  119. content: "\e079";
  120. }
  121. .#{$simple-line-icon-prefix}arrow-down-circle:before {
  122. content: "\e07b";
  123. }
  124. .#{$simple-line-icon-prefix}check:before {
  125. content: "\e080";
  126. }
  127. .#{$simple-line-icon-prefix}clock:before {
  128. content: "\e081";
  129. }
  130. .#{$simple-line-icon-prefix}plus:before {
  131. content: "\e095";
  132. }
  133. .#{$simple-line-icon-prefix}minus:before {
  134. content: "\e615";
  135. }
  136. .#{$simple-line-icon-prefix}close:before {
  137. content: "\e082";
  138. }
  139. .#{$simple-line-icon-prefix}event:before {
  140. content: "\e619";
  141. }
  142. .#{$simple-line-icon-prefix}exclamation:before {
  143. content: "\e617";
  144. }
  145. .#{$simple-line-icon-prefix}organization:before {
  146. content: "\e616";
  147. }
  148. .#{$simple-line-icon-prefix}trophy:before {
  149. content: "\e006";
  150. }
  151. .#{$simple-line-icon-prefix}screen-smartphone:before {
  152. content: "\e010";
  153. }
  154. .#{$simple-line-icon-prefix}screen-desktop:before {
  155. content: "\e011";
  156. }
  157. .#{$simple-line-icon-prefix}plane:before {
  158. content: "\e012";
  159. }
  160. .#{$simple-line-icon-prefix}notebook:before {
  161. content: "\e013";
  162. }
  163. .#{$simple-line-icon-prefix}mustache:before {
  164. content: "\e014";
  165. }
  166. .#{$simple-line-icon-prefix}mouse:before {
  167. content: "\e015";
  168. }
  169. .#{$simple-line-icon-prefix}magnet:before {
  170. content: "\e016";
  171. }
  172. .#{$simple-line-icon-prefix}energy:before {
  173. content: "\e020";
  174. }
  175. .#{$simple-line-icon-prefix}disc:before {
  176. content: "\e022";
  177. }
  178. .#{$simple-line-icon-prefix}cursor:before {
  179. content: "\e06e";
  180. }
  181. .#{$simple-line-icon-prefix}cursor-move:before {
  182. content: "\e023";
  183. }
  184. .#{$simple-line-icon-prefix}crop:before {
  185. content: "\e024";
  186. }
  187. .#{$simple-line-icon-prefix}chemistry:before {
  188. content: "\e026";
  189. }
  190. .#{$simple-line-icon-prefix}speedometer:before {
  191. content: "\e007";
  192. }
  193. .#{$simple-line-icon-prefix}shield:before {
  194. content: "\e00e";
  195. }
  196. .#{$simple-line-icon-prefix}screen-tablet:before {
  197. content: "\e00f";
  198. }
  199. .#{$simple-line-icon-prefix}magic-wand:before {
  200. content: "\e017";
  201. }
  202. .#{$simple-line-icon-prefix}hourglass:before {
  203. content: "\e018";
  204. }
  205. .#{$simple-line-icon-prefix}graduation:before {
  206. content: "\e019";
  207. }
  208. .#{$simple-line-icon-prefix}ghost:before {
  209. content: "\e01a";
  210. }
  211. .#{$simple-line-icon-prefix}game-controller:before {
  212. content: "\e01b";
  213. }
  214. .#{$simple-line-icon-prefix}fire:before {
  215. content: "\e01c";
  216. }
  217. .#{$simple-line-icon-prefix}eyeglass:before {
  218. content: "\e01d";
  219. }
  220. .#{$simple-line-icon-prefix}envelope-open:before {
  221. content: "\e01e";
  222. }
  223. .#{$simple-line-icon-prefix}envelope-letter:before {
  224. content: "\e01f";
  225. }
  226. .#{$simple-line-icon-prefix}bell:before {
  227. content: "\e027";
  228. }
  229. .#{$simple-line-icon-prefix}badge:before {
  230. content: "\e028";
  231. }
  232. .#{$simple-line-icon-prefix}anchor:before {
  233. content: "\e029";
  234. }
  235. .#{$simple-line-icon-prefix}wallet:before {
  236. content: "\e02a";
  237. }
  238. .#{$simple-line-icon-prefix}vector:before {
  239. content: "\e02b";
  240. }
  241. .#{$simple-line-icon-prefix}speech:before {
  242. content: "\e02c";
  243. }
  244. .#{$simple-line-icon-prefix}puzzle:before {
  245. content: "\e02d";
  246. }
  247. .#{$simple-line-icon-prefix}printer:before {
  248. content: "\e02e";
  249. }
  250. .#{$simple-line-icon-prefix}present:before {
  251. content: "\e02f";
  252. }
  253. .#{$simple-line-icon-prefix}playlist:before {
  254. content: "\e030";
  255. }
  256. .#{$simple-line-icon-prefix}pin:before {
  257. content: "\e031";
  258. }
  259. .#{$simple-line-icon-prefix}picture:before {
  260. content: "\e032";
  261. }
  262. .#{$simple-line-icon-prefix}handbag:before {
  263. content: "\e035";
  264. }
  265. .#{$simple-line-icon-prefix}globe-alt:before {
  266. content: "\e036";
  267. }
  268. .#{$simple-line-icon-prefix}globe:before {
  269. content: "\e037";
  270. }
  271. .#{$simple-line-icon-prefix}folder-alt:before {
  272. content: "\e039";
  273. }
  274. .#{$simple-line-icon-prefix}folder:before {
  275. content: "\e089";
  276. }
  277. .#{$simple-line-icon-prefix}film:before {
  278. content: "\e03a";
  279. }
  280. .#{$simple-line-icon-prefix}feed:before {
  281. content: "\e03b";
  282. }
  283. .#{$simple-line-icon-prefix}drop:before {
  284. content: "\e03e";
  285. }
  286. .#{$simple-line-icon-prefix}drawer:before {
  287. content: "\e03f";
  288. }
  289. .#{$simple-line-icon-prefix}docs:before {
  290. content: "\e040";
  291. }
  292. .#{$simple-line-icon-prefix}doc:before {
  293. content: "\e085";
  294. }
  295. .#{$simple-line-icon-prefix}diamond:before {
  296. content: "\e043";
  297. }
  298. .#{$simple-line-icon-prefix}cup:before {
  299. content: "\e044";
  300. }
  301. .#{$simple-line-icon-prefix}calculator:before {
  302. content: "\e049";
  303. }
  304. .#{$simple-line-icon-prefix}bubbles:before {
  305. content: "\e04a";
  306. }
  307. .#{$simple-line-icon-prefix}briefcase:before {
  308. content: "\e04b";
  309. }
  310. .#{$simple-line-icon-prefix}book-open:before {
  311. content: "\e04c";
  312. }
  313. .#{$simple-line-icon-prefix}basket-loaded:before {
  314. content: "\e04d";
  315. }
  316. .#{$simple-line-icon-prefix}basket:before {
  317. content: "\e04e";
  318. }
  319. .#{$simple-line-icon-prefix}bag:before {
  320. content: "\e04f";
  321. }
  322. .#{$simple-line-icon-prefix}action-undo:before {
  323. content: "\e050";
  324. }
  325. .#{$simple-line-icon-prefix}action-redo:before {
  326. content: "\e051";
  327. }
  328. .#{$simple-line-icon-prefix}wrench:before {
  329. content: "\e052";
  330. }
  331. .#{$simple-line-icon-prefix}umbrella:before {
  332. content: "\e053";
  333. }
  334. .#{$simple-line-icon-prefix}trash:before {
  335. content: "\e054";
  336. }
  337. .#{$simple-line-icon-prefix}tag:before {
  338. content: "\e055";
  339. }
  340. .#{$simple-line-icon-prefix}support:before {
  341. content: "\e056";
  342. }
  343. .#{$simple-line-icon-prefix}frame:before {
  344. content: "\e038";
  345. }
  346. .#{$simple-line-icon-prefix}size-fullscreen:before {
  347. content: "\e057";
  348. }
  349. .#{$simple-line-icon-prefix}size-actual:before {
  350. content: "\e058";
  351. }
  352. .#{$simple-line-icon-prefix}shuffle:before {
  353. content: "\e059";
  354. }
  355. .#{$simple-line-icon-prefix}share-alt:before {
  356. content: "\e05a";
  357. }
  358. .#{$simple-line-icon-prefix}share:before {
  359. content: "\e05b";
  360. }
  361. .#{$simple-line-icon-prefix}rocket:before {
  362. content: "\e05c";
  363. }
  364. .#{$simple-line-icon-prefix}question:before {
  365. content: "\e05d";
  366. }
  367. .#{$simple-line-icon-prefix}pie-chart:before {
  368. content: "\e05e";
  369. }
  370. .#{$simple-line-icon-prefix}pencil:before {
  371. content: "\e05f";
  372. }
  373. .#{$simple-line-icon-prefix}note:before {
  374. content: "\e060";
  375. }
  376. .#{$simple-line-icon-prefix}loop:before {
  377. content: "\e064";
  378. }
  379. .#{$simple-line-icon-prefix}home:before {
  380. content: "\e069";
  381. }
  382. .#{$simple-line-icon-prefix}grid:before {
  383. content: "\e06a";
  384. }
  385. .#{$simple-line-icon-prefix}graph:before {
  386. content: "\e06b";
  387. }
  388. .#{$simple-line-icon-prefix}microphone:before {
  389. content: "\e063";
  390. }
  391. .#{$simple-line-icon-prefix}music-tone-alt:before {
  392. content: "\e061";
  393. }
  394. .#{$simple-line-icon-prefix}music-tone:before {
  395. content: "\e062";
  396. }
  397. .#{$simple-line-icon-prefix}earphones-alt:before {
  398. content: "\e03c";
  399. }
  400. .#{$simple-line-icon-prefix}earphones:before {
  401. content: "\e03d";
  402. }
  403. .#{$simple-line-icon-prefix}equalizer:before {
  404. content: "\e06c";
  405. }
  406. .#{$simple-line-icon-prefix}like:before {
  407. content: "\e068";
  408. }
  409. .#{$simple-line-icon-prefix}dislike:before {
  410. content: "\e06d";
  411. }
  412. .#{$simple-line-icon-prefix}control-start:before {
  413. content: "\e06f";
  414. }
  415. .#{$simple-line-icon-prefix}control-rewind:before {
  416. content: "\e070";
  417. }
  418. .#{$simple-line-icon-prefix}control-play:before {
  419. content: "\e071";
  420. }
  421. .#{$simple-line-icon-prefix}control-pause:before {
  422. content: "\e072";
  423. }
  424. .#{$simple-line-icon-prefix}control-forward:before {
  425. content: "\e073";
  426. }
  427. .#{$simple-line-icon-prefix}control-end:before {
  428. content: "\e074";
  429. }
  430. .#{$simple-line-icon-prefix}volume-1:before {
  431. content: "\e09f";
  432. }
  433. .#{$simple-line-icon-prefix}volume-2:before {
  434. content: "\e0a0";
  435. }
  436. .#{$simple-line-icon-prefix}volume-off:before {
  437. content: "\e0a1";
  438. }
  439. .#{$simple-line-icon-prefix}calendar:before {
  440. content: "\e075";
  441. }
  442. .#{$simple-line-icon-prefix}bulb:before {
  443. content: "\e076";
  444. }
  445. .#{$simple-line-icon-prefix}chart:before {
  446. content: "\e077";
  447. }
  448. .#{$simple-line-icon-prefix}ban:before {
  449. content: "\e07c";
  450. }
  451. .#{$simple-line-icon-prefix}bubble:before {
  452. content: "\e07d";
  453. }
  454. .#{$simple-line-icon-prefix}camrecorder:before {
  455. content: "\e07e";
  456. }
  457. .#{$simple-line-icon-prefix}camera:before {
  458. content: "\e07f";
  459. }
  460. .#{$simple-line-icon-prefix}cloud-download:before {
  461. content: "\e083";
  462. }
  463. .#{$simple-line-icon-prefix}cloud-upload:before {
  464. content: "\e084";
  465. }
  466. .#{$simple-line-icon-prefix}envelope:before {
  467. content: "\e086";
  468. }
  469. .#{$simple-line-icon-prefix}eye:before {
  470. content: "\e087";
  471. }
  472. .#{$simple-line-icon-prefix}flag:before {
  473. content: "\e088";
  474. }
  475. .#{$simple-line-icon-prefix}heart:before {
  476. content: "\e08a";
  477. }
  478. .#{$simple-line-icon-prefix}info:before {
  479. content: "\e08b";
  480. }
  481. .#{$simple-line-icon-prefix}key:before {
  482. content: "\e08c";
  483. }
  484. .#{$simple-line-icon-prefix}link:before {
  485. content: "\e08d";
  486. }
  487. .#{$simple-line-icon-prefix}lock:before {
  488. content: "\e08e";
  489. }
  490. .#{$simple-line-icon-prefix}lock-open:before {
  491. content: "\e08f";
  492. }
  493. .#{$simple-line-icon-prefix}magnifier:before {
  494. content: "\e090";
  495. }
  496. .#{$simple-line-icon-prefix}magnifier-add:before {
  497. content: "\e091";
  498. }
  499. .#{$simple-line-icon-prefix}magnifier-remove:before {
  500. content: "\e092";
  501. }
  502. .#{$simple-line-icon-prefix}paper-clip:before {
  503. content: "\e093";
  504. }
  505. .#{$simple-line-icon-prefix}paper-plane:before {
  506. content: "\e094";
  507. }
  508. .#{$simple-line-icon-prefix}power:before {
  509. content: "\e097";
  510. }
  511. .#{$simple-line-icon-prefix}refresh:before {
  512. content: "\e098";
  513. }
  514. .#{$simple-line-icon-prefix}reload:before {
  515. content: "\e099";
  516. }
  517. .#{$simple-line-icon-prefix}settings:before {
  518. content: "\e09a";
  519. }
  520. .#{$simple-line-icon-prefix}star:before {
  521. content: "\e09b";
  522. }
  523. .#{$simple-line-icon-prefix}symbol-female:before {
  524. content: "\e09c";
  525. }
  526. .#{$simple-line-icon-prefix}symbol-male:before {
  527. content: "\e09d";
  528. }
  529. .#{$simple-line-icon-prefix}target:before {
  530. content: "\e09e";
  531. }
  532. .#{$simple-line-icon-prefix}credit-card:before {
  533. content: "\e025";
  534. }
  535. .#{$simple-line-icon-prefix}paypal:before {
  536. content: "\e608";
  537. }
  538. .#{$simple-line-icon-prefix}social-tumblr:before {
  539. content: "\e00a";
  540. }
  541. .#{$simple-line-icon-prefix}social-twitter:before {
  542. content: "\e009";
  543. }
  544. .#{$simple-line-icon-prefix}social-facebook:before {
  545. content: "\e00b";
  546. }
  547. .#{$simple-line-icon-prefix}social-instagram:before {
  548. content: "\e609";
  549. }
  550. .#{$simple-line-icon-prefix}social-linkedin:before {
  551. content: "\e60a";
  552. }
  553. .#{$simple-line-icon-prefix}social-pinterest:before {
  554. content: "\e60b";
  555. }
  556. .#{$simple-line-icon-prefix}social-github:before {
  557. content: "\e60c";
  558. }
  559. .#{$simple-line-icon-prefix}social-google:before {
  560. content: "\e60d";
  561. }
  562. .#{$simple-line-icon-prefix}social-reddit:before {
  563. content: "\e60e";
  564. }
  565. .#{$simple-line-icon-prefix}social-skype:before {
  566. content: "\e60f";
  567. }
  568. .#{$simple-line-icon-prefix}social-dribbble:before {
  569. content: "\e00d";
  570. }
  571. .#{$simple-line-icon-prefix}social-behance:before {
  572. content: "\e610";
  573. }
  574. .#{$simple-line-icon-prefix}social-foursqare:before {
  575. content: "\e611";
  576. }
  577. .#{$simple-line-icon-prefix}social-soundcloud:before {
  578. content: "\e612";
  579. }
  580. .#{$simple-line-icon-prefix}social-spotify:before {
  581. content: "\e613";
  582. }
  583. .#{$simple-line-icon-prefix}social-stumbleupon:before {
  584. content: "\e614";
  585. }
  586. .#{$simple-line-icon-prefix}social-youtube:before {
  587. content: "\e008";
  588. }
  589. .#{$simple-line-icon-prefix}social-dropbox:before {
  590. content: "\e00c";
  591. }
  592. .#{$simple-line-icon-prefix}social-vkontakte:before {
  593. content: "\e618";
  594. }
  595. .#{$simple-line-icon-prefix}social-steam:before {
  596. content: "\e620";
  597. }
  598. .#{$simple-line-icon-prefix}users:before {
  599. content: "\e001";
  600. }
  601. .#{$simple-line-icon-prefix}bar-chart:before {
  602. content:"\e077";
  603. }
  604. .#{$simple-line-icon-prefix}camcorder:before{
  605. content:"\e07e";
  606. }
  607. .#{$simple-line-icon-prefix}emoticon-smile:before{
  608. content:"\e021";
  609. }
  610. .#{$simple-line-icon-prefix}eyeglasses:before{
  611. content:"\e01d";
  612. }
  613. .#{$simple-line-icon-prefix}moustache:before{
  614. content:"\e014";
  615. }
  616. .#{$simple-line-icon-prefix}pointer:before{
  617. content:"\e096";
  618. }