← Back to branch summary

~stephen-stewart/ulysses/tidy-up-dropdown

« back to all changes in this revision

Viewing changes to public/ulysses.css

  • Committer: jonas-drange
  • Date: 2014-04-14 09:43:44 UTC
  • mto: This revision was merged to the branch mainline in revision 38.
  • Revision ID: jonas.drange@canonical.com-20140414094344-z7g4m3lipt5q8cgm
making animation part of spinner css

Show diffs side-by-side

added added

removed removed

Lines of Context:
public/ulysses.css
1312
1312
  background: transparent url(icons/spinner.svg) 0 0 no-repeat;
1313
1313
  background-size: 72px 34px;
1314
1314
  display: block;
1315
 
}
1316
 
 
1317
 
.ues-icon-spinner.smaller {
1318
 
  background-size: 32px 16px;
1319
 
  width: 16px;
1320
 
  height: 16px;
1321
 
}
1322
 
 
1323
 
.ues-icon-spinner.orange {
1324
 
  background-position: -36px 0;
1325
 
}
1326
 
 
1327
 
.ues-icon-spinner.smaller.orange {
1328
 
  background-position: -16px 0;
1329
 
}
1330
 
 
1331
 
.ues-spin {
1332
1315
  -o-animation: ues-spin 0.75s linear infinite;
1333
1316
  -ms-animation: ues-spin 0.75s linear infinite;
1334
1317
  -moz-animation: ues-spin 0.75s linear infinite;
1336
1319
  animation: ues-spin 0.75s linear infinite;
1337
1320
}
1338
1321
 
1339
 
.ues-spin.smaller {
 
1322
.ues-icon-spinner.smaller {
 
1323
  background-size: 32px 16px;
 
1324
  width: 16px;
 
1325
  height: 16px;
1340
1326
  -o-animation: ues-spin 0.5s linear infinite;
1341
1327
  -ms-animation: ues-spin 0.5s linear infinite;
1342
1328
  -moz-animation: ues-spin 0.5s linear infinite;
1344
1330
  animation: ues-spin 0.5s linear infinite;
1345
1331
}
1346
1332
 
 
1333
.ues-icon-spinner.orange {
 
1334
  background-position: -36px 0;
 
1335
}
 
1336
 
 
1337
.ues-icon-spinner.smaller.orange {
 
1338
  background-position: -16px 0;
 
1339
}
 
1340
 
1347
1341
@keyframes ues-spin {
1348
1342
  100% {
1349
1343
    -webkit-transform: rotate(360deg);