summaryrefslogtreecommitdiff
path: root/assets/stylesheets/site.scss
diff options
context:
space:
mode:
Diffstat (limited to 'assets/stylesheets/site.scss')
-rw-r--r--assets/stylesheets/site.scss256
1 files changed, 9 insertions, 247 deletions
diff --git a/assets/stylesheets/site.scss b/assets/stylesheets/site.scss
index ce30820..e36909d 100644
--- a/assets/stylesheets/site.scss
+++ b/assets/stylesheets/site.scss
@@ -1,250 +1,12 @@
---
---
-@import "normalize";
-@import "global";
-@import "960-responsive";
-// @import "syntax";
-
-body {
- font-family: $serif;
- font-size: 20px;
- color: $black;
-}
-
-h1, h2, h3, h4, h5, h6 {
- font-family: $sans;
- font-weight: 200;
- margin-top: 1em;
- margin-bottom: 0.5em;
- text-align: center;
- padding-left: 10%;
- padding-right: 10%;
-}
-
-a {
- color: $red;
- text-decoration: none;
- @include transition(color, $link-fade-time, ease);
-
- &:hover {
- color: darken($red, $link-darken-amount);
- }
-
- &.project {
- color: $blue;
- &:hover {
- color: darken($blue, $link-darken-amount);
- }
- }
-
- &.post {
- color: $magenta;
- &:hover {
- color: darken($magenta, $link-darken-amount);
- }
- }
-}
-
-p {
- line-height: 2em;
- margin-bottom: 2em;
- margin-top: 2em;
-}
-
-pre {
- margin-bottom: 2em;
- margin-top: 2em;
-}
-
-blockquote {
- width: 80%;
- margin-right: auto;
- margin-left: auto;
- margin-top: 0;
- margin-bottom: 0;
- position: relative;
-
- quotes: "\201C""\201D""\2018""\2019";
-
- &:before {
- content: open-quote;
- color: $base1;
- font-size: 4em;
- margin: 0;
- padding: 0;
- line-height: 0;
- position: absolute;
- left: -0.7em;
- top: 0.5em;
- font-family: $monospace;
- }
-}
-
-table {
- margin-top: 1em;
- margin-bottom: 1em;
-}
-
-table.data-table td {
- font-size: 0.8em;
- padding: 0.5em;
- vertical-align: top;
-}
-
-ul {
- list-style-type: square;
-}
-
-ul, ol {
- margin-left: 2em;
- margin-bottom: 1em;
-}
-
-li {
- margin-bottom: 1em;
-}
-
-code {
- font-family: $monospace;
- font-size: 0.8em;
- // color: $base1;
-}
-
-kbd {
- font-size: 0.7em;
- border: 1px solid $base1;
- border-radius: 3px;
- padding: 1px 5px;
- border-bottom-width: 2px;
- color: $base01;
- font-family: $monospace;
-}
-
-footer {
- font-family: $monospace;
- text-align: center;
- border-top: 2px solid $base1;
- padding-top: 1em;
- padding-bottom: 1em;
- font-size: 0.8em;
- @include transition(color, $link-fade-time, ease);
- color: $base1;
-
- a {
- color: $base1;
- }
-
- &:hover {
- color: $black;
-
- a {
- color: $red;
- &:hover {
- color: darken($red, $link-darken-amount);
- }
- }
- }
-}
-
-hr {
- width: 20%;
- border-width: 2px;
- border-style: solid none none none;
- border-color: $base1;
-}
-
-aside {
- // font-style: italic;
- width: 80%;
- margin-left: auto;
- margin-right: auto;
- text-align: center;
- color: $base01;
-}
-
-header {
- a {
- font-family: $sans;
- font-weight: 200;
- color: $white;
- display: block;
- border: none;
- text-align: center;
- padding: 0.5em;
- @include transition(all, $link-fade-time, ease);
-
- &:hover {
- color: $white;
- }
- }
-
- .projects {
- @include nav_button($blue);
- }
-
- .posts {
- @include nav_button($magenta);
- }
-
- .github {
- @include nav_button($green);
- }
-
- .resume {
- @include nav_button($orange);
- }
-}
-
-.about {
- width: 80%;
- margin-left: auto;
- margin-right: auto;
-}
-
-.portrait {
- width: 200px;
- height: 200px;
- margin-top: 2em;
- margin-left: auto;
- margin-right: auto;
- background-image: url('/assets/images/ben_circle.png');
- background-repeat: no-repeat;
-}
-
-.center {
- text-align: center;
-}
-
-.right {
- text-align: right;
-}
-
-.date {
- // margin-bottom: 1em;
- font-family: $monospace;
- // font-weight: 200;
- color: $base1;
- text-align: center;
-}
-
-article {
- img {
- max-width: 100%;
- }
-}
-
-@media print {
- body {
- color: #000;
- }
-
- a {
- color: #000;
- }
-
- header, footer {
- display: none;
- visibility: hidden;
- }
-}
+@import "mixins";
+@import "variables";
+@import "utility";
+@import "respond";
+@import "base";
+@import "typography";
+@import "brand";
+@import "font-awesome/font-awesome";
+@import "print"