lysande-jekyll-theme 0.0.1 → 1.0.0

data/_sass/_headandfoot.scss

@@ -0,0 +1,61 @@
+
+//header styles
+header {
+    overflow: auto;
+    background-color: white;
+
+    .wrapper {
+        margin: $center;
+        padding: $base-spacing / 2 0;
+        max-width: $content-width;
+
+    }
+
+    h1 {
+        float: left;
+    }
+
+    a:active, a:hover {
+        border-style: none;
+    }
+
+    aside {
+        float: right;
+
+        li {
+            margin: 1.5em 0.2em 0;
+        }
+
+        img {
+            height: $big-font-size;
+            width: auto;
+        }
+
+    }
+}
+
+//footer styles
+footer {
+    background-color: white;
+    width: 100%;
+    overflow: auto;
+    height: $base-sizing;
+    position:absolute;
+    bottom:0;
+    left:0;
+
+    a {
+        float: right;
+
+        img {
+            height: $base-sizing - 0.3em;
+            width: auto;
+        }
+    }
+
+    img {
+        height: $base-sizing / 2;
+        width: auto;
+        float: left;
+    }
+}

data/_sass/_menu.scss

@@ -0,0 +1,31 @@
+nav {
+    ul {
+        a, li {
+            text-align: center;
+            font-family: $navigation;
+        }
+
+        a:focus, a:hover, a:active {
+            border-bottom-style: solid;
+        }
+    }
+}
+
+.globalnav {
+    margin: $base-spacing 0;
+    height: 3em;
+
+    ul {
+        float: right;
+
+        a {
+            text-align: center;
+            margin-left: $base-spacing;
+            font-size: $big-font-size;
+        }
+
+        a.active {
+            border-bottom-style: solid;
+        }
+    }
+}

data/_sass/_projects.scss

@@ -0,0 +1,139 @@
+.projects-content {
+    section.many {
+        width: $content-width;
+        max-width: 75%;
+        float: none;
+        margin: $center;
+        margin-top: $base-sizing;
+        clear: both;
+
+        h2 {
+            font-size: $base-font-size * 2.2;
+            padding-left: $base-spacing / 2;
+        }
+
+        ul {
+
+            margin-top: $base-spacing * 2;
+            text-align: left;
+
+            li {
+                display: block;
+                text-align: justify;
+                margin: $base-spacing;
+                padding: $base-spacing / 2 0;
+                border-bottom-style: ridge;
+                border-width: $border-width;
+
+                h3 {
+                    margin-bottom: $base-spacing / 2;
+                    font-size: $base-font-size * 1.4;
+                }
+
+                a {
+                    display: block;
+                    font-weight: bold;
+                    text-align: right;
+                    padding-top: $base-spacing;
+                }
+
+                p:first-of-type {
+                    text-align: right;
+                    font-size: $small-font-size;
+                    font-style: italic;
+                }
+
+                a:hover, a:active, a:focus {
+                    border-bottom-style: none;
+                    text-decoration: underline;
+                }
+
+            }
+
+            li:last-of-type {
+                border-bottom-style: none;
+
+            }
+
+            img {
+                display: block;
+                margin: $center;
+                max-width: 15em;
+                height: auto;
+                padding: $base-spacing;
+            }
+
+        }
+
+    }
+
+        section.three {
+            @extend section, .many;
+
+            width: $content-width / 3;
+            max-width: 30%;
+            float: left;
+            clear: none;
+
+            ul {
+                border-right-style: ridge;
+                border-width: $border-width;
+
+                a {
+                    text-align: right;
+                }
+            }
+
+        }
+
+        section.three:last-of-type {
+            ul {
+                border-right-style: none;
+            }
+        }
+
+    section.two {
+        @extend section, .many;
+
+        width: $content-width / 2;
+        max-width: 45%;
+        float: left;
+        clear: none;
+
+        ul {
+            border-right-style: ridge;
+            border-width: $border-width;
+
+            a {
+                text-align: right;
+            }
+        }
+
+    }
+
+    section.two:last-of-type {
+        ul {
+            border-right-style: none;
+        }
+    }
+
+    section.one {
+        @extend section, .many;
+    }
+
+}
+
+
+
+nav.three, nav.many, nav.two {
+    width: $content-width;
+
+    li {
+            float: right;
+            padding: $base-spacing;
+        }
+    }
+
+nav.three, nav.two, nav.one {
+    display: none;
+}

data/_sass/_reset.scss

@@ -0,0 +1,21 @@
+* {
+    box-sizing: border-box;
+}
+
+html, body, div, span, h1, h2, p, a, em, img,
+small, strike, strong, b, u, i, center, dl, dt, dd, ol, ul, li,
+article, aside, figcaption, footer, header, hgroup, nav, section {
+    margin: 0;
+    padding: 0;
+    font-size: 100%;
+    text-decoration: none;
+    color: black;
+}
+
+article, aside, footer, header, hgroup, menu, nav, section {
+    display: block;
+}
+
+ol, ul {
+    list-style: none;
+}

data/_sass/_responsive.scss

@@ -0,0 +1,267 @@
+/*media queries*/
+
+
+//style
+@include laptop {
+    .content-wrapper {
+        max-width: 800px;
+    }
+
+    .header {
+        .wrapper {
+            overflow: auto;
+            max-width: 800px;
+            padding: $base-spacing;
+        }
+
+        h1 {
+            font-size: $big-font-size * 1.5;
+        }
+    }
+
+    nav.many {
+        max-width: 100%;
+    }
+
+        .blog {
+            .localnav {
+                width: 20%;
+            }
+        }
+
+        .post-wrapper {
+            .localnav {
+                width: 20%;
+            }
+        }
+    }
+
+
+@include small-laptop {
+
+    .globalnav {
+
+        max-width: $small-laptop-width;
+        text-align: center;
+
+        ul {
+            display: block;
+            float: none;
+
+            a {
+                margin-left: 0;
+                margin-right: $base-spacing;
+            }
+
+        }
+    }
+
+    header {
+        .wrapper {
+            max-width: $small-laptop-width;
+            text-align: center;
+        }
+
+        h1, aside {
+            display: block;
+            float: none;
+        }
+    }
+
+    .projects-content {
+
+        section.three {
+            width: $content-width;
+            max-width: 75%;
+            float: none;
+            margin: $center;
+            margin-top: $base-spacing * 2;
+            clear: both;
+
+            ul {
+                border-right-style: none;
+
+                a {
+                    text-align: left;
+                }
+
+            }
+        }
+
+        section.three:last-of-type {
+            border-bottom-style: none;
+        }
+    }
+
+    nav.three, nav.many {
+        width: $content-width;
+        max-width: 75%;
+        float: none;
+        margin: $center;
+        display: block;
+    }
+
+    .blog {
+        .localnav {
+
+            li, a, h3 {
+                text-align: left;
+                padding-right: $base-spacing;
+            }
+        }
+
+        #posts {
+            width: 75%;
+        }
+    }
+
+    .post-wrapper {
+        .localnav {
+
+            li, a, h3 {
+                text-align: left;
+                padding-right: $base-spacing;
+            }
+        }
+
+        .post {
+            width: 75%;
+        }
+    }
+}
+
+@include tablet {
+
+    .globalnav {
+        ul {
+            li {
+                a {
+                    font-size: 1.5em;
+                }
+            }
+        }
+    }
+
+    .projects-content {
+        section.many, section.three, section.two {
+            max-width: 100%;
+        }
+
+        section.two {
+            width: $content-width;
+            max-width: 75%;
+            float: none;
+            margin: $center;
+            margin-top: $base-spacing * 2;
+            clear: both;
+
+            ul {
+                border-right-style: none;
+
+                a {
+                    text-align: left;
+                }
+
+            }
+        }
+
+        section.three:last-of-type {
+            border-bottom-style: none;
+        }
+    }
+
+        .blog {
+            .localnav {
+                display: none;
+                width: 0;
+            }
+
+            #posts {
+                width: 100%;
+            }
+        }
+
+        .post-wrapper {
+            .localnav {
+                display: none;
+                width: 0;
+            }
+
+            .post {
+                width: 100%;
+                padding: 2em;
+
+                h2 {
+                    font-size: $base-font-size * 1.6;
+                }
+
+                div {
+                    h3, h4, h5 {
+                        margin-left: 0;
+                        font-size: $base-font-size;
+                    }
+
+                    p {
+                        padding-left: 0;
+                    }
+                }
+            }
+        }
+
+    nav.two {
+        width: $content-width;
+        max-width: 75%;
+        float: none;
+        margin: $center;
+        display: block;
+    }
+
+    nav.many {
+        ul {
+            li {
+                display: block;
+                float: none;
+                margin: $base-spacing * 0.5;
+                padding: 0;
+            }
+        }
+
+    }
+    }
+
+@include phone {
+
+    .globalnav {
+        ul {
+            li {
+                a {
+                    font-size: 1em;
+                }
+            }
+        }
+    }
+
+    header {
+        font-size: 1em;
+
+        aside {
+
+            img {
+                height: 1.5em;
+                width: auto;
+            }
+        }
+    }
+
+    nav.many, nav.three, nav.two {
+        ul {
+            li {
+                display: block;
+                float: none;
+                margin: $base-spacing * 0.5;
+                padding: 0;
+            }
+        }
+
+    }
+}