spike out styling
This commit is contained in:
+2
-2
@@ -11,7 +11,7 @@ html {
|
||||
}
|
||||
|
||||
body{
|
||||
@include sans;
|
||||
@include serif;
|
||||
color: $text_color;
|
||||
font-size: 16px;
|
||||
line-height: 1.5;
|
||||
@@ -21,7 +21,7 @@ body{
|
||||
.wrapper:after { content:""; display:table; }
|
||||
.wrapper:after { clear: both; }
|
||||
.wrapper {
|
||||
max-width: 1084px;
|
||||
max-width: 680px;
|
||||
padding: 0 30px;
|
||||
margin: 0 auto;
|
||||
zoom: 1;
|
||||
|
||||
+15
-1
@@ -55,7 +55,7 @@
|
||||
// type utilities
|
||||
|
||||
@mixin sans {
|
||||
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
}
|
||||
|
||||
@mixin sans_light {
|
||||
@@ -81,4 +81,18 @@
|
||||
@mixin sans_extrabold {
|
||||
@include sans;
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
@mixin serif {
|
||||
font-family: "Lora", "Minion Pro", Palatino, Georgia, serif;
|
||||
}
|
||||
|
||||
@mixin serif_regular {
|
||||
@include serif;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
@mixin serif_bold {
|
||||
@include serif;
|
||||
font-weight: 700;
|
||||
}
|
||||
+61
-2
@@ -1,2 +1,61 @@
|
||||
// Home styles
|
||||
// ---------------------------------------/
|
||||
// Resme styles
|
||||
// ---------------------------------------/
|
||||
|
||||
// util
|
||||
|
||||
.section-header {
|
||||
border-top: 4px solid #c7c7c7;
|
||||
border-bottom: 2px solid #c7c7c7;
|
||||
padding: .5rem 0;
|
||||
|
||||
h2 {
|
||||
@include sans;
|
||||
font-weight: 900;
|
||||
font-size: 1.75rem;
|
||||
letter-spacing: -.05rem;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
// page header styles
|
||||
|
||||
.page-header {
|
||||
padding: 1.5rem 0;
|
||||
|
||||
.avatar {
|
||||
width: 95px;
|
||||
max-width: 100%;
|
||||
overflow: hidden;
|
||||
@include border-radius(100px);
|
||||
margin: 0 auto;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.header-name {
|
||||
@include sans;
|
||||
font-size: 3rem;
|
||||
font-weight: 900;
|
||||
text-align: center;
|
||||
letter-spacing: -.15rem;
|
||||
line-height: 1;
|
||||
margin: 1rem 0 2rem;
|
||||
}
|
||||
|
||||
.title-bar {
|
||||
border-top: 4px solid #c7c7c7;
|
||||
border-bottom: 2px solid #c7c7c7;
|
||||
padding: .5rem 0;
|
||||
|
||||
.header-title {
|
||||
@include sans;
|
||||
font-weight: 300;
|
||||
font-size: 1.75rem;
|
||||
letter-spacing: -.05rem;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user