You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

97 lines
1.3 KiB

7 years ago
  1. .button {
  2. background-color: #2b90d9;
  3. &:hover {
  4. background-color: #489fde;
  5. }
  6. &:disabled {
  7. background-color: #9baec8;
  8. }
  9. }
  10. .icon-button {
  11. color: #616b86;
  12. cursor: pointer;
  13. &:hover {
  14. color: #717b98;
  15. }
  16. &.disabled {
  17. color: #535b72;
  18. cursor: default;
  19. }
  20. &.active {
  21. color: #2b90d9;
  22. }
  23. }
  24. .compose-form__textarea, .follow-form__input {
  25. background: #fff;
  26. &:disabled {
  27. background: #d9e1e8;
  28. }
  29. }
  30. .status__content, .reply-indicator__content {
  31. font-size: 15px;
  32. line-height: 20px;
  33. white-space: pre-wrap;
  34. word-wrap: break-word;
  35. font-weight: 300;
  36. a {
  37. color: #d9e1e8;
  38. text-decoration: none;
  39. &:hover {
  40. text-decoration: underline;
  41. }
  42. &.mention {
  43. &:hover {
  44. text-decoration: none;
  45. span {
  46. text-decoration: underline;
  47. }
  48. }
  49. }
  50. }
  51. }
  52. .reply-indicator__content {
  53. color: #282c37;
  54. font-size: 14px;
  55. a {
  56. color: #535b72;
  57. }
  58. }
  59. .status__display-name, .status__relative-time {
  60. text-decoration: none;
  61. }
  62. .status__display-name {
  63. strong {
  64. color: #fff;
  65. }
  66. }
  67. .status__display-name, .reply-indicator__display-name {
  68. &:hover {
  69. strong {
  70. text-decoration: underline;
  71. }
  72. }
  73. }
  74. .status__relative-time {
  75. &:hover {
  76. text-decoration: underline;
  77. }
  78. }