where i deviate from standard mastodon assets
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.

_mixins.scss 1.2KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. @mixin avatar-radius {
  2. border-radius: 4px;
  3. background: transparent no-repeat;
  4. background-position: 50%;
  5. background-clip: padding-box;
  6. }
  7. @mixin avatar-size($size: 48px) {
  8. width: $size;
  9. height: $size;
  10. background-size: $size $size;
  11. }
  12. @mixin search-input {
  13. outline: 0;
  14. box-sizing: border-box;
  15. width: 100%;
  16. border: 0;
  17. box-shadow: none;
  18. font-family: inherit;
  19. background: $ui-base-color;
  20. color: $darker-text-color;
  21. font-size: 14px;
  22. margin: 0;
  23. &::-moz-focus-inner {
  24. border: 0;
  25. }
  26. &::-moz-focus-inner,
  27. &:focus,
  28. &:active {
  29. outline: 0 !important;
  30. }
  31. &:focus {
  32. background: lighten($ui-base-color, 4%);
  33. }
  34. @media screen and (max-width: 600px) {
  35. font-size: 16px;
  36. }
  37. }
  38. @mixin search-popout {
  39. background: $simple-background-color;
  40. border-radius: 4px;
  41. padding: 10px 14px;
  42. padding-bottom: 14px;
  43. margin-top: 10px;
  44. color: $light-text-color;
  45. box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);
  46. h4 {
  47. text-transform: uppercase;
  48. color: $light-text-color;
  49. font-size: 13px;
  50. font-weight: 500;
  51. margin-bottom: 10px;
  52. }
  53. li {
  54. padding: 4px 0;
  55. }
  56. ul {
  57. margin-bottom: 10px;
  58. }
  59. em {
  60. font-weight: 500;
  61. color: $inverted-text-color;
  62. }
  63. }