pficon.scss 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778
  1. @font-face {
  2. font-family: 'pficon';
  3. src: url('#{$pf-global--fonticon-path}/pficon.woff2') format('woff2'),
  4. url('#{$pf-global--fonticon-path}/pficon.woff') format('woff');
  5. }
  6. @mixin pf-icon-styles {
  7. font-family: 'pficon';
  8. -webkit-font-smoothing: antialiased;
  9. -moz-osx-font-smoothing: grayscale;
  10. font-style: normal;
  11. font-variant: normal;
  12. font-weight: normal;
  13. // speak: none; // only necessary if not using the private unicode range (firstGlyph option)
  14. text-decoration: none;
  15. text-transform: none;
  16. }
  17. %pf-icon {
  18. @include pf-icon-styles;
  19. }
  20. @function pf-icon-char($filename) {
  21. $char: '';
  22. @if $filename == add-circle-o {
  23. $char: '\E61B';
  24. }
  25. @if $filename == ansible-tower {
  26. $char: '\E950';
  27. }
  28. @if $filename == applications {
  29. $char: '\E936';
  30. }
  31. @if $filename == arrow {
  32. $char: '\E929';
  33. }
  34. @if $filename == asleep {
  35. $char: '\E92E';
  36. }
  37. @if $filename == attention-bell {
  38. $char: '\E951';
  39. }
  40. @if $filename == automation {
  41. $char: '\E937';
  42. }
  43. @if $filename == bell {
  44. $char: '\E952';
  45. }
  46. @if $filename == blueprint {
  47. $char: '\E915';
  48. }
  49. @if $filename == build {
  50. $char: '\E902';
  51. }
  52. @if $filename == builder-image {
  53. $char: '\E800';
  54. }
  55. @if $filename == bundle {
  56. $char: '\E918';
  57. }
  58. @if $filename == catalog {
  59. $char: '\E953';
  60. }
  61. @if $filename == chat {
  62. $char: '\E954';
  63. }
  64. @if $filename == close {
  65. $char: '\E60B';
  66. }
  67. @if $filename == cloud-security {
  68. $char: '\E903';
  69. }
  70. @if $filename == cloud-tenant {
  71. $char: '\E904';
  72. }
  73. @if $filename == cluster {
  74. $char: '\E620';
  75. }
  76. @if $filename == connected {
  77. $char: '\E938';
  78. }
  79. @if $filename == container-node {
  80. $char: '\E621';
  81. }
  82. @if $filename == cpu {
  83. $char: '\E927';
  84. }
  85. @if $filename == degraded {
  86. $char: '\E91B';
  87. }
  88. @if $filename == disconnected {
  89. $char: '\E955';
  90. }
  91. @if $filename == domain {
  92. $char: '\E919';
  93. }
  94. @if $filename == edit {
  95. $char: '\E60A';
  96. }
  97. @if $filename == enhancement {
  98. $char: '\E93A';
  99. }
  100. @if $filename == enterprise {
  101. $char: '\E906';
  102. }
  103. @if $filename == equalizer {
  104. $char: '\E956';
  105. }
  106. @if $filename == error-circle-o {
  107. $char: '\E926';
  108. }
  109. @if $filename == export {
  110. $char: '\E616';
  111. }
  112. @if $filename == filter {
  113. $char: '\E943';
  114. }
  115. @if $filename == flavor {
  116. $char: '\E957';
  117. }
  118. @if $filename == folder-close {
  119. $char: '\E607';
  120. }
  121. @if $filename == folder-open {
  122. $char: '\E606';
  123. }
  124. @if $filename == globe-route {
  125. $char: '\E958';
  126. }
  127. @if $filename == help {
  128. $char: '\E605';
  129. }
  130. @if $filename == history {
  131. $char: '\E617';
  132. }
  133. @if $filename == home {
  134. $char: '\E618';
  135. }
  136. @if $filename == import {
  137. $char: '\E615';
  138. }
  139. @if $filename == in-progress {
  140. $char: '\E933';
  141. }
  142. @if $filename == info {
  143. $char: '\E92B';
  144. }
  145. @if $filename == infrastructure {
  146. $char: '\E93D';
  147. }
  148. @if $filename == integration {
  149. $char: '\E948';
  150. }
  151. @if $filename == key {
  152. $char: '\E924';
  153. }
  154. @if $filename == locked {
  155. $char: '\E923';
  156. }
  157. @if $filename == maintenance {
  158. $char: '\E932';
  159. }
  160. @if $filename == memory {
  161. $char: '\E908';
  162. }
  163. @if $filename == messages {
  164. $char: '\E603';
  165. }
  166. @if $filename == middleware {
  167. $char: '\E917';
  168. }
  169. @if $filename == migration {
  170. $char: '\E931';
  171. }
  172. @if $filename == module {
  173. $char: '\E959';
  174. }
  175. @if $filename == monitoring {
  176. $char: '\E95A';
  177. }
  178. @if $filename == namespaces {
  179. $char: '\E95B';
  180. }
  181. @if $filename == network {
  182. $char: '\E909';
  183. }
  184. @if $filename == new-process {
  185. $char: '\E95C';
  186. }
  187. @if $filename == not-started {
  188. $char: '\E95D';
  189. }
  190. @if $filename == off {
  191. $char: '\E92D';
  192. }
  193. @if $filename == ok {
  194. $char: '\E602';
  195. }
  196. @if $filename == on-running {
  197. $char: '\E925';
  198. }
  199. @if $filename == on {
  200. $char: '\E92C';
  201. }
  202. @if $filename == openshift {
  203. $char: '\E95E';
  204. }
  205. @if $filename == openstack {
  206. $char: '\E95F';
  207. }
  208. @if $filename == optimize {
  209. $char: '\E93E';
  210. }
  211. @if $filename == orders {
  212. $char: '\E93F';
  213. }
  214. @if $filename == os-image {
  215. $char: '\E960';
  216. }
  217. @if $filename == package {
  218. $char: '\E961';
  219. }
  220. @if $filename == panel-close {
  221. $char: '\E962';
  222. }
  223. @if $filename == panel-open {
  224. $char: '\E963';
  225. }
  226. @if $filename == paused {
  227. $char: '\E92F';
  228. }
  229. @if $filename == pending {
  230. $char: '\E964';
  231. }
  232. @if $filename == pficon-dragdrop {
  233. $char: '\E965';
  234. }
  235. @if $filename == pficon-history {
  236. $char: '\E966';
  237. }
  238. @if $filename == pficon-network-range {
  239. $char: '\E967';
  240. }
  241. @if $filename == pficon-satellite {
  242. $char: '\E968';
  243. }
  244. @if $filename == pficon-sort-common-asc {
  245. $char: '\E94E';
  246. }
  247. @if $filename == pficon-sort-common-desc {
  248. $char: '\E94F';
  249. }
  250. @if $filename == pficon-template {
  251. $char: '\E94C';
  252. }
  253. @if $filename == pficon-vcenter {
  254. $char: '\E969';
  255. }
  256. @if $filename == plugged {
  257. $char: '\E96A';
  258. }
  259. @if $filename == port {
  260. $char: '\E96B';
  261. }
  262. @if $filename == print {
  263. $char: '\E612';
  264. }
  265. @if $filename == private {
  266. $char: '\E914';
  267. }
  268. @if $filename == process-automation {
  269. $char: '\E949';
  270. }
  271. @if $filename == project {
  272. $char: '\E96C';
  273. }
  274. @if $filename == rebalance {
  275. $char: '\E91C';
  276. }
  277. @if $filename == rebooting {
  278. $char: '\E96D';
  279. }
  280. @if $filename == regions {
  281. $char: '\E90A';
  282. }
  283. @if $filename == registry {
  284. $char: '\E623';
  285. }
  286. @if $filename == remove2 {
  287. $char: '\E96E';
  288. }
  289. @if $filename == replicator {
  290. $char: '\E624';
  291. }
  292. @if $filename == repository {
  293. $char: '\E90B';
  294. }
  295. @if $filename == resource-pool {
  296. $char: '\E90C';
  297. }
  298. @if $filename == resources-almost-empty {
  299. $char: '\E91D';
  300. }
  301. @if $filename == resources-almost-full {
  302. $char: '\E912';
  303. }
  304. @if $filename == resources-empty {
  305. $char: '\E96F';
  306. }
  307. @if $filename == resources-full {
  308. $char: '\E913';
  309. }
  310. @if $filename == running {
  311. $char: '\E970';
  312. }
  313. @if $filename == save {
  314. $char: '\E601';
  315. }
  316. @if $filename == screen {
  317. $char: '\E971';
  318. }
  319. @if $filename == security {
  320. $char: '\E946';
  321. }
  322. @if $filename == server-group {
  323. $char: '\E91A';
  324. }
  325. @if $filename == server {
  326. $char: '\E90D';
  327. }
  328. @if $filename == service-catalog {
  329. $char: '\E972';
  330. }
  331. @if $filename == service {
  332. $char: '\E61E';
  333. }
  334. @if $filename == services {
  335. $char: '\E947';
  336. }
  337. @if $filename == spinner {
  338. $char: '\E973';
  339. }
  340. @if $filename == spinner2 {
  341. $char: '\E613';
  342. }
  343. @if $filename == storage-domain {
  344. $char: '\E90E';
  345. }
  346. @if $filename == task {
  347. $char: '\E974';
  348. }
  349. @if $filename == tenant {
  350. $char: '\E916';
  351. }
  352. @if $filename == thumb-tack {
  353. $char: '\E920';
  354. }
  355. @if $filename == topology {
  356. $char: '\E608';
  357. }
  358. @if $filename == trend-down {
  359. $char: '\E900';
  360. }
  361. @if $filename == trend-up {
  362. $char: '\E901';
  363. }
  364. @if $filename == unknown {
  365. $char: '\E935';
  366. }
  367. @if $filename == unlocked {
  368. $char: '\E922';
  369. }
  370. @if $filename == unplugged {
  371. $char: '\E942';
  372. }
  373. @if $filename == user {
  374. $char: '\E91E';
  375. }
  376. @if $filename == users {
  377. $char: '\E91F';
  378. }
  379. @if $filename == virtual-machine {
  380. $char: '\E90F';
  381. }
  382. @if $filename == volume {
  383. $char: '\E910';
  384. }
  385. @if $filename == warning-triangle {
  386. $char: '\E975';
  387. }
  388. @if $filename == zone {
  389. $char: '\E911';
  390. }
  391. @return $char;
  392. }
  393. @mixin pf-icon($filename, $insert: before, $extend: true) {
  394. &:#{$insert} {
  395. @if $extend {
  396. @extend %pf-icon;
  397. } @else {
  398. @include pf-icon-styles;
  399. }
  400. content: pf-icon-char($filename);
  401. }
  402. }
  403. .pf-icon-add-circle-o {
  404. @include pf-icon(add-circle-o);
  405. }
  406. .pf-icon-ansible-tower {
  407. @include pf-icon(ansible-tower);
  408. }
  409. .pf-icon-applications {
  410. @include pf-icon(applications);
  411. }
  412. .pf-icon-arrow {
  413. @include pf-icon(arrow);
  414. }
  415. .pf-icon-asleep {
  416. @include pf-icon(asleep);
  417. }
  418. .pf-icon-attention-bell {
  419. @include pf-icon(attention-bell);
  420. }
  421. .pf-icon-automation {
  422. @include pf-icon(automation);
  423. }
  424. .pf-icon-bell {
  425. @include pf-icon(bell);
  426. }
  427. .pf-icon-blueprint {
  428. @include pf-icon(blueprint);
  429. }
  430. .pf-icon-build {
  431. @include pf-icon(build);
  432. }
  433. .pf-icon-builder-image {
  434. @include pf-icon(builder-image);
  435. }
  436. .pf-icon-bundle {
  437. @include pf-icon(bundle);
  438. }
  439. .pf-icon-catalog {
  440. @include pf-icon(catalog);
  441. }
  442. .pf-icon-chat {
  443. @include pf-icon(chat);
  444. }
  445. .pf-icon-close {
  446. @include pf-icon(close);
  447. }
  448. .pf-icon-cloud-security {
  449. @include pf-icon(cloud-security);
  450. }
  451. .pf-icon-cloud-tenant {
  452. @include pf-icon(cloud-tenant);
  453. }
  454. .pf-icon-cluster {
  455. @include pf-icon(cluster);
  456. }
  457. .pf-icon-connected {
  458. @include pf-icon(connected);
  459. }
  460. .pf-icon-container-node {
  461. @include pf-icon(container-node);
  462. }
  463. .pf-icon-cpu {
  464. @include pf-icon(cpu);
  465. }
  466. .pf-icon-degraded {
  467. @include pf-icon(degraded);
  468. }
  469. .pf-icon-disconnected {
  470. @include pf-icon(disconnected);
  471. }
  472. .pf-icon-domain {
  473. @include pf-icon(domain);
  474. }
  475. .pf-icon-edit {
  476. @include pf-icon(edit);
  477. }
  478. .pf-icon-enhancement {
  479. @include pf-icon(enhancement);
  480. }
  481. .pf-icon-enterprise {
  482. @include pf-icon(enterprise);
  483. }
  484. .pf-icon-equalizer {
  485. @include pf-icon(equalizer);
  486. }
  487. .pf-icon-error-circle-o {
  488. @include pf-icon(error-circle-o);
  489. }
  490. .pf-icon-export {
  491. @include pf-icon(export);
  492. }
  493. .pf-icon-filter {
  494. @include pf-icon(filter);
  495. }
  496. .pf-icon-flavor {
  497. @include pf-icon(flavor);
  498. }
  499. .pf-icon-folder-close {
  500. @include pf-icon(folder-close);
  501. }
  502. .pf-icon-folder-open {
  503. @include pf-icon(folder-open);
  504. }
  505. .pf-icon-globe-route {
  506. @include pf-icon(globe-route);
  507. }
  508. .pf-icon-help {
  509. @include pf-icon(help);
  510. }
  511. .pf-icon-history {
  512. @include pf-icon(history);
  513. }
  514. .pf-icon-home {
  515. @include pf-icon(home);
  516. }
  517. .pf-icon-import {
  518. @include pf-icon(import);
  519. }
  520. .pf-icon-in-progress {
  521. @include pf-icon(in-progress);
  522. }
  523. .pf-icon-info {
  524. @include pf-icon(info);
  525. }
  526. .pf-icon-infrastructure {
  527. @include pf-icon(infrastructure);
  528. }
  529. .pf-icon-integration {
  530. @include pf-icon(integration);
  531. }
  532. .pf-icon-key {
  533. @include pf-icon(key);
  534. }
  535. .pf-icon-locked {
  536. @include pf-icon(locked);
  537. }
  538. .pf-icon-maintenance {
  539. @include pf-icon(maintenance);
  540. }
  541. .pf-icon-memory {
  542. @include pf-icon(memory);
  543. }
  544. .pf-icon-messages {
  545. @include pf-icon(messages);
  546. }
  547. .pf-icon-middleware {
  548. @include pf-icon(middleware);
  549. }
  550. .pf-icon-migration {
  551. @include pf-icon(migration);
  552. }
  553. .pf-icon-module {
  554. @include pf-icon(module);
  555. }
  556. .pf-icon-monitoring {
  557. @include pf-icon(monitoring);
  558. }
  559. .pf-icon-namespaces {
  560. @include pf-icon(namespaces);
  561. }
  562. .pf-icon-network {
  563. @include pf-icon(network);
  564. }
  565. .pf-icon-new-process {
  566. @include pf-icon(new-process);
  567. }
  568. .pf-icon-not-started {
  569. @include pf-icon(not-started);
  570. }
  571. .pf-icon-off {
  572. @include pf-icon(off);
  573. }
  574. .pf-icon-ok {
  575. @include pf-icon(ok);
  576. }
  577. .pf-icon-on-running {
  578. @include pf-icon(on-running);
  579. }
  580. .pf-icon-on {
  581. @include pf-icon(on);
  582. }
  583. .pf-icon-openshift {
  584. @include pf-icon(openshift);
  585. }
  586. .pf-icon-openstack {
  587. @include pf-icon(openstack);
  588. }
  589. .pf-icon-optimize {
  590. @include pf-icon(optimize);
  591. }
  592. .pf-icon-orders {
  593. @include pf-icon(orders);
  594. }
  595. .pf-icon-os-image {
  596. @include pf-icon(os-image);
  597. }
  598. .pf-icon-package {
  599. @include pf-icon(package);
  600. }
  601. .pf-icon-panel-close {
  602. @include pf-icon(panel-close);
  603. }
  604. .pf-icon-panel-open {
  605. @include pf-icon(panel-open);
  606. }
  607. .pf-icon-paused {
  608. @include pf-icon(paused);
  609. }
  610. .pf-icon-pending {
  611. @include pf-icon(pending);
  612. }
  613. .pf-icon-pficon-dragdrop {
  614. @include pf-icon(pficon-dragdrop);
  615. }
  616. .pf-icon-pficon-history {
  617. @include pf-icon(pficon-history);
  618. }
  619. .pf-icon-pficon-network-range {
  620. @include pf-icon(pficon-network-range);
  621. }
  622. .pf-icon-pficon-satellite {
  623. @include pf-icon(pficon-satellite);
  624. }
  625. .pf-icon-pficon-sort-common-asc {
  626. @include pf-icon(pficon-sort-common-asc);
  627. }
  628. .pf-icon-pficon-sort-common-desc {
  629. @include pf-icon(pficon-sort-common-desc);
  630. }
  631. .pf-icon-pficon-template {
  632. @include pf-icon(pficon-template);
  633. }
  634. .pf-icon-pficon-vcenter {
  635. @include pf-icon(pficon-vcenter);
  636. }
  637. .pf-icon-plugged {
  638. @include pf-icon(plugged);
  639. }
  640. .pf-icon-port {
  641. @include pf-icon(port);
  642. }
  643. .pf-icon-print {
  644. @include pf-icon(print);
  645. }
  646. .pf-icon-private {
  647. @include pf-icon(private);
  648. }
  649. .pf-icon-process-automation {
  650. @include pf-icon(process-automation);
  651. }
  652. .pf-icon-project {
  653. @include pf-icon(project);
  654. }
  655. .pf-icon-rebalance {
  656. @include pf-icon(rebalance);
  657. }
  658. .pf-icon-rebooting {
  659. @include pf-icon(rebooting);
  660. }
  661. .pf-icon-regions {
  662. @include pf-icon(regions);
  663. }
  664. .pf-icon-registry {
  665. @include pf-icon(registry);
  666. }
  667. .pf-icon-remove2 {
  668. @include pf-icon(remove2);
  669. }
  670. .pf-icon-replicator {
  671. @include pf-icon(replicator);
  672. }
  673. .pf-icon-repository {
  674. @include pf-icon(repository);
  675. }
  676. .pf-icon-resource-pool {
  677. @include pf-icon(resource-pool);
  678. }
  679. .pf-icon-resources-almost-empty {
  680. @include pf-icon(resources-almost-empty);
  681. }
  682. .pf-icon-resources-almost-full {
  683. @include pf-icon(resources-almost-full);
  684. }
  685. .pf-icon-resources-empty {
  686. @include pf-icon(resources-empty);
  687. }
  688. .pf-icon-resources-full {
  689. @include pf-icon(resources-full);
  690. }
  691. .pf-icon-running {
  692. @include pf-icon(running);
  693. }
  694. .pf-icon-save {
  695. @include pf-icon(save);
  696. }
  697. .pf-icon-screen {
  698. @include pf-icon(screen);
  699. }
  700. .pf-icon-security {
  701. @include pf-icon(security);
  702. }
  703. .pf-icon-server-group {
  704. @include pf-icon(server-group);
  705. }
  706. .pf-icon-server {
  707. @include pf-icon(server);
  708. }
  709. .pf-icon-service-catalog {
  710. @include pf-icon(service-catalog);
  711. }
  712. .pf-icon-service {
  713. @include pf-icon(service);
  714. }
  715. .pf-icon-services {
  716. @include pf-icon(services);
  717. }
  718. .pf-icon-spinner {
  719. @include pf-icon(spinner);
  720. }
  721. .pf-icon-spinner2 {
  722. @include pf-icon(spinner2);
  723. }
  724. .pf-icon-storage-domain {
  725. @include pf-icon(storage-domain);
  726. }
  727. .pf-icon-task {
  728. @include pf-icon(task);
  729. }
  730. .pf-icon-tenant {
  731. @include pf-icon(tenant);
  732. }
  733. .pf-icon-thumb-tack {
  734. @include pf-icon(thumb-tack);
  735. }
  736. .pf-icon-topology {
  737. @include pf-icon(topology);
  738. }
  739. .pf-icon-trend-down {
  740. @include pf-icon(trend-down);
  741. }
  742. .pf-icon-trend-up {
  743. @include pf-icon(trend-up);
  744. }
  745. .pf-icon-unknown {
  746. @include pf-icon(unknown);
  747. }
  748. .pf-icon-unlocked {
  749. @include pf-icon(unlocked);
  750. }
  751. .pf-icon-unplugged {
  752. @include pf-icon(unplugged);
  753. }
  754. .pf-icon-user {
  755. @include pf-icon(user);
  756. }
  757. .pf-icon-users {
  758. @include pf-icon(users);
  759. }
  760. .pf-icon-virtual-machine {
  761. @include pf-icon(virtual-machine);
  762. }
  763. .pf-icon-volume {
  764. @include pf-icon(volume);
  765. }
  766. .pf-icon-warning-triangle {
  767. @include pf-icon(warning-triangle);
  768. }
  769. .pf-icon-zone {
  770. @include pf-icon(zone);
  771. }