Skip to content

SAP Icons - loading icon - spinner CSS class #555

@ivijan

Description

@ivijan

Issue

  • Loading icon from [SAP Icons] don't have spinning animation class

Proposal

  • Solution similar to font-awesome icons could be introduced:

// Animated Icons classes
.sap-icon-spin {
animation: sap-icon-spin 2s infinite linear;
}

.sap-icon-pulse {
animation: sap-icon-spin 1s infinite steps(8);
}

@Keyframes sap-icon-spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}

Additional information

Browser and enviroment: Chrome v67.x on Mac High Sierra v10.x

Version of the Fundamental UI: v1.0.0

Front-end framework: Angular 6

Metadata

Metadata

Labels

No labels
No labels

Type

No type

Projects

No projects

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions