김채리

CSS update for join/log in

// i.fas.fa-location-arrow {
// display: flex;
// justify-content: center;
// align-items: center;
// width: 30px;
// height: auto;
// object-fit: cover;
// }
h3 {
display: flex;
justify-content: center;
align-items: center;
margin-top: 50px;
font-weight: 700;
font-family: "Roboto", sans-serif;
font-size: 30px;
opacity: 0.8;
}
a {
.login-github {
display: flex;
justify-content: center;
border-radius: 25px;
align-items: center;
margin-top: 30px;
height: 80px;
background-color: rgb(93, 32, 167);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.11), 0 2px 2px rgba(0, 0, 0, 0.11),
0 4px 4px rgba(0, 0, 0, 0.11), 0 6px 8px rgba(0, 0, 0, 0.11),
0 8px 16px rgba(0, 0, 0, 0.11);
font-family: "Raleway", sans-serif;
color: white;
font-size: 50px;
font-weight: 500;
font-family: "Roboto", sans-serif;
font-size: 25px;
}
}
.user-quote {
margin-top: 20px;
h2 {
font-size: 30px;
font-family: "Vollkorn", serif;
margin: 15px 0px;
}
h3 {
font-size: 15px;
display: flex;
margin-right: 100px;
flex-direction: row-reverse;
font-size: 20px;
opacity: 0.5;
font-family: "Vollkorn", serif;
}
}
label {
font-family: "Raleway", sans-serif;
font-size: 13px;
font-weight: bold;
padding: 10px;
}
.user-profile {
.user-profile__column {
img {
width: 100px;
height: 100px;
object-fit: cover;
}
.user-profile__link {
display: flex;
font-family: "Raleway", sans-serif;
flex-wrap: wrap;
font-weight: bold;
width: 5px;
color: rgb(92, 92, 221);
}
}
}
......
......@@ -10,6 +10,7 @@
@import "./screens/home.scss";
@import "./screens/editProfile.scss";
@import "./screens/userDetail.scss";
@import "./screens/join.scss";
// Defaults
......
......@@ -2,7 +2,7 @@ extends layouts/main
block content
i.fas.fa-location-arrow
h3 Start with GitHub!
h3 Join Us!
a(href="/auth/github")
.login-github
i.fab.fa-github
......
......@@ -4,6 +4,7 @@ block content
.user-quote
h2=quote
h3=author
hr
.user-profile
.user-profile__column
......