FIX colors as vars

This commit is contained in:
unpregnant 2017-02-07 22:32:24 +01:00
parent 6150d916e1
commit 1280758d72
7 changed files with 49 additions and 31 deletions

File diff suppressed because one or more lines are too long

View File

@ -1,4 +1,8 @@
@fontSize: 20px;
@name: black;
@lightergrey: #616161;
@grey: #757575;
@whitegrey: #E0E0E0;
#resume1 {
font-family: 'Source Sans Pro', sans-serif;
@ -12,7 +16,7 @@
a:focus,
a:hover,
a:visited {
color: #616161;
color: @lightergrey;
}
span {
@ -51,7 +55,7 @@
}
.name {
border: 1px solid black;
border: 1px solid @name;
text-transform: uppercase;
padding: 10px 20px;
margin-top: 80px;
@ -66,7 +70,7 @@
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
font-size: smaller;
color: #757575;
color: @grey;
margin-bottom: 40px;
}
@ -94,7 +98,7 @@
.experience {
.experience-block span {
width: 100%;
color: #616161;
color: @lightergrey;
&.company {
font-weight: bold;
@ -110,7 +114,7 @@
}
.education-block span {
color: #616161;
color: @lightergrey;
&.degree {
font-weight: bold;
@ -121,7 +125,7 @@
}
.skills-other {
color: #616161;
color: @lightergrey;
margin-bottom: 10px;
}
@ -135,13 +139,13 @@
.skill {
width: 100px;
color: #616161;
color: @lightergrey;
float: left;
}
.skill-bar {
float: right;
background: #E0E0E0;
background: @whitegrey;
overflow: hidden;
height: 8px;
border-radius: 3px;
@ -150,7 +154,7 @@
width: 249px;
.level {
background: #757575;
background: @grey;
height: 100%;
}
}
@ -161,12 +165,12 @@
text-align: right;
float: right;
margin-top: 5px;
color: #616161;
color: @lightergrey;
font-size: @fontSize;
i {
padding: 2px;
color: #616161;
color: @lightergrey;
}
tr td:nth-child(2) {

View File

@ -1,4 +1,6 @@
@dots: rgba(153, 153, 153, 0.6);
@links: black;
@skill: #333;
#resume2 {
font-family: 'Raleway', sans-serif;
@ -88,7 +90,7 @@
}
a {
color: black;
color: @links;
}
}
}
@ -150,7 +152,7 @@
height: 80px;
border-radius: 50%;
position: relative;
border: #333 1px solid;
border: @skill 1px solid;
margin: 3px;
float: left;
font-size: 13px;

View File

@ -1,4 +1,5 @@
@triangle: #006064;
@link: black;
#resume3 {
font-family: 'Open Sans Condensed', sans-serif;
@ -12,7 +13,7 @@
a,
a:focus,
a:hover {
color: black;
color: @link;
text-decoration: none;
}

View File

@ -2,6 +2,8 @@
@textDark: #222233;
@textLight: #554455;
@page4: #eaeaea;
@cardHeader: #CCC;
@skill: #223;
.resume4 {
background: @page4;
@ -42,7 +44,7 @@
width: 92%;
display: inline-block;
padding: 20px 4%;
border-bottom: #CCC 1px solid;
border-bottom: @cardHeader 1px solid;
i {
float: left;
@ -181,7 +183,7 @@
float: left;
width: 50%;
font-size: 18px;
color: #223;
color: @skill;
}
}
}

View File

@ -1,12 +1,15 @@
@pageBackground: #ECEFF1;
@background: #009688;
.resume5 {
background: #ECEFF1;
background: @pageBackground;
}
#resume5 {
.introduction {
height: 25%;
position: relative;
background: #009688;
background: @background;
.dp3 {
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);

View File

@ -1,5 +1,12 @@
@green: #1cb251;
@background: #171717;
@grey: #282828;
@grey2: #9a9a9a;
@grey3: #767676;
@circle: #c6c6c6;
.resume6 {
background: #171717;
background: @background;
font-family: 'TypoPRO Montserrat';
font-weight: 300;
}
@ -9,7 +16,7 @@
color: white;
h3 {
background: #1cb251;
background: @green;
margin: 0;
text-align: center;
font-weight: 300;
@ -27,7 +34,7 @@
.person-box {
width: 100%;
background: #282828;
background: @grey;
.img {
height: 300px;
@ -47,7 +54,7 @@
}
.person-position {
color: #767676;
color: @grey3;
width: 100%;
}
}
@ -60,13 +67,12 @@
margin-right: auto;
.skill-name {
color: #9a9a9a;
color: @grey2;
}
}
.skills-other {
color: rgba(154,154,154,.8);
text-align: center;
}
.skills-block {
@ -77,7 +83,7 @@
.skill-bar {
width: 100%;
background: #282828;
background: @grey;
height: 10px;
border-radius: 20px;
position: relative;
@ -87,7 +93,7 @@
.level {
width: 99%;
position: absolute;
background: #9a9a9a;
background: @grey2;
height: 10px;
}
}
@ -99,7 +105,7 @@
transform: translateX(-15px);
.circle {
background: #c6c6c6;
background: @circle;
height: 20px;
width: 20px;
border-radius: 50%;
@ -131,14 +137,14 @@
}
.row:first-child {
color: #9a9a9a;
color: @grey2;
}
}
}
.contact {
table {
color: #9a9a9a;
color: @grey2;
padding: 20px;
font-size: @fontSize;
font-weight: 300;
@ -147,7 +153,7 @@
a:focus,
a:hover,
a:visited {
color: #9a9a9a;
color: @grey2;
text-decoration: none;
}