write-tweet.scss 803 B

12345678910111213141516171819202122232425262728293031323334353637383940
  1. page-write-tweet {
  2. .padding-0 {
  3. padding: 0;
  4. }
  5. .actions {
  6. display: flex;
  7. flex-direction: row;
  8. align-items: center;
  9. justify-content: space-between;
  10. .progress {
  11. display: flex;
  12. align-items: center;
  13. .progress-stats {
  14. margin-left: 5px;
  15. }
  16. .background-stroke,
  17. .progress-stroke {
  18. fill: transparent;
  19. stroke-width: 2;
  20. stroke-dasharray: 50.2654825;
  21. transition: stroke-dashoffset 0.5s;
  22. -webkit-animation-play-state: running;
  23. }
  24. .background-stroke {
  25. stroke: #ddd;
  26. }
  27. .progress-stroke {
  28. stroke: blue;
  29. }
  30. }
  31. .network-switch {
  32. display: flex;
  33. align-items: center;
  34. margin-left: 16px;
  35. }
  36. }
  37. ion-icon.warning {
  38. color: orange;
  39. }
  40. }