FIX colors as vars
This commit is contained in:
parent
6150d916e1
commit
1280758d72
2
public/style.min.css
vendored
2
public/style.min.css
vendored
File diff suppressed because one or more lines are too long
@ -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) {
|
||||
|
||||
@ -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;
|
||||
|
||||
@ -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;
|
||||
}
|
||||
|
||||
|
||||
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -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);
|
||||
|
||||
@ -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;
|
||||
}
|
||||
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user