just-the-docs 0.1.0

data/_sass/normalize.scss/package.json

@@ -0,0 +1,70 @@
+{
+  "_args": [
+    [
+      "normalize.scss",
+      "/Users/pmarsceill/_projects/just-the-docs"
+    ]
+  ],
+  "_from": "normalize.scss@*",
+  "_id": "normalize.scss@0.1.0",
+  "_inCache": true,
+  "_installable": true,
+  "_location": "/normalize.scss",
+  "_nodeVersion": "0.10.32",
+  "_npmUser": {
+    "email": "alexguerrero1092@gmail.com",
+    "name": "alexguerrero"
+  },
+  "_npmVersion": "2.0.2",
+  "_phantomChildren": {},
+  "_requested": {
+    "name": "normalize.scss",
+    "raw": "normalize.scss",
+    "rawSpec": "",
+    "scope": null,
+    "spec": "*",
+    "type": "range"
+  },
+  "_requiredBy": [
+    "#DEV:/"
+  ],
+  "_resolved": "https://registry.npmjs.org/normalize.scss/-/normalize.scss-0.1.0.tgz",
+  "_shasum": "4a21dc25bd4c019c857785f829b658aba2a8f9ab",
+  "_shrinkwrap": null,
+  "_spec": "normalize.scss",
+  "_where": "/Users/pmarsceill/_projects/just-the-docs",
+  "author": "",
+  "bugs": {
+    "url": "https://github.com/guerrero/normalize.scss/issues"
+  },
+  "dependencies": {},
+  "description": "Normalize.scss as a node packaged module",
+  "devDependencies": {},
+  "directories": {},
+  "dist": {
+    "shasum": "4a21dc25bd4c019c857785f829b658aba2a8f9ab",
+    "tarball": "https://registry.npmjs.org/normalize.scss/-/normalize.scss-0.1.0.tgz"
+  },
+  "files": [
+    "normalize.scss"
+  ],
+  "gitHead": "d67d517e28615a873066438af1d4845c157c9baf",
+  "homepage": "https://github.com/guerrero/normalize.scss",
+  "license": "MIT",
+  "maintainers": [
+    {
+      "name": "alexguerrero",
+      "email": "alexguerrero1092@gmail.com"
+    }
+  ],
+  "name": "normalize.scss",
+  "optionalDependencies": {},
+  "readme": "ERROR: No README data found!",
+  "repository": {
+    "type": "git",
+    "url": "git://github.com/guerrero/normalize.scss.git"
+  },
+  "scripts": {},
+  "style": "normalize.scss",
+  "version": "0.1.0"
+}

data/_sass/search.scss

@@ -0,0 +1,88 @@
+//
+// Search input and autocomplete
+//
+
+.search {
+  display: none;
+
+  @include mq(md) {
+    position: relative;
+    z-index: 99;
+    display: block;
+    flex-grow: 1;
+    padding-top: $sp-1;
+    padding-bottom: $gutter-spacing / 2;
+  }
+}
+
+.search-results-wrap {
+  display: none;
+
+  &.active {
+    position: absolute;
+    top: $sp-1;
+    z-index: 100;
+    display: block;
+    width: 300px;
+    margin-top: $gutter-spacing;
+    background: $white;
+    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07), 0 4px 14px rgba(0, 0, 0, 0.05);
+  }
+}
+
+.search-input-wrap {
+  display: flex;
+  background-color: $white;
+}
+
+.search-input {
+  width: 100%;
+  padding-top: $sp-1;
+  padding-bottom: $sp-1;
+  border-top: 0;
+  border-right: 0;
+  border-bottom: 0;
+  border-left: 0;
+  order: 2;
+
+  &:focus {
+    outline: 0;
+    box-shadow: none;
+
+    + .search-icon {
+      fill: $purple-000;
+    }
+  }
+}
+
+.search-icon {
+  align-self: center;
+  margin-right: $sp-2;
+  fill: $grey-dk-000;
+  order: 1;
+}
+
+.search-results-list {
+  padding-left: 0;
+  margin-top: $sp-1;
+  margin-bottom: $sp-1;
+  list-style: none;
+  @include fs-3;
+}
+
+.search-results-list-item {
+  padding: 0;
+  margin: 0;
+}
+
+.search-results-link {
+  display: block;
+  padding-top: $sp-1;
+  padding-right: $sp-3;
+  padding-bottom: $sp-1;
+  padding-left: $sp-3;
+
+  &:hover {
+    background-color: $grey-lt-000;
+  }
+}

data/_sass/support/_functions.scss

@@ -0,0 +1,10 @@
+@function rem($size, $unit:"") {
+  $remSize: $size / $root-font-size;
+
+  @if ($unit == false) {
+    @return #{$remSize};
+  }
+  @else {
+    @return #{$remSize}rem;
+  }
+}

data/_sass/support/_variables.scss

@@ -0,0 +1,122 @@
+//
+// Typography
+//
+
+$body-font-family: -apple-system, BlinkMacSystemFont, "helvetica neue", helvetica, roboto, noto, "segoe ui", arial, sans-serif !default;
+$mono-font-family: "SFMono-Regular", Menlo, Consolas, Monospace !default;
+$root-font-size: 16px !default;         // Base font-size for rems
+$body-line-height: 1.4 !default;
+$body-heading-line-height: 1.15 !default !default;
+
+//
+// Colors
+//
+
+$white: #fff !default;
+
+$grey-dk-000: #959396 !default;
+$grey-dk-100: #5c5962 !default;
+$grey-dk-200: #44434d !default;
+$grey-dk-300: #27262b !default;
+
+$grey-lt-000: #f5f6fa !default;
+$grey-lt-100: #eeebee !default;
+$grey-lt-200: #ecebed !default;
+$grey-lt-300: #e6e1e8 !default;
+
+$purple-000: #7253ed !default;
+$purple-100: #5e41d0 !default;
+$purple-200: #4e26af !default;
+$purple-300: #381885 !default;
+
+$blue-000: #2c84fa !default;
+$blue-100: #2869e6 !default;
+$blue-200: #264caf !default;
+$blue-300: #183385 !default;
+
+$green-000: #41d693 !default;
+$green-100: #11b584 !default;
+$green-200: #009c7b !default;
+$green-300: #026e57 !default;
+
+$yellow-000: #ffeb82 !default;
+$yellow-100: #fadf50 !default;
+$yellow-200: #f7d12e !default;
+$yellow-300: #e7af06 !default;
+
+$red-000: #f77e7e !default;
+$red-100: #f96e65 !default;
+$red-200: #e94c4c !default;
+$red-300: #dd2e2e !default;
+
+$body-text-color: $grey-dk-100 !default;
+$body-heading-color: $grey-dk-300 !default;
+$link-color: $purple-000 !default;
+
+//
+// Media queries in pixels
+//
+
+$media-queries: (
+  xs: 320px,
+  sm: 500px,
+  md: 740px,
+  lg: 1120px,
+  xl: 1400px
+) !default;
+
+//
+// Spacing
+//
+
+$spacing-unit: 1rem; // 1rem == 16px
+
+$spacers: (
+  sp-0: 0,
+  sp-1: $spacing-unit * 0.25,
+  sp-2: $spacing-unit * 0.5,
+  sp-3: $spacing-unit * 0.75,
+  sp-4: $spacing-unit,
+  sp-5: $spacing-unit * 1.5,
+  sp-6: $spacing-unit * 2,
+  sp-7: $spacing-unit * 2.5,
+  sp-8: $spacing-unit * 3,
+  sp-9: $spacing-unit * 3.5,
+  sp-10: $spacing-unit * 4
+) !default;
+
+$sp-1: map-get($spacers, sp-1) !default; // 0.25 rem == 4px
+$sp-2: map-get($spacers, sp-2) !default; // 0.5  rem == 8px
+$sp-3: map-get($spacers, sp-3) !default; // 0.75 rem == 12px
+$sp-4: map-get($spacers, sp-4) !default; // 1    rem == 16px
+$sp-5: map-get($spacers, sp-5) !default; // 1.5  rem == 24px
+$sp-6: map-get($spacers, sp-6) !default; // 2    rem == 32px
+$sp-7: map-get($spacers, sp-7) !default; // 2.5  rem == 40px
+$sp-8: map-get($spacers, sp-8) !default; // 3    rem == 48px
+$sp-9: map-get($spacers, sp-9) !default; // 4    rem == 48px
+$sp-10: map-get($spacers, sp-10) !default; // 4.5  rem == 48px
+
+//
+// Borders
+//
+
+$border: 1px solid !default;
+$border-radius: 4px !default;
+$border-color: $grey-lt-100 !default;
+
+//
+// Grid system
+//
+
+$gutter-spacing: $sp-6 !default;
+$gutter-spacing-sm: $sp-4 !default;
+$nav-width: 232px !default;
+$content-width: 800px !default;
+
+$media-queries: (
+  xs: 320px,
+  sm: 500px,
+  md: 740px,
+  lg: 800px,
+  xl: 1316px
+) !default;

data/_sass/support/mixins/_buttons.scss

@@ -0,0 +1,25 @@
+// Colored button
+
+@mixin btn-color($fg, $bg) {
+  color: $fg;
+  background-image: linear-gradient(lighten($bg, 5%), darken($bg, 2%));
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), 0 4px 10px rgba(0, 0, 0, 0.12);
+
+  &:hover,
+  &.zeroclipboard-is-hover {
+    color: $fg;
+    background-image: linear-gradient((lighten($bg, 2%), darken($bg, 4%)));
+  }
+
+  &:active,
+  &.selected,
+  &.zeroclipboard-is-active {
+    background-color: darken($bg, 5%);
+    background-image: none;
+    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
+  }
+
+  &.selected:hover {
+    background-color: darken($bg, 10%);
+  }
+}

data/_sass/support/mixins/_layout.scss

@@ -0,0 +1,34 @@
+// Media query
+
+// Media query mixin
+// Usage:
+// @include mq(md) {
+//   ..medium and up styles
+// }
+@mixin mq($name) {
+  // Retrieves the value from the key
+  $value: map-get($media-queries, $name);
+
+  // If the key exists in the map
+  @if $value != null {
+    // Prints a media query based on the value
+    @media (min-width: rem($value)) {
+      @content;
+    }
+  } @else {
+    @warn "No value could be retrieved from `#{$media-query}`. "
+        + "Please make sure it is defined in `$media-queries` map.";
+  }
+}
+
+// Responsive container
+
+@mixin container {
+  padding-left: $gutter-spacing-sm;
+  padding-right: $gutter-spacing-sm;
+
+  @include mq(md) {
+    padding-left: $gutter-spacing;
+    padding-right: $gutter-spacing;
+  }
+}

data/_sass/support/mixins/_typography.scss

@@ -0,0 +1,81 @@
+// Font size
+
+@mixin fs-1 {
+  font-size: 9px !important;
+
+  @include mq(sm) {
+    font-size: 10px !important;
+  }
+}
+
+@mixin fs-2 {
+  font-size: 11px !important;
+
+  @include mq(sm) {
+    font-size: 12px !important;
+  }
+}
+
+@mixin fs-3 {
+  font-size: 12px !important;
+
+  @include mq(sm) {
+    font-size: 14px !important;
+  }
+}
+
+@mixin fs-4 {
+  font-size: 14px !important;
+
+  @include mq(sm) {
+    font-size: 16px !important;
+  }
+}
+
+@mixin fs-5 {
+  font-size: 16px !important;
+
+  @include mq(sm) {
+    font-size: 18px !important;
+  }
+}
+
+@mixin fs-6 {
+  font-size: 18px !important;
+
+  @include mq(sm) {
+    font-size: 24px !important;
+  }
+}
+
+@mixin fs-7 {
+  font-size: 24px !important;
+
+  @include mq(sm) {
+    font-size: 32px !important;
+  }
+}
+
+@mixin fs-8 {
+  font-size: 32px !important;
+
+  @include mq(sm) {
+    font-size: 36px !important;
+  }
+}
+
+@mixin fs-9 {
+  font-size: 36px !important;
+
+  @include mq(sm) {
+    font-size: 42px !important;
+  }
+}
+
+@mixin fs-10 {
+  font-size: 42px !important;
+
+  @include mq(sm) {
+    font-size: 48px !important;
+  }
+}

data/_sass/support/mixins/mixins.scss

@@ -0,0 +1,3 @@
+@import "./layout";
+@import "./buttons";
+@import "./typography";

data/_sass/support/support.scss

@@ -0,0 +1,3 @@
+@import "./variables";
+@import "./functions";
+@import "./mixins/mixins";