junior-jekyll-theme 0.1.0

data/_sass/_base.scss

@@ -0,0 +1,34 @@
+@charset "UTF-8";
+/*!
+
+Junior Theme
+
+A striking black-white Jekyll theme to be used as a blog, portfolio.
+
+Built upon BASSCSS (http://jxnblk.github.io/basscss).
+
+Crafted with <3 by Jonathon Belotti (@jonobelotti_IO) - ©2017 Jonathon Belotti
+MIT License http://opensource.org/licenses/MIT
+
+*/
+
+html, body {
+  z-index: -10;
+  height: auto;
+  min-height: 100%;
+}
+
+img {
+  max-width: 100%;
+}
+
+em img {
+  max-width: 100%;
+  margin-left: 0;
+}
+
+body {
+          box-sizing: border-box;
+     -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+}

data/_sass/_basscss.scss

@@ -0,0 +1,25 @@
+/*!
+
+  BASSCSS
+
+  Next-level CSS toolkit - basscss.com
+
+  Made with love by Jxnblk - ©2014 Brent Jackson
+  MIT License http://opensource.org/licenses/MIT
+
+*/
+
+@import 'basscss/base-buttons';
+@import 'basscss/base-forms';
+@import 'basscss/base-reset';
+@import 'basscss/base-typography';
+
+@import 'basscss/buttons-blue';
+
+@import 'basscss/syntax-highlighting';
+@import 'basscss/color-base';
+@import 'basscss/colors';
+
+@import 'basscss/utility-headings';
+@import 'basscss/utility-typography';
+@import 'basscss/utility-white-space';

data/_sass/_blockquotes.scss

@@ -0,0 +1,20 @@
+blockquote {
+  border-left: 5px solid #7a7a7a;
+  font-style: italic;
+  margin-left: $space-1;
+  padding: $space-1;
+}
+
+blockquote footer {
+  background-color: #fff;
+  border-color: transparent;
+  color: #7a7a7a;
+  font-size: .85rem;
+  font-style: normal;
+  text-align: left;
+  padding: 0;
+}
+
+blockquote p {
+  font-size: 1rem;
+}

data/_sass/_clearfix.scss

@@ -0,0 +1,8 @@
+.clearfix:before, .clearfix:after {
+  content: ' ';
+  display: table;
+}
+
+.clearfix:after {
+  clear: both;
+}

data/_sass/_code.scss

@@ -0,0 +1,70 @@
+pre,
+pre code {
+  background-color: transparent;
+  border-radius: $pre-border-radius;
+}
+
+pre,
+code {
+  font-family: $monospace-font-family;
+}
+
+code {
+  color: #7a7a7a;
+}
+
+pre {
+  padding: 1.125em;
+  line-height: 1.11;
+  overflow-x: scroll;
+  margin-bottom: 0.88em;
+  background-color: $pre-background-color;
+}
+
+.highlight .p {
+  font-size: 1.125rem;
+  line-height: 1;
+}
+
+pre {
+    counter-reset: line-numbering;
+    white-space: pre;
+    overflow-x: auto;
+    word-break: inherit;
+    word-wrap: inherit;
+}
+
+pre a {
+    background-image: none;
+}
+
+pre a::before {
+  content: counter(line-numbering);
+  counter-increment: line-numbering;
+  padding-right: 1em; /* space after numbers */
+  width: 25px;
+  text-align: right;
+  opacity: 0.7;
+  display: inline-block;
+  color: $light-gray;
+  margin-right: 16px;
+  font-size: 13px;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -khtml-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+
+pre a:first-of-type::before {
+  padding-top: 10px;
+}
+
+pre a:last-of-type::before {
+  padding-bottom: 10px;
+}
+
+pre a:only-of-type::before {
+  padding: 10px;
+}

data/_sass/_footer.scss

@@ -0,0 +1,66 @@
+.site {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -webkit-flex-direction: column;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  min-height: 100vh;
+}
+
+.site-wrap {
+  // z-index: -1; /* critical to ensure the nav menu sits on top when active */
+  -webkit-box-flex: 1;
+  -webkit-flex: 1;
+      -ms-flex: 1 0 auto;
+          flex: 1 0 auto;
+}
+
+footer {
+  background-color: $footer-bg-color;
+  color: $footer-color;
+  font-size: $footer-font-size;
+  font-weight: $footer-font-weight;
+  padding: $footer-padding;
+  text-align: center;
+}
+
+@media screen and (min-width: 770px) {
+.clients .top-circle {
+    margin-bottom: 100px;
+}
+}
+
+.circle-button .top-circle {
+    width: 100px;
+    height: 100px;
+    background: #000;
+    border-radius: 50px;
+    margin: 0 auto;
+    display: block;
+}
+
+.circle-button .top-circle, .down-circle, .down-circle-click, .home .contact-btn, nav .nav-jr {
+    cursor: pointer;
+}
+
+.circle-button:last-child {
+    margin-right: 0;
+}
+
+.circle-button {
+    float: left;
+    display: block;
+    margin-right: 2.35765%;
+    width: 100%;
+}
+
+.circle-button .top-circle img {
+    width: 80%;
+    display: block;
+    margin: 0 auto;
+    padding-top: 28px;
+}

data/_sass/_forms.scss

@@ -0,0 +1,106 @@
+input,
+select,
+textarea,
+fieldset {
+  font-size: $form-field-font-size;
+  margin-top: 0;
+  margin-bottom: $space-1;
+}
+
+input[type=text],
+input[type=datetime],
+input[type=datetime-local],
+input[type=email],
+input[type=month],
+input[type=number],
+input[type=password],
+input[type=search],
+input[type=tel],
+input[type=time],
+input[type=url],
+input[type=week] {
+  box-sizing: border-box;
+  height: $form-field-height;
+  padding: $form-field-padding-y $form-field-padding-x;
+  vertical-align: middle;
+  -webkit-appearance: none;
+}
+
+select {
+  box-sizing: border-box;
+  line-height: 1;
+  padding: $form-field-padding-y $form-field-padding-x;
+}
+
+select:not([multiple]) {
+  height: $form-field-height;
+  vertical-align: middle;
+}
+
+textarea {
+  box-sizing: border-box;
+  line-height: 1;
+  padding: $form-field-padding-y $form-field-padding-x;
+}
+
+.form-stacked input,
+.form-stacked textarea,
+.form-stacked select {
+  width: 100%;
+}
+
+.field-light {
+  background-color: white;
+  transition: box-shadow .2s ease;
+  border-style: solid;
+  border-width: $border-width;
+  border-color: $border-color;
+  border-radius: 0;
+}
+
+.field-light:focus {
+  outline: none;
+  border-color: $blue;
+  box-shadow: 0 0 2px rgba($blue,.5);
+}
+
+.field-light:disabled {
+  color: $mid-gray;
+  background-color: $darken-2;
+}
+
+.field-light:read-only:not(select) {
+  background-color: $darken-2;
+}
+
+.field-light:invalid {
+  border-color: $red;
+}
+
+.field-light.is-success {
+  border-color: $green;
+}
+
+.field-light.is-warning {
+  border-color: $yellow;
+}
+
+.field-light.is-error {
+  border-color: $red;
+}
+
+
+.radio-light,
+.checkbox-light {
+  transition: box-shadow .2s ease;
+}
+
+.radio-light {
+  border-radius: 50%;
+}
+
+.radio-light:focus,
+.checkbox-light:focus {
+  outline: none;
+  box-shadow: 0 0 2px rgba($blue, .5);
+}

data/_sass/_gists.scss

@@ -0,0 +1,8 @@
+.gist,
+.gist .highlight .p {
+  font-size: .75rem;
+}
+
+.gist .lines {
+  width: 100%;
+}

data/_sass/_header.scss

@@ -0,0 +1,40 @@
+.site-header {
+  z-index: 9999;
+  height: 100px;
+  padding-top: $space-1;
+  padding-bottom: $space-2;
+}
+
+.site-header a {
+  color: #000;
+  font-size: $h3;
+  font-weight: 300;
+  background-image: none;
+}
+
+.site-header .site-title {
+  font-size: $h2;
+}
+
+.site-nav {
+  margin-top: $space-2;
+}
+
+.site-nav a + a {
+  margin-left: 1em;
+}
+
+.site-header a:hover,
+.posts .post a:hover .post-meta,
+.posts .post a:hover .post-title,
+.posts .post a:hover .post-summary {
+  opacity: 0.88;
+}
+
+.site-header {
+  text-align: center;
+}
+
+.site-header .site-nav {
+  text-align: center;
+}

data/_sass/_links.scss

@@ -0,0 +1,39 @@
+a {
+  color: $link-color;
+}
+
+a:hover,
+a:focus,
+a:active {
+  border: 0;
+  color: $link-hover-color;
+  text-decoration: none;
+}
+
+// Correct issues with buttons
+button,
+.button {
+  text-shadow: none;
+  background-image: none;
+}
+
+.button:hover,
+.button:focus,
+.button:active {
+  color: white;
+  text-shadow: none;
+  background-image: none;
+}
+
+.anchorjs-link {
+    text-shadow: none;
+    background-image: none;
+}
+.anchorjs-link:hover,
+.anchorjs-link:focus,
+.anchorjs-link:active{
+    border: 0;
+    color: $link-hover-color;
+    text-shadow: none;
+    background-image: none;
+}

data/_sass/_measure.scss

@@ -0,0 +1,4 @@
+.measure {
+  margin: 0 auto;
+  max-width: $measure-width;
+}

data/_sass/_media-queries.scss

@@ -0,0 +1,64 @@
+@media screen and (min-width: $viewport-small) {
+  html {
+    font-size: 16px;
+  }
+
+  h1,
+  .h1 {
+    font-size: $h1;
+  }
+
+  .site-header {
+    text-align: left;
+  }
+
+  .site-nav {
+    margin-top: 0;
+  }
+
+  .site-header a {
+    font-size: $h4;
+  }
+
+  .site-header .site-title {
+    font-size: $h3;
+    float: left;
+  }
+
+  .site-header .site-nav {
+    float: right;
+    margin-top: .25rem;
+  }
+
+  blockquote {
+    margin-left: $space-3;
+    padding: $space-3;
+  }
+
+  .social-icons-left {
+    text-align: left;
+  }
+
+  .social-icons-right {
+    text-align: right;
+  }
+}
+
+@media screen and (min-width: $viewport-medium) {
+  html {
+    font-size: 18px;
+  }
+}
+
+@media screen and (min-width: $viewport-large) {
+  html {
+    font-size: 20px;
+  }
+}
+
+@media screen and (min-width: $viewport-large + 14) {
+  em img {
+    max-width: $measure-width + 14;
+    margin-left: -7em;
+  }
+}