diff options
Diffstat (limited to '_includes/inline.scss')
-rw-r--r-- | _includes/inline.scss | 220 |
1 files changed, 220 insertions, 0 deletions
diff --git a/_includes/inline.scss b/_includes/inline.scss new file mode 100644 index 0000000..24c2062 --- /dev/null +++ b/_includes/inline.scss @@ -0,0 +1,220 @@ +@import "fonts"; +@import "normalize"; +@import "global"; +@import "960-responsive"; +@import "syntax"; + +body { + font-family: $serif; + font-size: 20px; + color: $base02; +} + +h1, h2, h3, h4, h5, h6 { + font-family: $sans; + font-weight: 600; + margin-top: 0.5em; + margin-bottom: 0.5em; +} + +a { + color: $red; + text-decoration: none; + @include transition(color, 0.25s, linear); + + &:hover { + color: darken($red, 15%); + } +} + +footer { + font-family: $sans; + text-align: center; + padding-top: 2em; + padding-bottom: 2em; + text-transform: uppercase; + letter-spacing: 2px; + font-weight: 600; + font-size: 0.8em; +} + +header { + + font-family: $sans; + + a { + font-size: 1em; + font-weight: 600; + color: rgb(255, 255, 255); + display: block; + text-align: center; + padding-top: 0.5em; + padding-bottom: 0.5em; + + &:hover { + color: rgb(255, 255, 255); + } + } + + .projects { + @include nav_button($blue); + } + + .writing { + @include nav_button($magenta); + } + + .github { + @include nav_button($green); + } + + .resume { + @include nav_button($orange); + } +} + +.about { + text-align: center; + width: 80%; + margin-left: auto; + margin-right: auto; +} + +.portrait { + border-radius: 220px; + width: 220px; + height: 220px; + margin-top: 2em; + margin-left: auto; + margin-right: auto; + background-image: url('/assets/images/ben_circle.png'); + background-repeat: no-repeat; +} + +[class^="icon-"], +[class*=" icon-"] { + font-family: 'icomoon'; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + + font-size: 32px; + + /* Better Font Rendering =========== */ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +p { + line-height: 1.7em; + margin-bottom: 1.7em; +} + +pre { + margin-bottom: 1.5em; + border-left: 3px solid $base1; + padding-left: 1em; +} + + + +.project h1 a { + color: $blue; + &:hover { + color: darken($blue, 15%); + } +} + +.writing h1 a { + color: $magenta; + &:hover { + color: darken($magenta, 15%); + } +} + +.article { + + .date { + margin-bottom: 1em; + font-family: $sans; + font-weight: 600; + } + + img { + max-width: 100%; + } + + ul { + list-style-type: square; + } + + ul, ol { + margin-left: 2em; + margin-bottom: 1em; + } + + code { + font-family: $monospace; + font-size: 0.7em; + color: $base01; + } +} + +.social-buttons { + float: right; + + img { + height: 1em; + } +} + +//  +.icon-googleplus { + color: #DD4B39; +} + +//  +.icon-facebook { + color: #3b5998; +} + +//  +.icon-twitter { + color: #55ACEE; +} + +//  +.icon-tumblr { + color: rgb(44, 71, 98); +} + +//  +.icon-pinterest { + color: #CB2027; +} + +@media print { + body { + color: #000; + } + + a { + color: #000; + } + + code { + color: #999; + } + + header, footer { + display: none; + visibility: hidden; + } + + .social-buttons { + display: none; + } +} |