From 3c75e4dc9419e2f9390b4ac4f421008392ad048d Mon Sep 17 00:00:00 2001 From: Huy Tran Date: Sat, 28 Jul 2018 09:06:50 +1000 Subject: [PATCH] revises SCSS styles --- static-src/scss/hyde-hyde/_base.scss | 8 +++++ static-src/scss/hyde-hyde/_responsive.scss | 24 +++++++-------- static-src/scss/hyde-hyde/_variables.scss | 7 +++++ static/css/hyde-hyde.css | 35 ++++++++++++---------- static/css/hyde-hyde.css.map | 2 +- 5 files changed, 47 insertions(+), 29 deletions(-) diff --git a/static-src/scss/hyde-hyde/_base.scss b/static-src/scss/hyde-hyde/_base.scss index 0ef1cd5..7bdfcfe 100644 --- a/static-src/scss/hyde-hyde/_base.scss +++ b/static-src/scss/hyde-hyde/_base.scss @@ -1,3 +1,11 @@ +html, +body { + -webkit-text-size-adjust: 100%; // for iOS + box-direction: normal; + font-weight: 400; + line-height: 1.611em; // golden ratio +} + h1, h2, h3, diff --git a/static-src/scss/hyde-hyde/_responsive.scss b/static-src/scss/hyde-hyde/_responsive.scss index 26babc5..911be6b 100644 --- a/static-src/scss/hyde-hyde/_responsive.scss +++ b/static-src/scss/hyde-hyde/_responsive.scss @@ -1,9 +1,14 @@ // mobile ~320..480px // 320px ~ 16rem/16px ~ 18.8235/17px ~ 17.7778/18px // 480px ~ 30rem/16px ~ 28.2353rem/17px ~ 26.6667rem/18px -@media only screen and (min-device-width: 320px) and (max-device-width: 480px) { +@media (min-width: 320px) and (max-width: 767px) { .sidebar { - padding-top: .5rem; + li { + padding: .1rem 0; + } + } + .hidden-tablet { + display: none; } } @@ -12,9 +17,10 @@ @media (min-width: 768px) { html, body { - -webkit-text-size-adjust: 100%; // iOS - font-size: 16px; - box-direction: normal; + font-size: $small-device-font-size; + } + .hidden-tablet { + display: none; } .sidebar { bottom: 0; @@ -51,9 +57,6 @@ .project__title { margin-top: 0.2rem; } - .hidden-tablet { - display: none; - } .post--navigation { display: flex; justify-content: space-between; @@ -71,10 +74,7 @@ @media (min-width: 992px) { html, body { - text-size-adjust: none; - font-size: 17px; - font-weight: 400; - line-height: 1.611em; // golden ratio + font-size: $large-device-font-size; } .content { margin-left: 20rem; diff --git a/static-src/scss/hyde-hyde/_variables.scss b/static-src/scss/hyde-hyde/_variables.scss index ba3110b..6eecb0f 100644 --- a/static-src/scss/hyde-hyde/_variables.scss +++ b/static-src/scss/hyde-hyde/_variables.scss @@ -20,6 +20,8 @@ $brown: #8f5536; //https://www.client9.com/css-system-font-stack-sans-serif-v3 $root-font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Droid Sans", "Ubuntu", "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji","Segoe UI Emoji", "Segoe UI Symbol"; + +// poole compability $root-font-size: 17px; $root-line-height: 1.5; @@ -30,6 +32,11 @@ $border-color: #e5e5e5; $large-breakpoint: 38em; $large-font-size: 20px; +// end poole compability + +// hyde-hyde +$small-device-font-size: 16px; +$large-device-font-size: 18px; // https://www.client9.com/css-system-font-stack-monospace-v2 $code-font-family: "SF-Mono", "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Roboto Mono", "Ubuntu Mono", "Courier New", Courier, monospace; diff --git a/static/css/hyde-hyde.css b/static/css/hyde-hyde.css index 9e514a5..fcb14bc 100644 --- a/static/css/hyde-hyde.css +++ b/static/css/hyde-hyde.css @@ -106,6 +106,13 @@ footer { .related-posts li a:hover small { color: inherit; } +html, +body { + -webkit-text-size-adjust: 100%; + box-direction: normal; + font-weight: 400; + line-height: 1.611em; } + h1, h2, h3, @@ -131,7 +138,9 @@ h5 { font-size: 1rem; } figure { - width: 100%; } + width: 100%; + margin: 0; + padding: 0; } blockquote, .important, .warning { padding: .8889rem; @@ -565,16 +574,18 @@ body .gist td { max-width: 100%; height: auto; } -@media only screen and (min-device-width: 320px) and (max-device-width: 480px) { - .sidebar { - padding-top: .5rem; } } +@media (min-width: 320px) and (max-width: 767px) { + .sidebar li { + padding: .1rem 0; } + .hidden-tablet { + display: none; } } @media (min-width: 768px) { html, body { - -webkit-text-size-adjust: 100%; - font-size: 16px; - box-direction: normal; } + font-size: 16px; } + .hidden-tablet { + display: none; } .sidebar { bottom: 0; left: 0; @@ -601,8 +612,6 @@ body .gist td { width: 66.66666667%; } .project__title { margin-top: 0.2rem; } - .hidden-tablet { - display: none; } .post--navigation { display: flex; justify-content: space-between; } @@ -614,13 +623,7 @@ body .gist td { @media (min-width: 992px) { html, body { - -webkit-text-size-adjust: none; - -moz-text-size-adjust: none; - -ms-text-size-adjust: none; - text-size-adjust: none; - font-size: 17px; - font-weight: 400; - line-height: 1.611em; } + font-size: 18px; } .content { margin-left: 20rem; margin-right: 2rem; diff --git a/static/css/hyde-hyde.css.map b/static/css/hyde-hyde.css.map index 578b818..00b1c60 100644 --- a/static/css/hyde-hyde.css.map +++ b/static/css/hyde-hyde.css.map @@ -1 +1 @@ -{"version":3,"sources":["poole/_base.scss","hyde-hyde/_variables.scss","poole/_layout.scss","poole/_posts.scss","hyde-hyde/_base.scss","hyde-hyde/_mixins.scss","hyde-hyde/_theme.scss","hyde-hyde/_sidebar.scss","hyde-hyde/_list.scss","hyde-hyde/_post.scss","hyde-hyde/_code.scss","hyde-hyde/_gist.scss","hyde-hyde/_project.scss","hyde-hyde/_responsive.scss","hyde-hyde/_misc.scss"],"names":[],"mappings":"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","file":"hyde-hyde.css","sourcesContent":["// Body resets\n//\n// Update the foundational and global aspects of the page.\n\n* {\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n}\n\nhtml,\nbody {\n margin: 0;\n padding: 0;\n}\n\nhtml {\n font-family: $root-font-family;\n font-size: $root-font-size;\n line-height: $root-line-height;\n\n @media (min-width: $large-breakpoint) {\n font-size: $large-font-size;\n }\n}\n\nbody {\n color: $body-color;\n background-color: $body-bg;\n -webkit-text-size-adjust: 100%;\n -ms-text-size-adjust: 100%;\n}\n\n// No `:visited` state is required by default (browsers will use `a`)\na {\n color: $link-color;\n text-decoration: none;\n\n // `:focus` is linked to `:hover` for basic accessibility\n &:hover,\n &:focus {\n text-decoration: underline;\n }\n\n strong {\n color: inherit;\n }\n}\n\nimg {\n display: block;\n max-width: 100%;\n margin: 0 0 1rem;\n border-radius: 5px;\n}\n\ntable {\n margin-bottom: 1rem;\n width: 100%;\n font-size: 85%;\n border: 1px solid #e5e5e5;\n border-collapse: collapse;\n}\n\ntd,\nth {\n padding: .25rem .5rem;\n border: 1px solid #e5e5e5;\n}\n\nth {\n text-align: left;\n}\n\ntbody tr:nth-child(odd) td,\ntbody tr:nth-child(odd) th {\n background-color: #f9f9f9;\n}\n","$gray-0: #fafafa;\n$gray-1: #f9f9f9;\n$gray-2: #eee;\n$gray-3: #ddd;\n$gray-4: #ccc;\n$gray-4: #bbb;\n$gray-6: #878787;\n$gray-7: #767676;\n$gray-8: #515151;\n$gray-9: #313131;\n\n$white: #fff;\n$red: #ac4142;\n$orange: #d28445;\n$yellow: #f4bf75;\n$green: #90a959;\n$cyan: #75b5aa;\n$blue: #268bd2;\n$brown: #8f5536;\n\n//https://www.client9.com/css-system-font-stack-sans-serif-v3\n$root-font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Droid Sans\", \"Ubuntu\", \"Helvetica Neue\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\",\"Segoe UI Emoji\", \"Segoe UI Symbol\";\n$root-font-size: 17px;\n$root-line-height: 1.5;\n\n$body-color: $gray-8;\n$body-bg: #fff;\n\n$border-color: #e5e5e5;\n\n$large-breakpoint: 38em;\n$large-font-size: 20px;\n\n// https://www.client9.com/css-system-font-stack-monospace-v2\n$code-font-family: \"SF-Mono\", \"SFMono-Regular\", Menlo, Monaco, Consolas, \"Liberation Mono\", \"Roboto Mono\", \"Ubuntu Mono\", \"Courier New\", Courier, monospace;\n$code-font-size: .9rem;\n$code-fence-font-size: .9rem;\n$code-color: #bf616a;\n$code-background-color: #f9f2f4;\n$code-line-height: 1.4;\n\n$link-color: $blue;\n$link-hover-color: $body-color;\n\n$section__title-font-size: 2.15rem; \n\n$post__subtitle-font-size: 1.5rem;\n\n$meta-font-size: .8rem;\n$meta-font-weight: 300;\n$meta-color: $gray-6;\n\n$tag-background-color: $gray-2;\n$tag-color: #606570;\n\n$tag-font-size: .667rem;\n\n$item__date-color: #9a9a9a;\n$item__date-font-size: 1rem;\n\n$item__title-big-font-size: 1.785rem;\n\n$heading-font-weight: 400;\n$h1-font-size: 2.15rem;\n$h1-line-height: 1.25;\n$h2-font-size: 1.85rem;\n$h3-font-size: 1.5rem;\n$h4-font-size:1.3rem;\n$h5-font-size:1rem;\n\n$sidebar-color: #300030;\n\n$site__title-font-size: 3rem;\n\n$copyright-font-size: 0.7rem;\n\n// post navigation\n$post--navigation-color: #c2255c;\n\n// portfolio\n$project__title-font-size: $h2-font-size;\n$project__subtitle-font-size-big: $h3-font-size;\n$project__subtitle-font-size-small: $h4-font-size;\n$project__subtitle-font-style: italic;\n$project__subtitle-color: #778492;\n$ribbon-color: #276582;\n$ribbon-background-color: #479fc8;\n","// Layout\n//\n// Styles for managing the structural hierarchy of the site.\n\n.container {\n max-width: 38rem;\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n margin-left: auto;\n margin-right: auto;\n}\n\nfooter {\n margin-bottom: 2rem;\n}\n","// Posts and pages\n//\n// Each post is wrapped in `.post` and is used on default and post layouts. Each\n// page is wrapped in `.page` and is only used on the page layout.\n\n.page,\n.post {\n margin-bottom: 4em;\n\n li + li {\n margin-top: .25rem;\n }\n}\n\n// Blog post or page title\n.page-title,\n.post-title,\n.post-title a {\n color: #303030;\n}\n.page-title,\n.post-title {\n margin-top: 0;\n}\n\n// Meta data line below post title\n.post-date {\n display: block;\n margin-top: -.5rem;\n margin-bottom: 1rem;\n color: #9a9a9a;\n}\n\n\n// Related posts\n.related {\n padding-top: 2rem;\n padding-bottom: 2rem;\n margin-bottom: 2rem;\n border-top: 1px solid #eee;\n border-bottom: 1px solid #eee;\n}\n\n.related-posts {\n padding-left: 0;\n list-style: none;\n\n h3 {\n margin-top: 0;\n }\n\n li {\n small {\n font-size: 75%;\n color: #999;\n }\n\n a:hover {\n color: #268bd2;\n text-decoration: none;\n\n small {\n color: inherit;\n }\n }\n }\n}\n","h1,\nh2,\nh3,\nh4 {\n\tfont-weight: $heading-font-weight;\n}\n\nh1 {\n\tfont-size: $h1-font-size;\n\tline-height: $h1-line-height;\n\tmargin-bottom: 1rem;\n}\n\nh2 {\n\tfont-size: $h2-font-size;\n\tmargin-bottom: .5rem;\n}\n\nh3 {\n\tfont-size: $h3-font-size;\n}\n\nh4 {\n\tfont-size: $h4-font-size;\n}\n\nh5 {\n\tfont-size: $h5-font-size;\n}\n\nfigure {\n\twidth: 100%;\n}\n\n%quotebox {\n\tpadding: .8889rem;\n\tmargin-top: 1.4em;\n\tmargin-left: 0px;\n\tmargin-right: 0px;\n\tborder-radius: 6px;\n\tborder-left-width: 6px;\n\tborder-left-style: solid;\n\tborder-right: 6px solid transparent;\n\tborder-right-width: 6px;\n\tborder-right-style: solid;\n\tborder-right-color: rgba(0, 0, 0, 0) transparent;\n\tcolor: #7a7a7a;\n}\n\nblockquote {\n\tbackground-color: #fafafa;\n\tborder-left-color: #e6e6e6;\n\t@extend %quotebox;\n}\n\n.important {\n\tbackground-color: #fbf8e8;\n\tborder-left-color: #fee450;\n\t@extend %quotebox;\n}\n\n.warning {\n\tbackground-color: #f2dbdc;\n\tborder-left-color: #ae272f;\n\t@extend %quotebox;\n}\n\nkbd {\n\tfont-family: $root-font-family;\n\tpadding: 2px 7px;\n\tborder: 1px solid $gray-4;\n\tfont-size: 0.8em;\n\tline-height: 1.4;\n\tbackground-color: #f3f3f3;\n\tcolor: $gray-9;\n\tbox-shadow: 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 2px $white inset;\n\tborder-radius: 3px;\n\tdisplay: inline-block;\n\ttext-shadow: 0 1px 0 $white;\n\twhite-space: nowrap;\n}\n\na {\n\t//border-bottom: 1px dotted;\n\tcolor: $link-color;\n\ttext-decoration: none;\n\tword-wrap: break-word;\n\t&.sidebar-nav-item {\n\t\t&:hover {\n\t\t\t@include link-no-decoration();\n\t\t}\n\t\t&:focus {\n\t\t\t@include link-no-decoration();\n\t\t}\n\t}\n\t&:focus {\n\t\t@include link-hover();\n\t\t&.tag {\n\t\t\t@include link-no-decoration();\n\t\t}\n\t}\n\t&:hover {\n\t\t@include link-hover();\n\t\t&.tag {\n\t\t\t@include link-no-decoration();\n\t\t}\n\t}\n\t&.tag {\n\t\t@include link-no-decoration();\n\t}\n}\n\n.content {\n\tpadding-bottom: 2rem;\n\tpadding-top: 2rem;\n}\n","@mixin transform($string){\n\t-webkit-transform: $string;\n\t-moz-transform: \t $string;\n\t-ms-transform: \t\t $string;\n\t-o-transform: \t\t $string;\n}\n@mixin rotate($deg){\n\t-webkit-transform: rotate($deg);\n\t-moz-transform: \t rotate($deg);\n\t-ms-transform: \t\t rotate($deg);\n\t-o-transform: \t\t rotate($deg);\n}\n\n@mixin link-no-decoration() {\n\tborder-style: none;\n\ttext-decoration: none;\n}\n\n@mixin link-hover() {\n\tcolor: $link-hover-color;\n\tborder-bottom: 1px dotted $gray-4;\n\ttext-decoration: none;\n\tbackground: transparent;\n\tbackground-color: transparent;\n\tword-wrap: break-word;\n}\n",".theme-base-08 {\n\t.sidebar {\n\t\tbackground-color: #ac4142;\n\t}\n\t.content a {\n\t\tcolor: #ac4142;\n\t}\n\t.related-posts li a:hover {\n\t\tcolor: #ac4142;\n\t}\n}\n.theme-base-09 {\n\t.sidebar {\n\t\tbackground-color: #d28445;\n\t}\n\t.content a {\n\t\tcolor: #d28445;\n\t}\n\t.related-posts li a:hover {\n\t\tcolor: #d28445;\n\t}\n}\n.theme-base-0a {\n\t.sidebar {\n\t\tbackground-color: #f4bf75;\n\t}\n\t.content a {\n\t\tcolor: #f4bf75;\n\t}\n\t.related-posts li a:hover {\n\t\tcolor: #f4bf75;\n\t}\n}\n.theme-base-0b {\n\t.sidebar {\n\t\tbackground-color: #90a959;\n\t}\n\t.content a {\n\t\tcolor: #90a959;\n\t}\n\t.related-posts li a:hover {\n\t\tcolor: #90a959;\n\t}\n}\n.theme-base-0c {\n\t.sidebar {\n\t\tbackground-color: #75b5aa;\n\t}\n\t.content a {\n\t\tcolor: #75b5aa;\n\t}\n\t.related-posts li a:hover {\n\t\tcolor: #75b5aa;\n\t}\n}\n.theme-base-0d {\n\t.sidebar {\n\t\tbackground-color: #6a9fb5;\n\t}\n\t.content a {\n\t\tcolor: #6a9fb5;\n\t}\n\t.related-posts li a:hover {\n\t\tcolor: #6a9fb5;\n\t}\n}\n.theme-base-0e {\n\t.sidebar {\n\t\tbackground-color: #aa759f;\n\t}\n\t.content a {\n\t\tcolor: #aa759f;\n\t}\n\t.related-posts li a:hover {\n\t\tcolor: #aa759f;\n\t}\n}\n.theme-base-0f {\n\t.sidebar {\n\t\tbackground-color: #8f5536;\n\t}\n\t.content a {\n\t\tcolor: #8f5536;\n\t}\n\t.related-posts li a:hover {\n\t\tcolor: #8f5536;\n\t}\n}",".sidebar {\n background-color: $sidebar-color;\n color: rgb(255, 255, 255);\n color: rgba(255, 255, 255, 0.5);\n padding: 2rem 1rem;\n text-align: center;\n a {\n color: $gray-1;\n border: none;\n &:hover {\n color: $link-color;\n }\n &:focus {\n color: $link-color;\n }\n }\n .sidebar-about {\n text-align: center;\n }\n .author-image {\n display: block;\n margin-top: 4px;\n }\n}\n\n.sidebar-nav {\n text-align: center;\n list-style: none;\n margin-bottom: 2rem;\n margin-top: 2rem;\n padding-left: 0;\n}\n\n.sidebar-nav-item {\n display: block;\n line-height: 1.75;\n .active {\n font-weight: bold;\n }\n}\n.site__title {\n font-size: $site__title-font-size;\n margin-bottom: 0.5rem;\n a:hover {\n border: none;\n }\n}\n\n.site__description {\n font-size: 1.285rem;\n font-weight: 300;\n}\n\n.social {\n text-align: center;\n a {\n @include link-no-decoration();\n }\n}\n\n.img--circle {\n\tborder-radius: 50%;\n}\n\n.img--headshot {\n\theight: 115px;\n\twidth: 115px;\n}\n\n.img--caption {\n\tfont-style: italic;\n}\n\n.copyright {\n text-align: center;\n\tfont-size: $copyright-font-size;\n}\n","// for the list of posts\n\n.section__title {\n\tfont-size: $section__title-font-size;\n}\n\n.post-list__item {\n\tmargin-bottom: 3em;\n}\n\n.item__title--big {\n\tdisplay: block;\n\tfont-size: $item__title-big-font-size;\n\tline-height: 1.25;\n}\n\n.item__title--small {\n\tfont-size: 1rem;\n}\n\n.item__date {\n\tcolor: $item__date-color;\n\tdisplay: block;\n\tfont-size: $item__date-font-size;\n\tmargin-bottom: .2rem;\n\tmargin-top: .2rem;\n}\n",".post__meta {\n font-size: $meta-font-size;\n color: $meta-color;\n font-weight: $meta-font-weight;\n}\n\n.post__category {\n font-weight: bold;\n}\n\n.post__tag {\n background: $tag-background-color;\n border-radius: 2px;\n color: $tag-color;\n font-size: $tag-font-size;\n font-weight: bold;\n padding: 2px 6px;\n}\n\n.post__subtitle {\n display: block;\n font-size: $post__subtitle-font-size;\n font-style: italic;\n padding: 0 0 1rem 0;\n}\n\n.post--navigation {\n width: 800px;\n max-width: calc(100% - 0px);\n margin: 0 auto;\n margin-top: 60px;\n a {\n font-size: 0.8rem;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 15px;\n color: $post--navigation-color;\n border: 2px solid $post--navigation-color;\n line-height: 1.25;\n text-transform: uppercase;\n &:hover {\n padding: 14px;\n border-width: 3px;\n }\n &:nth-child(2) {\n margin-top: 10px;\n }\n &:first-child:last-child {\n width: 100%;\n }\n }\n .fa {\n font-size: 0.8rem;\n }\n .post--navigation-prev {\n text-align: left;\n .fa {\n padding-right: 10px;\n }\n }\n .post--navigation-next {\n text-align: right;\n .fa {\n padding-left: 10px;\n }\n }\n}\n.post--navigation-single a {\n text-transform: none;\n}\n\n#references {\n li {\n font-size: 0.9rem;\n }\n}\n","pre {\n\t//border: 1px solid $gray-1;\n\t//border-radius: 2px;\n\ttab-size: 2;\n\t//width: 111%;\n\t//margin-left: -11%;\n\t//padding-left: 9%;\n\t//padding-right: 2%;\n\t//background: #29292e;\n\tcode {\n\t\twhite-space: pre-wrap;\n\t}\n}\n\n%code-font {\n\tfont-family: $code-font-family;\n\tfont-size: $code-font-size;\n\t//line-height: $code-line-height;\n}\n\n%code-in-rounded-box {\n\tborder-radius: 4px;\n\tpadding: 2px 4px;\n\tcolor: $code-color;\n\tbackground-color: $code-background-color;\n}\n\n%code-style-codersblock {\n\tpadding: 2px 4px;\n\tborder: 1px dashed #adb5db;\n\tbackground-color: $gray-1;\n}\n\n//-code {\n//\twhite-space: pre-wrap;\n//\t@extend %code-font;\n//\t@extend %code-in-rounded-box;\n//}\n\ncode {\n\t@extend %code-font;\n\t@extend %code-style-codersblock;\n}\n\n// highlight.js\n.hljs {\n\tfont-size: $code-fence-font-size;\n\tfont-weight: 300;\n\twhite-space: pre;\n\tborder: 1px solid $gray-3;\n\tborder-radius: 4px;\n}\n","// https://codersblock.com/blog/customizing-github-gists\n/*\nbody .gist {\n\t.gist-file {\n\t\tmargin-bottom: 0;\n\t\tborder-radius: 0;\n\t}\n\t.gist-data {\n\t\tborder-bottom: none;\n\t\tborder-radius: 0;\n\t\tbackground-color: $gray-3;\n\t}\n\t.blob-wrapper {\n\t\tborder-radius: 0;\n\t}\n\t.highlight {\n\t\tbackground-color: transparent;\n\t\tfont-family: Droid Sans Mono, monospace;\n\t\tfont-size: 14px;\n\t\ttd {\n\t\t\tborder: none;\n\t\t\tpadding: 5px 15px !important;\n\t\t\tline-height: 1;\n\t\t\tfont-family: inherit;\n\t\t\tfont-size: inherit;\n\t\t}\n\t}\n\ttr {\n\t\t&:first-child td {\n\t\t\tpadding-top: 15px !important;\n\t\t}\n\t\t&:last-child td {\n\t\t\tpadding-bottom: 15px !important;\n\t\t}\n\t}\n\t.blob-num {\n\t\tcolor: #ced4da;\n\t\tbackground-color: #495057;\n\t\tpointer-events: none;\n\t}\n\t.gist-meta {\n\t\t//display: none;\n\t}\n}\n*/\nbody .gist {\n\t.gist-data {\n\t\tbackground-color: $gray-0;\n\t}\n\t.highlight {\n\t\tbackground-color: transparent;\n\t}\n\ttd {\n\t\tborder: none;\n\t}\n}\n",".portfolio__content {\n section {\n margin-bottom: 1.765rem;\n }\n}\n\n.portfolio__featured-project {\n margin: 0 0 1.765rem;\n img {\n margin: 0 0 1rem;\n box-shadow: 1px 1px $gray-2;\n }\n}\n\n.project__image {\n border: 1px solid $gray-2;\n box-shadow: 1px 1px $gray-2;\n}\n\n.project__title {\n margin-top: 1.765rem;\n letter-spacing: 1px;\n font-size: $project__title-font-size;\n}\n\n%subtitle {\n font-style: $project__subtitle-font-style;\n color: $project__subtitle-color;\n display: block;\n margin-top: 0.5rem;\n margin: 0 0 1rem;\n}\n\n.project__subtitle-big {\n @extend %subtitle;\n font-size: $project__subtitle-font-size-big;\n}\n\n.project__subtitle-small {\n @extend %subtitle;\n font-size: $project__subtitle-font-size-small;\n}\n\n.project__featured-image {\n position: relative;\n}\n\n.project__summary {\n margin-bottom: 1.765rem;\n text-align: left;\n}\n\n.divider {\n margin-bottom: 3.5rem;\n}\n.row-space {\n margin-bottom: 1rem;\n}\n\n// only needs some pieces from Bootstrap\n%col_extend {\n min-height: 1px;\n padding-left: 15px;\n padding-right: 15px;\n position: relative;\n}\n\n.row {\n margin-left: -15px;\n margin-right: -15px;\n}\n.col-xs-12 {\n width: 100%;\n @extend %col_extend;\n}\n.col-sm-4 {\n @extend %col_extend;\n}\n.col-md-4 {\n @extend %col_extend;\n}\n.col-sm-8 {\n @extend %col_extend;\n}\n.col-md-8 {\n @extend %col_extend;\n}\n\n.img-responsive {\n display: block;\n max-width: 100%;\n height: auto;\n}\n","// mobile ~320..480px\n// 320px ~ 16rem/16px ~ 18.8235/17px ~ 17.7778/18px\n// 480px ~ 30rem/16px ~ 28.2353rem/17px ~ 26.6667rem/18px\n@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {\n .sidebar {\n padding-top: .5rem;\n }\n}\n\n// tablet/medium device ~768px+\n// 768px ~ 48em/16px ~ 45.1765em/17px ~ 42.6667/18px\n@media (min-width: 768px) {\n html,\n body {\n -webkit-text-size-adjust: 100%; // iOS\n font-size: 16px;\n box-direction: normal;\n }\n .sidebar {\n bottom: 0;\n left: 0;\n position: fixed;\n text-align: left;\n top: 0;\n width: 18rem;\n }\n .sidebar-sticky {\n left: 1rem;\n position: absolute;\n right: 1rem;\n top: 1rem;\n }\n .content {\n margin-left: 20rem;\n margin-right: 2rem;\n max-width: 38rem;\n }\n .layout-reverse {\n .sidebar {\n left: auto;\n right: 0;\n }\n .content {\n margin-left: 2rem;\n margin-right: 20rem;\n }\n }\n .col-sm-8 {\n width: 66.66666667%;\n }\n .project__title {\n margin-top: 0.2rem;\n }\n .hidden-tablet {\n display: none;\n }\n .post--navigation {\n display: flex;\n justify-content: space-between;\n a {\n width: calc(50% - 10px);\n &:nth-child(2) {\n margin-top: 0;\n }\n }\n }\n}\n\n// Large devices (laptops/desktops, 992px and up) \n// ~ 62rem/16px ~ 58.3529rem/17px ~ 55.1111rem/18px\n@media (min-width: 992px) {\n html,\n body {\n text-size-adjust: none;\n font-size: 17px;\n font-weight: 400;\n line-height: 1.611em; // golden ratio\n }\n .content {\n margin-left: 20rem;\n margin-right: 2rem;\n max-width: 46.056rem;\n }\n .layout-reverse .content {\n margin-left: 4rem;\n margin-right: 22rem;\n }\n .col-md-4 {\n float: left;\n width: 33.33333333%;\n }\n .col-md-8 {\n float: left;\n width: 66.66666667%;\n }\n .portfolio-container {\n width: 1360px;\n }\n}\n\n// Large device ~1024px\n// 1024px ~ 64rem/16px ~ 60.2353rem/17px 56.8889rem/18px\n@media (min-width: 1024px) {\n // styles\n}\n","// some misc styles\n.element--center {\n\tdisplay: block;\n\tmargin-left: auto;\n\tmargin-right: auto;\n}\n\n.menu {\n\tbackground-color: #f3f3f3;\n\tcolor: #333;\n\tborder-radius: 2px;\n\tpadding: 1px 5px;\n}\t\n\n.text-center {\n\ttext-align: center;\n}\n\n.pull-right {\n\tfloat: right;\n}\n"]} \ No newline at end of file +{"version":3,"sources":["poole/_base.scss","hyde-hyde/_variables.scss","poole/_layout.scss","poole/_posts.scss","hyde-hyde/_base.scss","hyde-hyde/_mixins.scss","hyde-hyde/_theme.scss","hyde-hyde/_sidebar.scss","hyde-hyde/_list.scss","hyde-hyde/_post.scss","hyde-hyde/_code.scss","hyde-hyde/_gist.scss","hyde-hyde/_project.scss","hyde-hyde/_responsive.scss","hyde-hyde/_misc.scss"],"names":[],"mappings":"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","file":"hyde-hyde.css","sourcesContent":["// Body resets\n//\n// Update the foundational and global aspects of the page.\n\n* {\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n}\n\nhtml,\nbody {\n margin: 0;\n padding: 0;\n}\n\nhtml {\n font-family: $root-font-family;\n font-size: $root-font-size;\n line-height: $root-line-height;\n\n @media (min-width: $large-breakpoint) {\n font-size: $large-font-size;\n }\n}\n\nbody {\n color: $body-color;\n background-color: $body-bg;\n -webkit-text-size-adjust: 100%;\n -ms-text-size-adjust: 100%;\n}\n\n// No `:visited` state is required by default (browsers will use `a`)\na {\n color: $link-color;\n text-decoration: none;\n\n // `:focus` is linked to `:hover` for basic accessibility\n &:hover,\n &:focus {\n text-decoration: underline;\n }\n\n strong {\n color: inherit;\n }\n}\n\nimg {\n display: block;\n max-width: 100%;\n margin: 0 0 1rem;\n border-radius: 5px;\n}\n\ntable {\n margin-bottom: 1rem;\n width: 100%;\n font-size: 85%;\n border: 1px solid #e5e5e5;\n border-collapse: collapse;\n}\n\ntd,\nth {\n padding: .25rem .5rem;\n border: 1px solid #e5e5e5;\n}\n\nth {\n text-align: left;\n}\n\ntbody tr:nth-child(odd) td,\ntbody tr:nth-child(odd) th {\n background-color: #f9f9f9;\n}\n","$gray-0: #fafafa;\n$gray-1: #f9f9f9;\n$gray-2: #eee;\n$gray-3: #ddd;\n$gray-4: #ccc;\n$gray-4: #bbb;\n$gray-6: #878787;\n$gray-7: #767676;\n$gray-8: #515151;\n$gray-9: #313131;\n\n$white: #fff;\n$red: #ac4142;\n$orange: #d28445;\n$yellow: #f4bf75;\n$green: #90a959;\n$cyan: #75b5aa;\n$blue: #268bd2;\n$brown: #8f5536;\n\n//https://www.client9.com/css-system-font-stack-sans-serif-v3\n$root-font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Droid Sans\", \"Ubuntu\", \"Helvetica Neue\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\",\"Segoe UI Emoji\", \"Segoe UI Symbol\";\n\n// poole compability\n$root-font-size: 17px;\n$root-line-height: 1.5;\n\n$body-color: $gray-8;\n$body-bg: #fff;\n\n$border-color: #e5e5e5;\n\n$large-breakpoint: 38em;\n$large-font-size: 20px;\n// end poole compability\n\n// hyde-hyde\n$small-device-font-size: 16px;\n$large-device-font-size: 18px;\n\n// https://www.client9.com/css-system-font-stack-monospace-v2\n$code-font-family: \"SF-Mono\", \"SFMono-Regular\", Menlo, Monaco, Consolas, \"Liberation Mono\", \"Roboto Mono\", \"Ubuntu Mono\", \"Courier New\", Courier, monospace;\n$code-font-size: .9rem;\n$code-fence-font-size: .9rem;\n$code-color: #bf616a;\n$code-background-color: #f9f2f4;\n$code-line-height: 1.4;\n\n$link-color: $blue;\n$link-hover-color: $body-color;\n\n$section__title-font-size: 2.15rem; \n\n$post__subtitle-font-size: 1.5rem;\n\n$meta-font-size: .8rem;\n$meta-font-weight: 300;\n$meta-color: $gray-6;\n\n$tag-background-color: $gray-2;\n$tag-color: #606570;\n\n$tag-font-size: .667rem;\n\n$item__date-color: #9a9a9a;\n$item__date-font-size: 1rem;\n\n$item__title-big-font-size: 1.785rem;\n\n$heading-font-weight: 400;\n$h1-font-size: 2.15rem;\n$h1-line-height: 1.25;\n$h2-font-size: 1.85rem;\n$h3-font-size: 1.5rem;\n$h4-font-size:1.3rem;\n$h5-font-size:1rem;\n\n$sidebar-color: #300030;\n\n$site__title-font-size: 3rem;\n\n$copyright-font-size: 0.7rem;\n\n// post navigation\n$post--navigation-color: #c2255c;\n\n// portfolio\n$project__title-font-size: $h2-font-size;\n$project__subtitle-font-size-big: $h3-font-size;\n$project__subtitle-font-size-small: $h4-font-size;\n$project__subtitle-font-style: italic;\n$project__subtitle-color: #778492;\n$ribbon-color: #276582;\n$ribbon-background-color: #479fc8;\n","// Layout\n//\n// Styles for managing the structural hierarchy of the site.\n\n.container {\n max-width: 38rem;\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n margin-left: auto;\n margin-right: auto;\n}\n\nfooter {\n margin-bottom: 2rem;\n}\n","// Posts and pages\n//\n// Each post is wrapped in `.post` and is used on default and post layouts. Each\n// page is wrapped in `.page` and is only used on the page layout.\n\n.page,\n.post {\n margin-bottom: 4em;\n\n li + li {\n margin-top: .25rem;\n }\n}\n\n// Blog post or page title\n.page-title,\n.post-title,\n.post-title a {\n color: #303030;\n}\n.page-title,\n.post-title {\n margin-top: 0;\n}\n\n// Meta data line below post title\n.post-date {\n display: block;\n margin-top: -.5rem;\n margin-bottom: 1rem;\n color: #9a9a9a;\n}\n\n\n// Related posts\n.related {\n padding-top: 2rem;\n padding-bottom: 2rem;\n margin-bottom: 2rem;\n border-top: 1px solid #eee;\n border-bottom: 1px solid #eee;\n}\n\n.related-posts {\n padding-left: 0;\n list-style: none;\n\n h3 {\n margin-top: 0;\n }\n\n li {\n small {\n font-size: 75%;\n color: #999;\n }\n\n a:hover {\n color: #268bd2;\n text-decoration: none;\n\n small {\n color: inherit;\n }\n }\n }\n}\n","html,\nbody {\n\t-webkit-text-size-adjust: 100%; // for iOS\n\tbox-direction: normal;\n\tfont-weight: 400;\n\tline-height: 1.611em; // golden ratio\n}\n\nh1,\nh2,\nh3,\nh4 {\n\tfont-weight: $heading-font-weight;\n}\n\nh1 {\n\tfont-size: $h1-font-size;\n\tline-height: $h1-line-height;\n\tmargin-bottom: 1rem;\n}\n\nh2 {\n\tfont-size: $h2-font-size;\n\tmargin-bottom: .5rem;\n}\n\nh3 {\n\tfont-size: $h3-font-size;\n}\n\nh4 {\n\tfont-size: $h4-font-size;\n}\n\nh5 {\n\tfont-size: $h5-font-size;\n}\n\nfigure {\n\twidth: 100%;\n\tmargin: 0;\n\tpadding: 0;\n}\n\n%quotebox {\n\tpadding: .8889rem;\n\tmargin-top: 1.4em;\n\tmargin-left: 0px;\n\tmargin-right: 0px;\n\tborder-radius: 6px;\n\tborder-left-width: 6px;\n\tborder-left-style: solid;\n\tborder-right: 6px solid transparent;\n\tborder-right-width: 6px;\n\tborder-right-style: solid;\n\tborder-right-color: rgba(0, 0, 0, 0) transparent;\n\tcolor: #7a7a7a;\n}\n\nblockquote {\n\tbackground-color: #fafafa;\n\tborder-left-color: #e6e6e6;\n\t@extend %quotebox;\n}\n\n.important {\n\tbackground-color: #fbf8e8;\n\tborder-left-color: #fee450;\n\t@extend %quotebox;\n}\n\n.warning {\n\tbackground-color: #f2dbdc;\n\tborder-left-color: #ae272f;\n\t@extend %quotebox;\n}\n\nkbd {\n\tfont-family: $root-font-family;\n\tpadding: 2px 7px;\n\tborder: 1px solid $gray-4;\n\tfont-size: 0.8em;\n\tline-height: 1.4;\n\tbackground-color: #f3f3f3;\n\tcolor: $gray-9;\n\tbox-shadow: 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 2px $white inset;\n\tborder-radius: 3px;\n\tdisplay: inline-block;\n\ttext-shadow: 0 1px 0 $white;\n\twhite-space: nowrap;\n}\n\na {\n\t//border-bottom: 1px dotted;\n\tcolor: $link-color;\n\ttext-decoration: none;\n\tword-wrap: break-word;\n\t&.sidebar-nav-item {\n\t\t&:hover {\n\t\t\t@include link-no-decoration();\n\t\t}\n\t\t&:focus {\n\t\t\t@include link-no-decoration();\n\t\t}\n\t}\n\t&:focus {\n\t\t@include link-hover();\n\t\t&.tag {\n\t\t\t@include link-no-decoration();\n\t\t}\n\t}\n\t&:hover {\n\t\t@include link-hover();\n\t\t&.tag {\n\t\t\t@include link-no-decoration();\n\t\t}\n\t}\n\t&.tag {\n\t\t@include link-no-decoration();\n\t}\n}\n\n.content {\n\tpadding-bottom: 2rem;\n\tpadding-top: 2rem;\n}\n","@mixin transform($string){\n\t-webkit-transform: $string;\n\t-moz-transform: \t $string;\n\t-ms-transform: \t\t $string;\n\t-o-transform: \t\t $string;\n}\n@mixin rotate($deg){\n\t-webkit-transform: rotate($deg);\n\t-moz-transform: \t rotate($deg);\n\t-ms-transform: \t\t rotate($deg);\n\t-o-transform: \t\t rotate($deg);\n}\n\n@mixin link-no-decoration() {\n\tborder-style: none;\n\ttext-decoration: none;\n}\n\n@mixin link-hover() {\n\tcolor: $link-hover-color;\n\tborder-bottom: 1px dotted $gray-4;\n\ttext-decoration: none;\n\tbackground: transparent;\n\tbackground-color: transparent;\n\tword-wrap: break-word;\n}\n",".theme-base-08 {\n\t.sidebar {\n\t\tbackground-color: #ac4142;\n\t}\n\t.content a {\n\t\tcolor: #ac4142;\n\t}\n\t.related-posts li a:hover {\n\t\tcolor: #ac4142;\n\t}\n}\n.theme-base-09 {\n\t.sidebar {\n\t\tbackground-color: #d28445;\n\t}\n\t.content a {\n\t\tcolor: #d28445;\n\t}\n\t.related-posts li a:hover {\n\t\tcolor: #d28445;\n\t}\n}\n.theme-base-0a {\n\t.sidebar {\n\t\tbackground-color: #f4bf75;\n\t}\n\t.content a {\n\t\tcolor: #f4bf75;\n\t}\n\t.related-posts li a:hover {\n\t\tcolor: #f4bf75;\n\t}\n}\n.theme-base-0b {\n\t.sidebar {\n\t\tbackground-color: #90a959;\n\t}\n\t.content a {\n\t\tcolor: #90a959;\n\t}\n\t.related-posts li a:hover {\n\t\tcolor: #90a959;\n\t}\n}\n.theme-base-0c {\n\t.sidebar {\n\t\tbackground-color: #75b5aa;\n\t}\n\t.content a {\n\t\tcolor: #75b5aa;\n\t}\n\t.related-posts li a:hover {\n\t\tcolor: #75b5aa;\n\t}\n}\n.theme-base-0d {\n\t.sidebar {\n\t\tbackground-color: #6a9fb5;\n\t}\n\t.content a {\n\t\tcolor: #6a9fb5;\n\t}\n\t.related-posts li a:hover {\n\t\tcolor: #6a9fb5;\n\t}\n}\n.theme-base-0e {\n\t.sidebar {\n\t\tbackground-color: #aa759f;\n\t}\n\t.content a {\n\t\tcolor: #aa759f;\n\t}\n\t.related-posts li a:hover {\n\t\tcolor: #aa759f;\n\t}\n}\n.theme-base-0f {\n\t.sidebar {\n\t\tbackground-color: #8f5536;\n\t}\n\t.content a {\n\t\tcolor: #8f5536;\n\t}\n\t.related-posts li a:hover {\n\t\tcolor: #8f5536;\n\t}\n}",".sidebar {\n background-color: $sidebar-color;\n color: rgb(255, 255, 255);\n color: rgba(255, 255, 255, 0.5);\n padding: 2rem 1rem;\n text-align: center;\n a {\n color: $gray-1;\n border: none;\n &:hover {\n color: $link-color;\n }\n &:focus {\n color: $link-color;\n }\n }\n .sidebar-about {\n text-align: center;\n }\n .author-image {\n display: block;\n margin-top: 4px;\n }\n}\n\n.sidebar-nav {\n text-align: center;\n list-style: none;\n margin-bottom: 2rem;\n margin-top: 2rem;\n padding-left: 0;\n}\n\n.sidebar-nav-item {\n display: block;\n line-height: 1.75;\n .active {\n font-weight: bold;\n }\n}\n.site__title {\n font-size: $site__title-font-size;\n margin-bottom: 0.5rem;\n a:hover {\n border: none;\n }\n}\n\n.site__description {\n font-size: 1.285rem;\n font-weight: 300;\n}\n\n.social {\n text-align: center;\n a {\n @include link-no-decoration();\n }\n}\n\n.img--circle {\n\tborder-radius: 50%;\n}\n\n.img--headshot {\n\theight: 115px;\n\twidth: 115px;\n}\n\n.img--caption {\n\tfont-style: italic;\n}\n\n.copyright {\n text-align: center;\n\tfont-size: $copyright-font-size;\n}\n","// for the list of posts\n\n.section__title {\n\tfont-size: $section__title-font-size;\n}\n\n.post-list__item {\n\tmargin-bottom: 3em;\n}\n\n.item__title--big {\n\tdisplay: block;\n\tfont-size: $item__title-big-font-size;\n\tline-height: 1.25;\n}\n\n.item__title--small {\n\tfont-size: 1rem;\n}\n\n.item__date {\n\tcolor: $item__date-color;\n\tdisplay: block;\n\tfont-size: $item__date-font-size;\n\tmargin-bottom: .2rem;\n\tmargin-top: .2rem;\n}\n",".post__meta {\n font-size: $meta-font-size;\n color: $meta-color;\n font-weight: $meta-font-weight;\n}\n\n.post__category {\n font-weight: bold;\n}\n\n.post__tag {\n background: $tag-background-color;\n border-radius: 2px;\n color: $tag-color;\n font-size: $tag-font-size;\n font-weight: bold;\n padding: 2px 6px;\n}\n\n.post__subtitle {\n display: block;\n font-size: $post__subtitle-font-size;\n font-style: italic;\n padding: 0 0 1rem 0;\n}\n\n.post--navigation {\n width: 800px;\n max-width: calc(100% - 0px);\n margin: 0 auto;\n margin-top: 60px;\n a {\n font-size: 0.8rem;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 15px;\n color: $post--navigation-color;\n border: 2px solid $post--navigation-color;\n line-height: 1.25;\n text-transform: uppercase;\n &:hover {\n padding: 14px;\n border-width: 3px;\n }\n &:nth-child(2) {\n margin-top: 10px;\n }\n &:first-child:last-child {\n width: 100%;\n }\n }\n .fa {\n font-size: 0.8rem;\n }\n .post--navigation-prev {\n text-align: left;\n .fa {\n padding-right: 10px;\n }\n }\n .post--navigation-next {\n text-align: right;\n .fa {\n padding-left: 10px;\n }\n }\n}\n.post--navigation-single a {\n text-transform: none;\n}\n\n#references {\n li {\n font-size: 0.9rem;\n }\n}\n","pre {\n\t//border: 1px solid $gray-1;\n\t//border-radius: 2px;\n\ttab-size: 2;\n\t//width: 111%;\n\t//margin-left: -11%;\n\t//padding-left: 9%;\n\t//padding-right: 2%;\n\t//background: #29292e;\n\tcode {\n\t\twhite-space: pre-wrap;\n\t}\n}\n\n%code-font {\n\tfont-family: $code-font-family;\n\tfont-size: $code-font-size;\n\t//line-height: $code-line-height;\n}\n\n%code-in-rounded-box {\n\tborder-radius: 4px;\n\tpadding: 2px 4px;\n\tcolor: $code-color;\n\tbackground-color: $code-background-color;\n}\n\n%code-style-codersblock {\n\tpadding: 2px 4px;\n\tborder: 1px dashed #adb5db;\n\tbackground-color: $gray-1;\n}\n\n//-code {\n//\twhite-space: pre-wrap;\n//\t@extend %code-font;\n//\t@extend %code-in-rounded-box;\n//}\n\ncode {\n\t@extend %code-font;\n\t@extend %code-style-codersblock;\n}\n\n// highlight.js\n.hljs {\n\tfont-size: $code-fence-font-size;\n\tfont-weight: 300;\n\twhite-space: pre;\n\tborder: 1px solid $gray-3;\n\tborder-radius: 4px;\n}\n","// https://codersblock.com/blog/customizing-github-gists\n/*\nbody .gist {\n\t.gist-file {\n\t\tmargin-bottom: 0;\n\t\tborder-radius: 0;\n\t}\n\t.gist-data {\n\t\tborder-bottom: none;\n\t\tborder-radius: 0;\n\t\tbackground-color: $gray-3;\n\t}\n\t.blob-wrapper {\n\t\tborder-radius: 0;\n\t}\n\t.highlight {\n\t\tbackground-color: transparent;\n\t\tfont-family: Droid Sans Mono, monospace;\n\t\tfont-size: 14px;\n\t\ttd {\n\t\t\tborder: none;\n\t\t\tpadding: 5px 15px !important;\n\t\t\tline-height: 1;\n\t\t\tfont-family: inherit;\n\t\t\tfont-size: inherit;\n\t\t}\n\t}\n\ttr {\n\t\t&:first-child td {\n\t\t\tpadding-top: 15px !important;\n\t\t}\n\t\t&:last-child td {\n\t\t\tpadding-bottom: 15px !important;\n\t\t}\n\t}\n\t.blob-num {\n\t\tcolor: #ced4da;\n\t\tbackground-color: #495057;\n\t\tpointer-events: none;\n\t}\n\t.gist-meta {\n\t\t//display: none;\n\t}\n}\n*/\nbody .gist {\n\t.gist-data {\n\t\tbackground-color: $gray-0;\n\t}\n\t.highlight {\n\t\tbackground-color: transparent;\n\t}\n\ttd {\n\t\tborder: none;\n\t}\n}\n",".portfolio__content {\n section {\n margin-bottom: 1.765rem;\n }\n}\n\n.portfolio__featured-project {\n margin: 0 0 1.765rem;\n img {\n margin: 0 0 1rem;\n box-shadow: 1px 1px $gray-2;\n }\n}\n\n.project__image {\n border: 1px solid $gray-2;\n box-shadow: 1px 1px $gray-2;\n}\n\n.project__title {\n margin-top: 1.765rem;\n letter-spacing: 1px;\n font-size: $project__title-font-size;\n}\n\n%subtitle {\n font-style: $project__subtitle-font-style;\n color: $project__subtitle-color;\n display: block;\n margin-top: 0.5rem;\n margin: 0 0 1rem;\n}\n\n.project__subtitle-big {\n @extend %subtitle;\n font-size: $project__subtitle-font-size-big;\n}\n\n.project__subtitle-small {\n @extend %subtitle;\n font-size: $project__subtitle-font-size-small;\n}\n\n.project__featured-image {\n position: relative;\n}\n\n.project__summary {\n margin-bottom: 1.765rem;\n text-align: left;\n}\n\n.divider {\n margin-bottom: 3.5rem;\n}\n.row-space {\n margin-bottom: 1rem;\n}\n\n// only needs some pieces from Bootstrap\n%col_extend {\n min-height: 1px;\n padding-left: 15px;\n padding-right: 15px;\n position: relative;\n}\n\n.row {\n margin-left: -15px;\n margin-right: -15px;\n}\n.col-xs-12 {\n width: 100%;\n @extend %col_extend;\n}\n.col-sm-4 {\n @extend %col_extend;\n}\n.col-md-4 {\n @extend %col_extend;\n}\n.col-sm-8 {\n @extend %col_extend;\n}\n.col-md-8 {\n @extend %col_extend;\n}\n\n.img-responsive {\n display: block;\n max-width: 100%;\n height: auto;\n}\n","// mobile ~320..480px\n// 320px ~ 16rem/16px ~ 18.8235/17px ~ 17.7778/18px\n// 480px ~ 30rem/16px ~ 28.2353rem/17px ~ 26.6667rem/18px\n@media (min-width: 320px) and (max-width: 767px) {\n .sidebar {\n li {\n padding: .1rem 0;\n }\n }\n .hidden-tablet {\n display: none;\n }\n}\n\n// tablet/medium device ~768px+\n// 768px ~ 48em/16px ~ 45.1765em/17px ~ 42.6667/18px\n@media (min-width: 768px) {\n html,\n body {\n font-size: $small-device-font-size;\n }\n .hidden-tablet {\n display: none;\n }\n .sidebar {\n bottom: 0;\n left: 0;\n position: fixed;\n text-align: left;\n top: 0;\n width: 18rem;\n }\n .sidebar-sticky {\n left: 1rem;\n position: absolute;\n right: 1rem;\n top: 1rem;\n }\n .content {\n margin-left: 20rem;\n margin-right: 2rem;\n max-width: 38rem;\n }\n .layout-reverse {\n .sidebar {\n left: auto;\n right: 0;\n }\n .content {\n margin-left: 2rem;\n margin-right: 20rem;\n }\n }\n .col-sm-8 {\n width: 66.66666667%;\n }\n .project__title {\n margin-top: 0.2rem;\n }\n .post--navigation {\n display: flex;\n justify-content: space-between;\n a {\n width: calc(50% - 10px);\n &:nth-child(2) {\n margin-top: 0;\n }\n }\n }\n}\n\n// Large devices (laptops/desktops, 992px and up) \n// ~ 62rem/16px ~ 58.3529rem/17px ~ 55.1111rem/18px\n@media (min-width: 992px) {\n html,\n body {\n font-size: $large-device-font-size;\n }\n .content {\n margin-left: 20rem;\n margin-right: 2rem;\n max-width: 46.056rem;\n }\n .layout-reverse .content {\n margin-left: 4rem;\n margin-right: 22rem;\n }\n .col-md-4 {\n float: left;\n width: 33.33333333%;\n }\n .col-md-8 {\n float: left;\n width: 66.66666667%;\n }\n .portfolio-container {\n width: 1360px;\n }\n}\n\n// Large device ~1024px\n// 1024px ~ 64rem/16px ~ 60.2353rem/17px 56.8889rem/18px\n@media (min-width: 1024px) {\n // styles\n}\n","// some misc styles\n.element--center {\n\tdisplay: block;\n\tmargin-left: auto;\n\tmargin-right: auto;\n}\n\n.menu {\n\tbackground-color: #f3f3f3;\n\tcolor: #333;\n\tborder-radius: 2px;\n\tpadding: 1px 5px;\n}\t\n\n.text-center {\n\ttext-align: center;\n}\n\n.pull-right {\n\tfloat: right;\n}\n"]} \ No newline at end of file