Skip to content

Commit

Permalink
move some styles into partials (fixes #2)
Browse files Browse the repository at this point in the history
  • Loading branch information
Jon Ho committed Mar 31, 2017
1 parent 50a08b3 commit df68502
Show file tree
Hide file tree
Showing 11 changed files with 296 additions and 292 deletions.
2 changes: 1 addition & 1 deletion index.html
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@
<title>Jon Ho Resume</title>
<link rel="stylesheet" href="vendor/styles/normalize.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato">
<link rel="stylesheet" href="styles/resume.css">
<link rel="stylesheet" href="styles/styles.css">
</head>
<body>
<div class="resume">
Expand Down
6 changes: 6 additions & 0 deletions styles/_colors.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
$white: #fff;
$gray: #eee;
$shadow: #ddd;
$black: #000;
$blue: #4d4dff;
$hyperlink-blue: #0645AD;
9 changes: 9 additions & 0 deletions styles/_globals.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,9 @@
html {
font-family: 'Lato', sans-serif;
font-size: 36px;
-webkit-font-smoothing: antialiased;
}

body {
background: $gray;
}
177 changes: 177 additions & 0 deletions styles/_resume-body.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,177 @@
.resume-body {
p {
margin: 0;
}

.resume-aside {
padding: 0 15px 0 5%;
float: left;
width: 20%;

p.topic {
font-size: .7em;
font-weight: 500;
text-transform: uppercase;
}

.subsection {
&:after {
content: "";
display: block;
width: 100%;
margin: 15px 0 0 0;
}

h1.title {
margin: 0;
font-size: .5em;
font-weight: 400;
text-transform: uppercase;
}

p.description {
margin: 0;
font-size: .37em;
font-weight: 300;

a {
text-decoration: none;
color: $hyperlink-blue;

&:visited {
color: $hyperlink-blue;
}
&:hover {
text-decoration: underline;
}
}
}
}
}

.resume-main {
padding: 0 5% 0 5%;
float: left;
width: 60%;

p.topic {
font-size: .7em;
font-weight: 500;
text-transform: uppercase;
}

.subsection {
&:after {
content: "";
display: block;
width: 100%;
margin: 15px 0 0 0;
}

ul.job {
margin: .12em 0;
padding: 0;
list-style-type: none;

li {
margin: .12em 0;
padding: 0;

ul:nth-child(1) {
margin: .12em 0;
padding: 0;

line-height: 0px;
font-size: .5em;
list-style-type: none;

li {
display: inline;
&:first-child {
text-transform: uppercase;
font-weight: 800;

&:after {
content: " \2223 ";
font-size: 1.5em;
font-weight: 100;
}
}

&:last-child {
text-transform: capitalize;
}
}
}

ul:nth-child(2) {
padding: 0;
font-size: .42em;
list-style-type: none;

li {
display: inline;

&:first-child {
text-transform: uppercase;
font-weight: 500;

&:after {
content: " \2223 ";
font-size: 1.5em;
}
}

&:last-child {
text-transform: capitalize;
}
}
}

ul:nth-child(3) {
font-size: .38em;

li {
margin: .12em 0;
list-style-type: disc;
}
}
}
}

ul.project-list {
margin: .12em 0;

font-size: .38em;

li {
margin: .12em 0;
list-style-type: disc;
}
}

h1.title {
margin: 0;
font-size: .5em;
font-weight: 800;
text-transform: uppercase;

a {
text-decoration: none;
color: $hyperlink-blue;

&:hover {
text-decoration: underline;
}
}
}

p.description {
margin: 0;
font-size: .38em;
font-weight: 300;
}
}
}
}

35 changes: 35 additions & 0 deletions styles/_resume-header.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,35 @@
.resume-header {
&:after {
content: "";
display: block;
height: 2px;
width: 100%;
background: $black;
margin: 15px 0 0 0;
}

padding: 15px 0 15px 0;
text-align: center;

a {
text-decoration: none;
color: $hyperlink-blue;
&:visited {
color: $hyperlink-blue;
}
&:hover {
text-decoration: underline;
}
}

.author {
font-size: 1em;
margin: 0;
}

.author-metadata {
font-size: .5em;
margin: 0;
}
}

9 changes: 9 additions & 0 deletions styles/_resume.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,9 @@
.resume {
width: 960px;
background: $white;
margin: 15px auto;
box-shadow: 5px 5px 5px $shadow;

@import 'resume-header';
@import 'resume-body';
}
7 changes: 0 additions & 7 deletions styles/resume.css.map

This file was deleted.

Loading

0 comments on commit df68502

Please sign in to comment.