_base.scss 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. @import '_variables';
  2. @import '_mixins';
  3. @import 'card';
  4. @import 'photo-rail';
  5. .profile-tabs {
  6. @include panel(auto, 900px);
  7. .timeline-container {
  8. float: right;
  9. width: 68% !important;
  10. max-width: unset;
  11. }
  12. }
  13. .profile-banner {
  14. padding-bottom: 4px;
  15. a {
  16. display: inherit;
  17. line-height: 0;
  18. }
  19. img {
  20. width: 100%;
  21. }
  22. }
  23. .profile-banner-color {
  24. width: 100%;
  25. padding-bottom: 25%;
  26. }
  27. .profile-tab {
  28. padding: 0 4px 0 0;
  29. box-sizing: border-box;
  30. display: inline-block;
  31. font-size: 14px;
  32. text-align: left;
  33. vertical-align: top;
  34. max-width: 32%;
  35. top: 50px;
  36. }
  37. .profile-result .username {
  38. margin: 0 !important;
  39. }
  40. .profile-result .tweet-header {
  41. margin-bottom: unset;
  42. }
  43. @media(max-width: 600px) {
  44. .profile-tabs {
  45. width: 100vw;
  46. .timeline-container {
  47. width: 100% !important;
  48. .tab-item wide {
  49. flex-grow: 1.4;
  50. }
  51. }
  52. }
  53. .profile-tab {
  54. width: 100%;
  55. max-width: unset;
  56. position: initial !important;
  57. padding: 0;
  58. }
  59. }