SCSS-socialLogin

partials/socialLogin.scss

.social-login {
  max-width: 320px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  .social-login--github {
    margin-bottom: 20px;
    background-color: $black;
  }
  .social-login--kakao {
    margin-bottom: 20px;
    background-color: $kakao;
    a {
      color: #3c1e1e;
    }
  }
  i {
    margin-right: 10px;
  }
  a {
    color: white;
  }
}

View

http://localhost:5002/join

http://localhost:5002/

참고 자료

• 노마드 코더의 유튜브 클론 강의

소스 코드

https://github.com/zpskek/wetube-v3/commit/bd33ab5317eafd3b84d62b490e1d5fe6ce045e09