reorganization of the tree structure
This commit is contained in:
@@ -0,0 +1,77 @@
|
||||
.experience-card {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
margin-bottom: 3rem;
|
||||
padding: 1.5rem;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.experience-card::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 25px;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
border-radius: 50%;
|
||||
background-color: #D95F46;
|
||||
border: 3px solid rgba(176, 176, 176, 0.2);
|
||||
}
|
||||
|
||||
|
||||
.experience-card-left {
|
||||
width: 50%;
|
||||
text-align: end;
|
||||
margin-right: 8rem;
|
||||
}
|
||||
|
||||
.experience-card-right {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.experience-company {
|
||||
color: #D95F46;
|
||||
font-size: 1.2rem;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.experience-role {
|
||||
font-size: 1.5rem;
|
||||
font-weight: bold;
|
||||
color: #EAEAEA;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.experience-location,
|
||||
.experience-duration {
|
||||
font-size: 0.95rem;
|
||||
color: #B0B0B0;
|
||||
margin: 0.25rem 0 0;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.experience-tasks {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin-top: 1rem;
|
||||
}
|
||||
|
||||
.experience-tasks li {
|
||||
position: relative;
|
||||
padding-left: 1.5rem;
|
||||
margin-bottom: 0.5rem;
|
||||
color: #B0B0B0;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.experience-tasks li::before {
|
||||
content: '›';
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
color: #D95F46;
|
||||
font-weight: bold;
|
||||
font-size: 1.2rem;
|
||||
line-height: 1;
|
||||
}
|
||||
Reference in New Issue
Block a user