jekyll-theme-basically-basic 1.0.0 → 1.0.1

data/_sass/basically-basic/_mixins.scss

@@ -1,7 +1,7 @@
-@import 'mixins/color';
-@import 'mixins/clearfix';
-@import 'mixins/fluid-type';
-@import 'mixins/float';
-@import 'mixins/image';
-@import 'mixins/lists';
-@import 'mixins/text-truncate';
+@import 'mixins/color';
+@import 'mixins/clearfix';
+@import 'mixins/fluid-type';
+@import 'mixins/float';
+@import 'mixins/image';
+@import 'mixins/lists';
+@import 'mixins/text-truncate';

data/_sass/basically-basic/_navicons.scss

@@ -1,144 +1,144 @@
-/* ==========================================================================
-   Navicons
-   ========================================================================== */
-
-.navicon-button {
-  display: inline-block;
-  position: relative;
-  padding: 1.8125rem 1rem;
-  transition: $navicon-duration / 2;
-  background-color: $navicon-nav-bg-close;
-  cursor: pointer;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  -webkit-user-select: none;
-  user-select: none;
-
-  @include breakpoint($medium) {
-    margin-right: 2rem;
-  }
-
-  @include breakpoint($large) {
-    margin-right: 5vw;
-  }
-
-  &.open {
-    background-color: $navicon-nav-bg-open;
-  }
-
-  .navicon::before,
-  .navicon::after {
-    transition-duration: $navicon-duration / 2;
-  }
-
-  &:hover {
-    transition-duration: $navicon-duration;
-
-    .navicon::before,
-    .navicon::after {
-      transition-duration: $navicon-duration / 2;
-    }
-
-    .navicon::before { top: (2.5 * $navicon-height); }
-    .navicon::after { top: (-2.5 * $navicon-height); }
-  }
-}
-
-.navicon {
-  position: relative;
-  width: $navicon-width;
-  height: $navicon-height;
-  transition-duration: $navicon-duration;
-  border-radius: $navicon-width;
-  background: $navicon-content-bg;
-
-  &::before,
-  &::after {
-    display: block;
-    position: absolute;
-    width: $navicon-width;
-    height: $navicon-height;
-    transition-duration: $navicon-duration $navicon-duration / 2;
-    border-radius: $navicon-width;
-    background: $navicon-content-bg;
-    content: '';
-  }
-
-  &::before { top: (2 * $navicon-height); }
-  &::after { top: (-2 * $navicon-height); }
-}
-
-.open:not(.steps) .navicon::before,
-.open:not(.steps) .navicon::after {
-  top: 0 !important;
-}
-
-.open {
-  transform: scale($navicon-toggled-size);
-
-  .navicon::before,
-  .navicon::after {
-    transition-duration: $navicon-duration;
-  }
-
-  /* Arrows */
-  &.larr .navicon,
-  &.rarr .navicon,
-  &.uarr .navicon {
-
-    &::before,
-    &::after {
-      width: (0.6 * $navicon-width);
-    }
-
-    &::before {
-      transform: rotate(35deg);
-      transform-origin: left top;
-    }
-
-    &::after {
-      transform: rotate(-35deg);
-      transform-origin: left bottom;
-    }
-  }
-
-  &.uarr {
-    transform: scale($navicon-toggled-size) rotate(90deg);
-  }
-
-  &.rarr .navicon {
-
-    &::before {
-      transform: translate3d(1em, 0, 0) rotate(-35deg);
-      transform-origin: right top;
-    }
-
-    &::after {
-      transform: translate3d(1em, 0, 0) rotate(35deg);
-      transform-origin: right bottom;
-    }
-  }
-
-  /* × and + */
-  /* &.plus,*/
-  /* &.x {*/
-  /*   .navicon {*/
-  /*     background: transparent;*/
-
-  /*     &::before {*/
-  /*       -ms-transform: rotate(-45deg);*/
-  /*       transform: rotate(-45deg);*/
-  /*     }*/
-
-  /*     &::after {*/
-  /*       -ms-transform: rotate(45deg);*/
-  /*       transform: rotate(45deg);*/
-  /*     }*/
-  /*   }*/
-  /* }*/
-
-  /* &.plus {*/
-  /*   -ms-transform: scale($navicon-toggled-size) rotate(45deg);*/
-  /*   transform: scale($navicon-toggled-size) rotate(45deg);*/
-  /* }*/
-}
+/* ==========================================================================
+   Navicons
+   ========================================================================== */
+
+.navicon-button {
+  display: inline-block;
+  position: relative;
+  padding: 1.8125rem 1rem;
+  transition: $navicon-duration / 2;
+  background-color: $navicon-nav-bg-close;
+  cursor: pointer;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  -webkit-user-select: none;
+  user-select: none;
+
+  @include breakpoint($medium) {
+    margin-right: 2rem;
+  }
+
+  @include breakpoint($large) {
+    margin-right: 5vw;
+  }
+
+  &.open {
+    background-color: $navicon-nav-bg-open;
+  }
+
+  .navicon::before,
+  .navicon::after {
+    transition-duration: $navicon-duration / 2;
+  }
+
+  &:hover {
+    transition-duration: $navicon-duration;
+
+    .navicon::before,
+    .navicon::after {
+      transition-duration: $navicon-duration / 2;
+    }
+
+    .navicon::before { top: (2.5 * $navicon-height); }
+    .navicon::after { top: (-2.5 * $navicon-height); }
+  }
+}
+
+.navicon {
+  position: relative;
+  width: $navicon-width;
+  height: $navicon-height;
+  transition-duration: $navicon-duration;
+  border-radius: $navicon-width;
+  background: $navicon-content-bg;
+
+  &::before,
+  &::after {
+    display: block;
+    position: absolute;
+    width: $navicon-width;
+    height: $navicon-height;
+    transition-duration: $navicon-duration $navicon-duration / 2;
+    border-radius: $navicon-width;
+    background: $navicon-content-bg;
+    content: '';
+  }
+
+  &::before { top: (2 * $navicon-height); }
+  &::after { top: (-2 * $navicon-height); }
+}
+
+.open:not(.steps) .navicon::before,
+.open:not(.steps) .navicon::after {
+  top: 0 !important;
+}
+
+.open {
+  transform: scale($navicon-toggled-size);
+
+  .navicon::before,
+  .navicon::after {
+    transition-duration: $navicon-duration;
+  }
+
+  /* Arrows */
+  &.larr .navicon,
+  &.rarr .navicon,
+  &.uarr .navicon {
+
+    &::before,
+    &::after {
+      width: (0.6 * $navicon-width);
+    }
+
+    &::before {
+      transform: rotate(35deg);
+      transform-origin: left top;
+    }
+
+    &::after {
+      transform: rotate(-35deg);
+      transform-origin: left bottom;
+    }
+  }
+
+  &.uarr {
+    transform: scale($navicon-toggled-size) rotate(90deg);
+  }
+
+  &.rarr .navicon {
+
+    &::before {
+      transform: translate3d(1em, 0, 0) rotate(-35deg);
+      transform-origin: right top;
+    }
+
+    &::after {
+      transform: translate3d(1em, 0, 0) rotate(35deg);
+      transform-origin: right bottom;
+    }
+  }
+
+  /* × and + */
+  /* &.plus,*/
+  /* &.x {*/
+  /*   .navicon {*/
+  /*     background: transparent;*/
+
+  /*     &::before {*/
+  /*       -ms-transform: rotate(-45deg);*/
+  /*       transform: rotate(-45deg);*/
+  /*     }*/
+
+  /*     &::after {*/
+  /*       -ms-transform: rotate(45deg);*/
+  /*       transform: rotate(45deg);*/
+  /*     }*/
+  /*   }*/
+  /* }*/
+
+  /* &.plus {*/
+  /*   -ms-transform: scale($navicon-toggled-size) rotate(45deg);*/
+  /*   transform: scale($navicon-toggled-size) rotate(45deg);*/
+  /* }*/
+}

data/_sass/basically-basic/_navigation.scss

@@ -1,51 +1,51 @@
-/* ==========================================================================
-   Navigation
-   ========================================================================== */
-
-.menu {
-  @include list-unstyled;
-
-  a {
-    color: inherit;
-    text-decoration: none;
-  }
-}
-
-/*
-   Paginator
-   ========================================================================== */
-
-.pager {
-  @include clearfix();
-  margin-bottom: 2rem;
-
-  ul {
-    @include list-unstyled;
-    display: flex;
-
-    > li {
-      flex: 1;
-      justify-content: space-between;
-      -ms-flex-pack: justify;
-    }
-
-    li + li {
-      margin-left: 0.125em;
-    }
-  }
-
-  a {
-    display: block;
-    padding: 1em;
-    border-radius: $border-radius;
-    background-color: $accent-color;
-    color: #fff;
-    font-weight: bold;
-    text-align: center;
-    text-decoration: none;
-
-    &:hover {
-      background-color: tint($accent-color, 20%);
-    }
-  }
-}
+/* ==========================================================================
+   Navigation
+   ========================================================================== */
+
+.menu {
+  @include list-unstyled;
+
+  a {
+    color: inherit;
+    text-decoration: none;
+  }
+}
+
+/*
+   Paginator
+   ========================================================================== */
+
+.pager {
+  @include clearfix();
+  margin-bottom: 2rem;
+
+  ul {
+    @include list-unstyled;
+    display: flex;
+
+    > li {
+      flex: 1;
+      justify-content: space-between;
+      -ms-flex-pack: justify;
+    }
+
+    li + li {
+      margin-left: 0.125em;
+    }
+  }
+
+  a {
+    display: block;
+    padding: 1em;
+    border-radius: $border-radius;
+    background-color: $accent-color;
+    color: #fff;
+    font-weight: bold;
+    text-align: center;
+    text-decoration: none;
+
+    &:hover {
+      background-color: tint($accent-color, 20%);
+    }
+  }
+}

data/_sass/basically-basic/_print.scss

@@ -0,0 +1,226 @@
+/* ==========================================================================
+   PRINT STYLES
+   ========================================================================== */
+
+@media print {
+
+  [hidden] {
+    display: none;
+  }
+
+  * {
+    -moz-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+  }
+
+  html {
+    margin: 0;
+    padding: 0;
+    font-size: 16px;
+  }
+
+  body {
+    margin: 0 auto;
+    background: #fff !important;
+    color: #000 !important;
+    font-size: 1rem;
+    -moz-osx-font-smoothing: grayscale;
+    -webkit-font-smoothing: antialiased;
+    line-height: 1.5;
+    text-rendering: optimizeLegibility;
+  }
+
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    margin-top: 0;
+    margin-bottom: 0.75rem;
+    color: #000;
+    line-height: 1.2;
+  }
+
+  h1 {
+    font-size: 2.5rem;
+  }
+
+  h2 {
+    font-size: 2rem;
+  }
+
+  h3 {
+    font-size: 1.75rem;
+  }
+
+  h4 {
+    font-size: 1.5rem;
+  }
+
+  h5 {
+    font-size: 1.25rem;
+  }
+
+  h6 {
+    font-size: 1rem;
+  }
+
+  a {
+    background: none;
+    color: #000;
+    text-decoration: underline;
+    word-wrap: break-word;
+  }
+
+  table {
+    border-collapse: collapse;
+  }
+
+  thead {
+    display: table-header-group;
+  }
+
+  table,
+  th,
+  td {
+    border-bottom: 1px solid #000;
+  }
+
+  td,
+  th {
+    padding: 8px 16px;
+  }
+
+  img {
+    display: block;
+    max-width: 100% !important;
+    border: 0;
+    vertical-align: middle;
+  }
+
+  hr {
+    height: 0;
+    margin: 2.25rem 0;
+    padding: 0;
+    border: 0;
+    border-bottom: 2px solid #bbb;
+  }
+
+  dt {
+    font-weight: bold;
+  }
+
+  dd {
+    margin: 0;
+    margin-bottom: 0.75rem;
+  }
+
+  abbr[title],
+  acronym[title] {
+    border: 0;
+    text-decoration: none;
+  }
+
+  table,
+  blockquote,
+  pre,
+  code,
+  figure,
+  li,
+  hr,
+  ul,
+  ol,
+  a,
+  tr {
+    page-break-inside: avoid;
+  }
+
+  h2,
+  h3,
+  h4,
+  p,
+  a {
+    orphans: 3;
+    widows: 3;
+  }
+
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    page-break-after: avoid;
+    page-break-inside: avoid;
+  }
+
+  h1 + p,
+  h2 + p,
+  h3 + p {
+    page-break-before: avoid;
+  }
+
+  img {
+    page-break-after: auto;
+    page-break-before: auto;
+    page-break-inside: avoid;
+  }
+
+  pre {
+    white-space: pre-wrap !important;
+    word-wrap: break-word;
+  }
+
+  a[href^='http://']::after,
+  a[href^='https://']::after,
+  a[href^='ftp://']::after {
+    font-size: 80%;
+    content: ' (' attr(href) ')';
+  }
+
+  abbr[title]::after,
+  acronym[title]::after {
+    content: ' (' attr(title) ')';
+  }
+
+  .page-break,
+  .page-break-before {
+    page-break-before: always;
+  }
+
+  .page-break-after {
+    page-break-after: always;
+  }
+
+  .no-print {
+    display: none;
+  }
+
+  a.no-reformat::after {
+    content: '';
+  }
+
+  abbr[title].no-reformat::after,
+  acronym[title].no-reformat::after {
+    content: '';
+  }
+
+  .btn {
+    background: none;
+    color: #000;
+  }
+
+/*
+   Hide the following elements on print
+   ========================================================================== */
+
+  .sidebar-toggle-wrapper,
+  .title-area,
+  .pager,
+  .site-footer,
+  .adsbygoogle {
+    display: none !important;
+  }
+}