jsonresume-theme-elegant
Version:
Elegant theme for jsonresume
52 lines (43 loc) • 1.01 kB
text/less
@import "../variables";
@import "../mixins";
.card-skills {
position: relative;
}
.skill-level {
border-radius: 3px;
position: absolute;
top: 10px;
bottom: 10px;
left: 0;
width: 10px;
box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
.skill-progress {
position: absolute;
border-radius: 3px;
bottom: 0;
width: 100%;
-webkit-transition: height 1s ease;
&.beginner {
height: 50%; //Because, well begun is half done ;-)
background: @skill-beginner-color;
}
&.intermediate {
height: 70%;
background: @skill-intermediate-color;
}
&.advanced {
height: 80%;
background: @skill-advanced-color;
}
&.master {
height: 95%;
background: @skill-master-color;
}
}
}
.skill-info {
margin-left: 15px;
@media (max-width: @screen-phone) {
margin-left: 20px;
}
}