profile-header.scss 459 B

12345678910111213141516171819202122232425
  1. profile-header {
  2. .profile-banner {
  3. width: 100%;
  4. height: calc(100vw * 0.333333333);
  5. background-size: cover;
  6. position: relative;
  7. .svg-triangle {
  8. position: absolute;
  9. bottom: -1px;
  10. }
  11. }
  12. .avatar {
  13. border-radius: 50%;
  14. box-shadow: 0px 0px 4px 0px #777;
  15. position: absolute;
  16. bottom: -15px;
  17. left: 15px;
  18. width: 90px;
  19. }
  20. .follow-button {
  21. position: absolute;
  22. right: 16px;
  23. bottom: -8px;
  24. }
  25. }