// // Icons // -------------------------------------------------- // Custom icons and selections from IcoMoon - Free (http://icomoon.io/#icons) @font-face { font-family: '#{$icon-font-name-pf}'; src:url(if($bootstrap-sass-asset-helper, twbs-font-path('#{$font-path}/#{$icon-font-name-pf}.eot'), '#{$font-path}/#{$icon-font-name-pf}.eot')); src:url(if($bootstrap-sass-asset-helper, twbs-font-path('#{$font-path}/#{$icon-font-name-pf}.eot?#iefix'), '#{$font-path}/#{$icon-font-name-pf}.eot?#iefix')) format('embedded-opentype'), url(if($bootstrap-sass-asset-helper, twbs-font-path('#{$font-path}/#{$icon-font-name-pf}.ttf'), '#{$font-path}/#{$icon-font-name-pf}.ttf')) format('truetype'), url(if($bootstrap-sass-asset-helper, twbs-font-path('#{$font-path}/#{$icon-font-name-pf}.woff'), '#{$font-path}/#{$icon-font-name-pf}.woff')) format('woff'), url(if($bootstrap-sass-asset-helper, twbs-font-path('#{$font-path}/#{$icon-font-name-pf}.svg##{$icon-font-name-pf}'), '#{$font-path}/#{$icon-font-name-pf}.svg##{$icon-font-name-pf}')) format('svg'); font-weight: normal; font-style: normal; } [class^="#{$icon-prefix}-"], [class*=" #{$icon-prefix}-"] { display: inline-block; font-family: '#{$icon-font-name-pf}'; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; speak: none; text-transform: none; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .#{$icon-prefix}-add-circle-o:before { content: $pficon-var-add-circle-o; } .#{$icon-prefix}-build:before { content: $pficon-var-build; } .#{$icon-prefix}-builder-image:before { content: $pficon-var-builder-image; } .#{$icon-prefix}-close:before { content: $pficon-var-close; } .#{$icon-prefix}-cluster:before { content: $pficon-var-cluster; } .#{$icon-prefix}-container-node:before { content: $pficon-var-container-node; } .#{$icon-prefix}-delete:before { content: $pficon-var-delete; } .#{$icon-prefix}-edit:before { content: $pficon-var-edit; } .#{$icon-prefix}-error-circle-o:before { color: $brand-danger; content: $pficon-var-error-circle-o; } .#{$icon-prefix}-export:before { content: $pficon-var-export; } .#{$icon-prefix}-flag:before, .#{$icon-prefix}-messages:before { // class name deprecated content: $pficon-var-flag; } .#{$icon-prefix}-folder-close:before { content: $pficon-var-folder-close; } .#{$icon-prefix}-folder-open:before { content: $pficon-var-folder-open; } .#{$icon-prefix}-help:before { content: $pficon-var-help; } .#{$icon-prefix}-history:before { content: $pficon-var-history; } .#{$icon-prefix}-home:before { content: $pficon-var-home; } .#{$icon-prefix}-image:before { content: $pficon-var-image; } .#{$icon-prefix}-import:before { content: $pficon-var-import; } .#{$icon-prefix}-info:before { content: $pficon-var-info; } .#{$icon-prefix}-kubernetes:before { content: $pficon-var-kubernetes; } .#{$icon-prefix}-ok:before { color: $brand-success; content: $pficon-var-ok; } .#{$icon-prefix}-openshift:before { content: $pficon-var-openshift; } .#{$icon-prefix}-print:before { content: $pficon-var-print; } .#{$icon-prefix}-project:before { content: $pficon-var-project; } .#{$icon-prefix}-refresh:before, // class name deprecated .#{$icon-prefix}-restart:before { content: $pficon-var-restart; } .#{$icon-prefix}-registry:before { content: $pficon-var-registry; } .#{$icon-prefix}-replicator:before { content: $pficon-var-replicator; } .#{$icon-prefix}-route:before { content: $pficon-var-route; } .#{$icon-prefix}-running:before { content: $pficon-var-running; } .#{$icon-prefix}-save:before { content: $pficon-var-save; } .#{$icon-prefix}-screen:before { content: $pficon-var-screen; } .#{$icon-prefix}-service:before { content: $pficon-var-service; } .#{$icon-prefix}-settings:before { content: $pficon-var-settings; } .#{$icon-prefix}-thumb-tack-o:before { content: $pficon-var-thumb-tack-o; } .#{$icon-prefix}-topology:before { content: $pficon-var-topology; } .#{$icon-prefix}-trend-down:before { content: $pficon-var-trend-down; } .#{$icon-prefix}-trend-up:before { content: $pficon-var-trend-up; } .#{$icon-prefix}-user:before { content: $pficon-var-user; } .#{$icon-prefix}-users:before { content: $pficon-var-users; } .#{$icon-prefix}-warning-triangle-o:before { color: $brand-warning; content: $pficon-var-warning-triangle-o; }