progress.module.css 826 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. /**
  2. * @file
  3. * Progress behavior.
  4. *
  5. * @see progress.js
  6. */
  7. .progress {
  8. position: relative;
  9. margin-top: 20px;
  10. }
  11. .progress__track {
  12. background-color: #fff;
  13. margin-top: 10px;
  14. max-width: 100%;
  15. min-width: 100px;
  16. height: 16px;
  17. }
  18. .progress__bar {
  19. background-color: #000;
  20. height: 1.5em;
  21. width: 3%;
  22. min-width: 3%;
  23. max-width: 100%;
  24. }
  25. .progress__description,
  26. .progress__percentage {
  27. color: #555;
  28. overflow: hidden;
  29. font-size: 0.875em;
  30. margin-top: 0.2em;
  31. }
  32. .progress__description {
  33. float: left; /* LTR */
  34. }
  35. [dir="rtl"] .progress__description {
  36. float: right;
  37. }
  38. .progress__percentage {
  39. float: right; /* LTR */
  40. }
  41. [dir="rtl"] .progress__percentage {
  42. float: left;
  43. }
  44. .progress--small .progress__track {
  45. height: 7px;
  46. }
  47. .progress--small .progress__bar {
  48. height: 7px;
  49. background-size: 20px 20px;
  50. }