mirror of
https://github.com/freeCodeCamp/freeCodeCamp.git
synced 2026-10-28 02:05:53 +08:00
Stuart Taylor
a76c8aff5a
* chore(names): Certificate -> Certification * fix(style): Profile Certs alignment and font-size * fix(button): Remove user icon * fix(style): Adjust profile timeline UI * fix(style): General account settings style fixes * chore(updateEmail): Remove update email until we sort out auth0 * fix(copy): website -> personal website * fix(copy): profile -> portfolio * feat(home): Add legacy certs to user home page * fix(copy): Change Honest settings copy * fix(cert-settings): Filter out 'take home's * fix(copy): next lesson -> next coding challenge * fix(alignment): Align portfolio item settings' buttons
102 lines
1.3 KiB
Plaintext
102 lines
1.3 KiB
Plaintext
// should be the same as the filename and ./ns.json
|
|
@ns: profile;
|
|
|
|
.avatar-container {
|
|
margin: 0 auto;
|
|
text-align: center;
|
|
.avatar {
|
|
height: 180px;
|
|
}
|
|
}
|
|
|
|
.solution-viewer {
|
|
background-color: #fff;
|
|
}
|
|
|
|
.bigger-text {
|
|
font-size: 1.7rem;
|
|
}
|
|
|
|
.bio {
|
|
text-align: center;
|
|
}
|
|
|
|
.name, .location, .bio, .points {
|
|
font-size: 2rem;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.@{ns}-container {
|
|
|
|
a:hover {
|
|
text-decoration: none;
|
|
text-decoration-line: none;
|
|
}
|
|
|
|
.full-size {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
flex-direction: column;
|
|
}
|
|
.row {
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.social-media-icons {
|
|
a {
|
|
&:first-child {
|
|
margin-left: 0;
|
|
}
|
|
|
|
margin-left: 32px;
|
|
}
|
|
}
|
|
|
|
h2, h3 {
|
|
&.name, &.username, &.points, &.location {
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
}
|
|
|
|
.portfolio-description {
|
|
height: 62px;
|
|
}
|
|
|
|
.timeline-container {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
#cal-heatmap {
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
|
|
.streak-container {
|
|
display: flex;
|
|
justify-content: space-around;
|
|
align-items: center;
|
|
font-size: 18px;
|
|
}
|
|
|
|
.streak {
|
|
color: @brand-primary;
|
|
|
|
strong {
|
|
color: #333;
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
.night {
|
|
.@{ns}-container {
|
|
.streak {
|
|
strong {
|
|
color: #ccc;
|
|
}
|
|
}
|
|
}
|
|
} |