profile-header.scss 360 B

12345678910111213141516171819
  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: -10px;
  17. left: 15px;
  18. }
  19. }