jekyll-theme-jam 0.0.1

data/_sass/scss/_styles.scss

@@ -0,0 +1,15 @@
+
+// Converted Variables
+
+
+// Custom Media Query Variables
+
+
+/*
+
+  STYLES
+
+  Add custom styles here.
+
+*/
+

data/_sass/scss/_tables.scss

@@ -0,0 +1,42 @@
+
+// Converted Variables
+
+
+// Custom Media Query Variables
+
+
+/*
+
+  TABLES
+  Docs: http://tachyons.io/docs/elements/tables/
+
+*/
+
+.collapse {
+    border-collapse: collapse;
+    border-spacing: 0;
+}
+
+.striped--light-silver:nth-child(odd) {
+  background-color: $light-silver;
+}
+
+.striped--moon-gray:nth-child(odd) {
+  background-color: $moon-gray;
+}
+
+.striped--light-gray:nth-child(odd) {
+  background-color: $light-gray;
+}
+
+.striped--near-white:nth-child(odd) {
+  background-color: $near-white;
+}
+
+.stripe-light:nth-child(odd) {
+  background-color: $white-10;
+}
+
+.stripe-dark:nth-child(odd) {
+  background-color: $black-10;
+}

data/_sass/scss/_text-align.scss

@@ -0,0 +1,49 @@
+
+// Converted Variables
+
+
+// Custom Media Query Variables
+
+
+/*
+
+  TEXT ALIGN
+  Docs: http://tachyons.io/docs/typography/text-align/
+
+  Base
+    t = text-align
+
+  Modifiers
+    l = left
+    r = right
+    c = center
+
+  Media Query Extensions:
+    -ns = not-small
+    -m  = medium
+    -l  = large
+
+*/
+
+.tl  { text-align: left; }
+.tr  { text-align: right; }
+.tc  { text-align: center; }
+
+@media #{$breakpoint-not-small} {
+  .tl-ns  { text-align: left; }
+  .tr-ns  { text-align: right; }
+  .tc-ns  { text-align: center; }
+}
+
+@media #{$breakpoint-medium} {
+  .tl-m  { text-align: left; }
+  .tr-m  { text-align: right; }
+  .tc-m  { text-align: center; }
+}
+
+@media #{$breakpoint-large} {
+  .tl-l  { text-align: left; }
+  .tr-l  { text-align: right; }
+  .tc-l  { text-align: center; }
+}
+

data/_sass/scss/_text-decoration.scss

@@ -0,0 +1,42 @@
+
+// Converted Variables
+
+
+// Custom Media Query Variables
+
+
+/*
+
+   TEXT DECORATION
+   Docs: http://tachyons.io/docs/typography/text-decoration/
+
+
+   Media Query Extensions:
+     -ns = not-small
+     -m  = medium
+     -l  = large
+
+*/
+
+.strike       { text-decoration: line-through; }
+.underline    { text-decoration: underline; }
+.no-underline { text-decoration: none; }
+
+
+@media #{$breakpoint-not-small} {
+  .strike-ns       { text-decoration: line-through; }
+  .underline-ns    { text-decoration: underline; }
+  .no-underline-ns { text-decoration: none; }
+}
+
+@media #{$breakpoint-medium} {
+  .strike-m       { text-decoration: line-through; }
+  .underline-m    { text-decoration: underline; }
+  .no-underline-m { text-decoration: none; }
+}
+
+@media #{$breakpoint-large} {
+  .strike-l       { text-decoration: line-through; }
+  .underline-l {    text-decoration: underline; }
+  .no-underline-l { text-decoration: none; }
+}

data/_sass/scss/_text-transform.scss

@@ -0,0 +1,53 @@
+
+// Converted Variables
+
+
+// Custom Media Query Variables
+
+
+/*
+
+   TEXT TRANSFORM
+   Docs: http://tachyons.io/docs/typography/text-transform/
+
+   Base:
+     tt = text-transform
+
+   Modifiers
+     c = capitalize
+     l = lowercase
+     u = uppercase
+     n = none
+
+   Media Query Extensions:
+     -ns = not-small
+     -m  = medium
+     -l  = large
+
+*/
+
+.ttc { text-transform: capitalize; }
+.ttl { text-transform: lowercase; }
+.ttu { text-transform: uppercase; }
+.ttn { text-transform: none; }
+
+@media #{$breakpoint-not-small} {
+  .ttc-ns { text-transform: capitalize; }
+  .ttl-ns { text-transform: lowercase; }
+  .ttu-ns { text-transform: uppercase; }
+  .ttn-ns { text-transform: none; }
+}
+
+@media #{$breakpoint-medium} {
+  .ttc-m { text-transform: capitalize; }
+  .ttl-m { text-transform: lowercase; }
+  .ttu-m { text-transform: uppercase; }
+  .ttn-m { text-transform: none; }
+}
+
+@media #{$breakpoint-large} {
+  .ttc-l { text-transform: capitalize; }
+  .ttl-l { text-transform: lowercase; }
+  .ttu-l { text-transform: uppercase; }
+  .ttn-l { text-transform: none; }
+}

data/_sass/scss/_type-scale.scss

@@ -0,0 +1,102 @@
+
+// Converted Variables
+
+
+// Custom Media Query Variables
+
+
+/*
+
+   TYPE SCALE
+   Docs: http://tachyons.io/docs/typography/scale/
+
+   Base:
+    f = font-size
+
+   Modifiers
+     1 = 1st step in size scale
+     2 = 2nd step in size scale
+     3 = 3rd step in size scale
+     4 = 4th step in size scale
+     5 = 5th step in size scale
+     6 = 6th step in size scale
+
+   Media Query Extensions:
+     -ns = not-small
+     -m  = medium
+     -l  = large
+*/
+
+/*
+ * For Hero/Marketing Titles
+ *
+ * These generally are too large for mobile
+ * so be careful using them on smaller screens.
+ * */
+
+.f-6,
+.f-headline {
+  font-size: $font-size-headline;
+}
+.f-5,
+.f-subheadline {
+  font-size: $font-size-subheadline;
+}
+
+
+/* Type Scale */
+
+
+.f1 { font-size: $font-size-1; }
+.f2 { font-size: $font-size-2; }
+.f3 { font-size: $font-size-3; }
+.f4 { font-size: $font-size-4; }
+.f5 { font-size: $font-size-5; }
+.f6 { font-size: $font-size-6; }
+.f7 { font-size: $font-size-7; }
+
+@media #{$breakpoint-not-small}{
+  .f-6-ns,
+  .f-headline-ns { font-size: $font-size-headline; }
+  .f-5-ns,
+  .f-subheadline-ns { font-size: $font-size-subheadline; }
+  .f1-ns { font-size: $font-size-1; }
+  .f2-ns { font-size: $font-size-2; }
+  .f3-ns { font-size: $font-size-3; }
+  .f4-ns { font-size: $font-size-4; }
+  .f5-ns { font-size: $font-size-5; }
+  .f6-ns { font-size: $font-size-6; }
+  .f7-ns { font-size: $font-size-7; }
+}
+
+@media #{$breakpoint-medium} {
+  .f-6-m,
+  .f-headline-m { font-size: $font-size-headline; }
+  .f-5-m,
+  .f-subheadline-m { font-size: $font-size-subheadline; }
+  .f1-m { font-size: $font-size-1; }
+  .f2-m { font-size: $font-size-2; }
+  .f3-m { font-size: $font-size-3; }
+  .f4-m { font-size: $font-size-4; }
+  .f5-m { font-size: $font-size-5; }
+  .f6-m { font-size: $font-size-6; }
+  .f7-m { font-size: $font-size-7; }
+}
+
+@media #{$breakpoint-large} {
+  .f-6-l,
+  .f-headline-l {
+    font-size: $font-size-headline;
+  }
+  .f-5-l,
+  .f-subheadline-l {
+    font-size: $font-size-subheadline;
+  }
+  .f1-l { font-size: $font-size-1; }
+  .f2-l { font-size: $font-size-2; }
+  .f3-l { font-size: $font-size-3; }
+  .f4-l { font-size: $font-size-4; }
+  .f5-l { font-size: $font-size-5; }
+  .f6-l { font-size: $font-size-6; }
+  .f7-l { font-size: $font-size-7; }
+}

data/_sass/scss/_typography.scss

@@ -0,0 +1,129 @@
+
+// Converted Variables
+
+
+// Custom Media Query Variables
+
+
+/*
+
+   TYPOGRAPHY
+   http://tachyons.io/docs/typography/measure/
+
+   Media Query Extensions:
+     -ns = not-small
+     -m  = medium
+     -l  = large
+
+*/
+
+
+
+/* Measure is limited to ~66 characters */
+.measure {
+  max-width: $measure;
+}
+
+/* Measure is limited to ~80 characters */
+.measure-wide {
+  max-width: $measure-wide;
+}
+
+/* Measure is limited to ~45 characters */
+.measure-narrow {
+  max-width: $measure-narrow;
+}
+
+/* Book paragraph style - paragraphs are indented with no vertical spacing. */
+.indent {
+  text-indent: 1em;
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.small-caps {
+  font-variant: small-caps;
+}
+
+/* Combine this class with a width to truncate text (or just leave as is to truncate at width of containing element. */
+
+.truncate {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+@media #{$breakpoint-not-small} {
+  .measure-ns  {
+    max-width: $measure;
+  }
+  .measure-wide-ns {
+    max-width: $measure-wide;
+  }
+  .measure-narrow-ns {
+    max-width: $measure-narrow;
+  }
+  .indent-ns {
+    text-indent: 1em;
+    margin-top: 0;
+    margin-bottom: 0;
+  }
+  .small-caps-ns {
+    font-variant: small-caps;
+  }
+  .truncate-ns {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+}
+
+@media #{$breakpoint-medium} {
+  .measure-m {
+    max-width: $measure;
+  }
+  .measure-wide-m {
+    max-width: $measure-wide;
+  }
+  .measure-narrow-m {
+    max-width: $measure-narrow;
+  }
+  .indent-m {
+    text-indent: 1em;
+    margin-top: 0;
+    margin-bottom: 0;
+  }
+  .small-caps-m {
+    font-variant: small-caps;
+  }
+  .truncate-m {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+}
+
+@media #{$breakpoint-large} {
+  .measure-l {
+    max-width: $measure;
+  }
+  .measure-wide-l {
+    max-width: $measure-wide;
+  }
+  .measure-narrow-l {
+    max-width: $measure-narrow;
+  }
+  .indent-l {
+    text-indent: 1em;
+    margin-top: 0;
+    margin-bottom: 0;
+  }
+  .small-caps-l {
+    font-variant: small-caps;
+  }
+  .truncate-l {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+}

data/_sass/scss/_utilities.scss

@@ -0,0 +1,57 @@
+
+// Converted Variables
+
+
+// Custom Media Query Variables
+
+
+/*
+
+   UTILITIES
+
+   Media Query Extensions:
+     -ns = not-small
+     -m  = medium
+     -l  = large
+
+*/
+
+/* Equivalent to .overflow-y-scroll */
+.overflow-container {
+  overflow-y: scroll;
+}
+
+.center {
+  margin-right: auto;
+  margin-left: auto;
+}
+
+.mr-auto { margin-right: auto; }
+.ml-auto { margin-left:  auto; }
+
+@media #{$breakpoint-not-small}{
+  .center-ns {
+    margin-right: auto;
+    margin-left: auto;
+  }
+  .mr-auto-ns { margin-right: auto; }
+  .ml-auto-ns { margin-left:  auto; }
+}
+
+@media #{$breakpoint-medium}{
+  .center-m {
+    margin-right: auto;
+    margin-left: auto;
+  }
+  .mr-auto-m { margin-right: auto; }
+  .ml-auto-m { margin-left:  auto; }
+}
+
+@media #{$breakpoint-large}{
+  .center-l {
+    margin-right: auto;
+    margin-left: auto;
+  }
+  .mr-auto-l { margin-right: auto; }
+  .ml-auto-l { margin-left:  auto; }
+}