diff options
Diffstat (limited to 'design/sass')
| -rw-r--r-- | design/sass/_mixins.scss | 3 | ||||
| -rw-r--r-- | design/sass/_resume.scss | 160 | ||||
| -rw-r--r-- | design/sass/_src.scss | 10 | ||||
| -rw-r--r-- | design/sass/screenv9.scss | 1 |
4 files changed, 171 insertions, 3 deletions
diff --git a/design/sass/_mixins.scss b/design/sass/_mixins.scss index 5fafd95..1df6cad 100644 --- a/design/sass/_mixins.scss +++ b/design/sass/_mixins.scss @@ -55,6 +55,9 @@ $max_width: 1440px; font-family: Helvetica, sans-serif; font-weight: 600; } +@mixin fancy-serif { + font-family: Georgia, Palatino, serif; +} %clearfix { *zoom: 1; &:before { diff --git a/design/sass/_resume.scss b/design/sass/_resume.scss new file mode 100644 index 0000000..3a6b139 --- /dev/null +++ b/design/sass/_resume.scss @@ -0,0 +1,160 @@ +.head { + @extend %clearfix; + @include constrain(780px); + margin-top: 4em; +} +.resume main header { + width: 100%; + h1 { + @include fontsize(36); + text-transform: uppercase; + letter-spacing: 3px; + font-weight: 600; + line-height: 1; + margin-bottom: 0; + color: #444; + } + h2 { + margin-top: .5em !important; + @include fontsize(14); + text-transform: uppercase; + letter-spacing: 1px; + font-style: italic; + color: #333; + } + @include breakpoint(gamma) { + width: 60%; + float: left; + text-align: left; + margin-top: .5em; + } +} +.h-resume { + h3,h2 { + @include constrain_narrow; + text-align: left; + } + h3 { + font-family: sans-serif; + text-transform: uppercase; + letter-spacing: 1px; + font-size: 0.75rem; + margin-top: 4em; + margin-bottom: 3em; + border-bottom: 1px dotted #333; + } + h2 { + margin-top: 2.5em; + margin-bottom: .25em; + text-transform: uppercase; + letter-spacing: 1px; + font-size: 1rem; + } + h2 a, h2 a:visited { + text-decoration: none; + color: #444; + } +} +.meta { + @include constrain_narrow; + text-align: left; + margin-bottom: 1em; + time{ + display: inline; + } +} +.contact { + margin: 2em 0 1.5em; + @include constrain_narrow; + li { + display: block; + @extend %clearfix; + } + @include breakpoint(gamma) { + width: 160px; + float: right; + margin: 1.9em 0 1.5em; + li { + display: block; + } + } + h6, a { + font-size: 13px; + font-size: 0.8125rem; + line-height: 1.8; + margin: 0; + display: block; + float: left; + } + h6 { + font-size: 11px; + font-size: 0.6875rem; + line-height: 2.1; + text-transform: uppercase; + letter-spacing: 1px; + &:after { + content: ":"; + margin-right: 5px; + } + } + a { + font-family: sans-serif; + } +} +.publications-list { + list-style-type: none; + text-align: left; + @include constrain_narrow; + h2 { + @include smcaps; + @include fontsize(11); + font-weight: 400; + text-align: left; + border-bottom: 1px dotted #333; + margin-bottom: 2em; + &:first-of-type { + margin-top: 3em; + } + } + h3, time { + display: inline; + } + h3 { + @include fontsize(20); + @include fancy_serif; + } + time:before { + content: "\00a0 \00a0" + } + ul { + list-style-type: none; + } +} +.publisher { + margin-top: 1em; + margin-bottom: 1em; +} +.pub-title { + margin-bottom: 1.75em; + a { + color: $brown; + text-decoration: none; + font-weight: 400; + } +} +.resume h6 { + @include constrain_narrow; + text-align: left; + font-weight: 400; + @include fontsize(12); +} +.toc { + @include constrain_narrow; + text-align: left; + a { + color: $brown; + } + ul { + list-style-type: none; + } +} diff --git a/design/sass/_src.scss b/design/sass/_src.scss index 2c72313..7aeaa46 100644 --- a/design/sass/_src.scss +++ b/design/sass/_src.scss @@ -8,9 +8,9 @@ pre{ font-weight: 400; } .src-archive { + @include constrain_narrow; .topic-hed { @include fontsize(20); - @include constrain_narrow; margin-top: 1.5em; margin-bottom: 1.5em; @include breakpoint(beta) { @@ -25,7 +25,6 @@ pre{ } } h2 { - @include constrain_narrow; @include fontsize(22); font-weight: 400; margin-bottom: .25em; @@ -98,7 +97,12 @@ pre{ text-align: left; margin: 3.5rem 0 0; } - + h5 { + margin: 3rem 0 -1.5rem 0; + text-transform: uppercase; + @include fancy_sans; + text-align: left; + } } .highlight { diff --git a/design/sass/screenv9.scss b/design/sass/screenv9.scss index 5054281..d2adb37 100644 --- a/design/sass/screenv9.scss +++ b/design/sass/screenv9.scss @@ -12,3 +12,4 @@ @import "_leaflet.scss"; @import "_map.scss"; @import "_src.scss"; +@import "_resume.scss"; |