ark-jekyll-theme 0.0.1 → 0.0.2

data/_sass/scss/_border-colors.scss

@@ -0,0 +1,93 @@
+
+// Converted Variables
+
+
+// Custom Media Query Variables
+
+
+/*
+
+   BORDER COLORS
+   Docs: http://tachyons.io/docs/themes/borders/
+
+   Border colors can be used to extend the base
+   border classes ba,bt,bb,br,bl found in the _borders.css file.
+
+   The base border class by default will set the color of the border
+   to that of the current text color. These classes are for the cases
+   where you desire for the text and border colors to be different.
+
+   Base:
+     b = border
+
+   Modifiers:
+   --color-name = each color variable name is also a border color name
+
+*/
+
+.b--black {        border-color: $black; }
+.b--near-black {   border-color: $near-black; }
+.b--dark-gray {    border-color: $dark-gray; }
+.b--mid-gray {     border-color: $mid-gray; }
+.b--gray {         border-color: $gray; }
+.b--silver {       border-color: $silver; }
+.b--light-silver { border-color: $light-silver; }
+.b--moon-gray {    border-color: $moon-gray; }
+.b--light-gray {   border-color: $light-gray; }
+.b--near-white {   border-color: $near-white; }
+.b--white {        border-color: $white; }
+
+.b--white-90 {   border-color: $white-90; }
+.b--white-80 {   border-color: $white-80; }
+.b--white-70 {   border-color: $white-70; }
+.b--white-60 {   border-color: $white-60; }
+.b--white-50 {   border-color: $white-50; }
+.b--white-40 {   border-color: $white-40; }
+.b--white-30 {   border-color: $white-30; }
+.b--white-20 {   border-color: $white-20; }
+.b--white-10 {   border-color: $white-10; }
+.b--white-05 {   border-color: $white-05; }
+.b--white-025 {   border-color: $white-025; }
+.b--white-0125 {   border-color: $white-0125; }
+
+.b--black-90 {   border-color: $black-90; }
+.b--black-80 {   border-color: $black-80; }
+.b--black-70 {   border-color: $black-70; }
+.b--black-60 {   border-color: $black-60; }
+.b--black-50 {   border-color: $black-50; }
+.b--black-40 {   border-color: $black-40; }
+.b--black-30 {   border-color: $black-30; }
+.b--black-20 {   border-color: $black-20; }
+.b--black-10 {   border-color: $black-10; }
+.b--black-05 {   border-color: $black-05; }
+.b--black-025 {   border-color: $black-025; }
+.b--black-0125 {   border-color: $black-0125; }
+
+.b--dark-red { border-color: $dark-red; }
+.b--red { border-color: $red; }
+.b--light-red { border-color: $light-red; }
+.b--orange { border-color: $orange; }
+.b--gold { border-color: $gold; }
+.b--yellow { border-color: $yellow; }
+.b--light-yellow { border-color: $light-yellow; }
+.b--purple { border-color: $purple; }
+.b--light-purple { border-color: $light-purple; }
+.b--dark-pink { border-color: $dark-pink; }
+.b--hot-pink { border-color: $hot-pink; }
+.b--pink { border-color: $pink; }
+.b--light-pink { border-color: $light-pink; }
+.b--dark-green { border-color: $dark-green; }
+.b--green { border-color: $green; }
+.b--light-green { border-color: $light-green; }
+.b--navy { border-color: $navy; }
+.b--dark-blue { border-color: $dark-blue; }
+.b--blue { border-color: $blue; }
+.b--light-blue { border-color: $light-blue; }
+.b--lightest-blue { border-color: $lightest-blue; }
+.b--washed-blue { border-color: $washed-blue; }
+.b--washed-green { border-color: $washed-green; }
+.b--washed-yellow { border-color: $washed-yellow; }
+.b--washed-red { border-color: $washed-red; }
+
+.b--transparent { border-color: $transparent; }
+.b--inherit { border-color: inherit; }

data/_sass/scss/_border-radius.scss

@@ -0,0 +1,134 @@
+
+// Converted Variables
+
+
+// Custom Media Query Variables
+
+
+/*
+
+   BORDER RADIUS
+   Docs: http://tachyons.io/docs/themes/border-radius/
+
+   Base:
+     br   = border-radius
+
+   Modifiers:
+     0    = 0/none
+     1    = 1st step in scale
+     2    = 2nd step in scale
+     3    = 3rd step in scale
+     4    = 4th step in scale
+
+   Literal values:
+     -100 = 100%
+     -pill = 9999px
+
+   Media Query Extensions:
+     -ns = not-small
+     -m  = medium
+     -l  = large
+
+*/
+
+  .br0 {        border-radius: $border-radius-none }
+  .br1 {        border-radius: $border-radius-1; }
+  .br2 {        border-radius: $border-radius-2; }
+  .br3 {        border-radius: $border-radius-3; }
+  .br4 {        border-radius: $border-radius-4; }
+  .br-100 {     border-radius: $border-radius-circle; }
+  .br-pill {    border-radius: $border-radius-pill; }
+  .br--bottom {
+      border-top-left-radius: 0;
+      border-top-right-radius: 0;
+  }
+  .br--top {
+      border-bottom-left-radius: 0;
+      border-bottom-right-radius: 0;
+  }
+  .br--right {
+      border-top-left-radius: 0;
+      border-bottom-left-radius: 0;
+  }
+  .br--left {
+      border-top-right-radius: 0;
+      border-bottom-right-radius: 0;
+  }
+
+@media #{$breakpoint-not-small} {
+  .br0-ns {     border-radius: $border-radius-none }
+  .br1-ns {     border-radius: $border-radius-1; }
+  .br2-ns {     border-radius: $border-radius-2; }
+  .br3-ns {     border-radius: $border-radius-3; }
+  .br4-ns {     border-radius: $border-radius-4; }
+  .br-100-ns {  border-radius: $border-radius-circle; }
+  .br-pill-ns { border-radius: $border-radius-pill; }
+  .br--bottom-ns {
+      border-top-left-radius: 0;
+      border-top-right-radius: 0;
+  }
+  .br--top-ns {
+      border-bottom-left-radius: 0;
+      border-bottom-right-radius: 0;
+  }
+  .br--right-ns {
+      border-top-left-radius: 0;
+      border-bottom-left-radius: 0;
+  }
+  .br--left-ns {
+      border-top-right-radius: 0;
+      border-bottom-right-radius: 0;
+  }
+}
+
+@media #{$breakpoint-medium} {
+  .br0-m {     border-radius: $border-radius-none }
+  .br1-m {     border-radius: $border-radius-1; }
+  .br2-m {     border-radius: $border-radius-2; }
+  .br3-m {     border-radius: $border-radius-3; }
+  .br4-m {     border-radius: $border-radius-4; }
+  .br-100-m {  border-radius: $border-radius-circle; }
+  .br-pill-m { border-radius: $border-radius-pill; }
+  .br--bottom-m {
+      border-top-left-radius: 0;
+      border-top-right-radius: 0;
+  }
+  .br--top-m {
+      border-bottom-left-radius: 0;
+      border-bottom-right-radius: 0;
+  }
+  .br--right-m {
+      border-top-left-radius: 0;
+      border-bottom-left-radius: 0;
+  }
+  .br--left-m {
+      border-top-right-radius: 0;
+      border-bottom-right-radius: 0;
+  }
+}
+
+@media #{$breakpoint-large} {
+  .br0-l {     border-radius: $border-radius-none }
+  .br1-l {     border-radius: $border-radius-1; }
+  .br2-l {     border-radius: $border-radius-2; }
+  .br3-l {     border-radius: $border-radius-3; }
+  .br4-l {     border-radius: $border-radius-4; }
+  .br-100-l {  border-radius: $border-radius-circle; }
+  .br-pill-l { border-radius: $border-radius-pill; }
+  .br--bottom-l {
+      border-radius-top-left: 0;
+      border-radius-top-right: 0;
+  }
+  .br--top-l {
+      border-bottom-left-radius: 0;
+      border-bottom-right-radius: 0;
+  }
+  .br--right-l {
+      border-top-left-radius: 0;
+      border-bottom-left-radius: 0;
+  }
+  .br--left-l {
+      border-top-right-radius: 0;
+      border-bottom-right-radius: 0;
+  }
+}

data/_sass/scss/_border-style.scss

@@ -0,0 +1,55 @@
+
+// Converted Variables
+
+
+// Custom Media Query Variables
+
+
+/*
+
+   BORDER STYLES
+   Docs: http://tachyons.io/docs/themes/borders/
+
+   Depends on base border module in _borders.css
+
+   Base:
+     b = border-style
+
+   Modifiers:
+     --none   = none
+     --dotted = dotted
+     --dashed = dashed
+     --solid  = solid
+
+   Media Query Extensions:
+     -ns = not-small
+     -m  = medium
+     -l  = large
+
+ */
+
+.b--dotted { border-style: dotted; }
+.b--dashed { border-style: dashed; }
+.b--solid {  border-style: solid; }
+.b--none {   border-style: none; }
+
+@media #{$breakpoint-not-small} {
+  .b--dotted-ns { border-style: dotted; }
+  .b--dashed-ns { border-style: dashed; }
+  .b--solid-ns {  border-style: solid; }
+  .b--none-ns {   border-style: none; }
+}
+
+@media #{$breakpoint-medium} {
+  .b--dotted-m { border-style: dotted; }
+  .b--dashed-m { border-style: dashed; }
+  .b--solid-m {  border-style: solid; }
+  .b--none-m {   border-style: none; }
+}
+
+@media #{$breakpoint-large} {
+  .b--dotted-l { border-style: dotted; }
+  .b--dashed-l { border-style: dashed; }
+  .b--solid-l {  border-style: solid; }
+  .b--none-l {   border-style: none; }
+}

data/_sass/scss/_border-widths.scss

@@ -0,0 +1,81 @@
+
+// Converted Variables
+
+
+// Custom Media Query Variables
+
+
+/*
+
+   BORDER WIDTHS
+   Docs: http://tachyons.io/docs/themes/borders/
+
+   Base:
+     bw = border-width
+
+   Modifiers:
+     0 = 0 width border
+     1 = 1st step in border-width scale
+     2 = 2nd step in border-width scale
+     3 = 3rd step in border-width scale
+     4 = 4th step in border-width scale
+     5 = 5th step in border-width scale
+
+   Media Query Extensions:
+     -ns = not-small
+     -m  = medium
+     -l  = large
+
+*/
+
+.bw0 { border-width: $border-width-none; }
+.bw1 { border-width: $border-width-1; }
+.bw2 { border-width: $border-width-2; }
+.bw3 { border-width: $border-width-3; }
+.bw4 { border-width: $border-width-4; }
+.bw5 { border-width: $border-width-5; }
+
+/* Resets */
+.bt-0 { border-top-width: $border-width-none }
+.br-0 { border-right-width: $border-width-none }
+.bb-0 { border-bottom-width: $border-width-none }
+.bl-0 { border-left-width: $border-width-none }
+
+@media #{$breakpoint-not-small} {
+  .bw0-ns { border-width: $border-width-none; }
+  .bw1-ns { border-width: $border-width-1; }
+  .bw2-ns { border-width: $border-width-2; }
+  .bw3-ns { border-width: $border-width-3; }
+  .bw4-ns { border-width: $border-width-4; }
+  .bw5-ns { border-width: $border-width-5; }
+  .bt-0-ns { border-top-width: $border-width-none }
+  .br-0-ns { border-right-width: $border-width-none }
+  .bb-0-ns { border-bottom-width: $border-width-none }
+  .bl-0-ns { border-left-width: $border-width-none }
+}
+
+@media #{$breakpoint-medium} {
+  .bw0-m { border-width: $border-width-none; }
+  .bw1-m { border-width: $border-width-1; }
+  .bw2-m { border-width: $border-width-2; }
+  .bw3-m { border-width: $border-width-3; }
+  .bw4-m { border-width: $border-width-4; }
+  .bw5-m { border-width: $border-width-5; }
+  .bt-0-m { border-top-width: $border-width-none }
+  .br-0-m { border-right-width: $border-width-none }
+  .bb-0-m { border-bottom-width: $border-width-none }
+  .bl-0-m { border-left-width: $border-width-none }
+}
+
+@media #{$breakpoint-large} {
+  .bw0-l { border-width: $border-width-none; }
+  .bw1-l { border-width: $border-width-1; }
+  .bw2-l { border-width: $border-width-2; }
+  .bw3-l { border-width: $border-width-3; }
+  .bw4-l { border-width: $border-width-4; }
+  .bw5-l { border-width: $border-width-5; }
+  .bt-0-l { border-top-width: $border-width-none }
+  .br-0-l { border-right-width: $border-width-none }
+  .bb-0-l { border-bottom-width: $border-width-none }
+  .bl-0-l { border-left-width: $border-width-none }
+}

data/_sass/scss/_borders.scss

@@ -0,0 +1,65 @@
+
+// Converted Variables
+
+
+// Custom Media Query Variables
+
+
+/*
+
+    BORDERS
+    Docs: http://tachyons.io/docs/themes/borders/
+
+    Base:
+      b = border
+
+    Modifiers:
+      a = all
+      t = top
+      r = right
+      b = bottom
+      l = left
+      n = none
+
+   Media Query Extensions:
+     -ns = not-small
+     -m  = medium
+     -l  = large
+
+*/
+
+  .ba { border-style: solid; border-width: 1px; }
+  .bt { border-top-style: solid; border-top-width: 1px; }
+  .br { border-right-style: solid; border-right-width: 1px; }
+  .bb { border-bottom-style: solid; border-bottom-width: 1px; }
+  .bl { border-left-style: solid; border-left-width: 1px; }
+  .bn { border-style: none; border-width: 0; }
+
+
+@media #{$breakpoint-not-small} {
+  .ba-ns { border-style: solid; border-width: 1px; }
+  .bt-ns { border-top-style: solid; border-top-width: 1px; }
+  .br-ns { border-right-style: solid; border-right-width: 1px; }
+  .bb-ns { border-bottom-style: solid; border-bottom-width: 1px; }
+  .bl-ns { border-left-style: solid; border-left-width: 1px; }
+  .bn-ns { border-style: none; border-width: 0; }
+}
+
+@media #{$breakpoint-medium} {
+  .ba-m { border-style: solid; border-width: 1px; }
+  .bt-m { border-top-style: solid; border-top-width: 1px; }
+  .br-m { border-right-style: solid; border-right-width: 1px; }
+  .bb-m { border-bottom-style: solid; border-bottom-width: 1px; }
+  .bl-m { border-left-style: solid; border-left-width: 1px; }
+  .bn-m { border-style: none; border-width: 0; }
+}
+
+@media #{$breakpoint-large} {
+  .ba-l { border-style: solid; border-width: 1px; }
+  .bt-l { border-top-style: solid; border-top-width: 1px; }
+  .br-l { border-right-style: solid; border-right-width: 1px; }
+  .bb-l { border-bottom-style: solid; border-bottom-width: 1px; }
+  .bl-l { border-left-style: solid; border-left-width: 1px; }
+  .bn-l { border-style: none; border-width: 0; }
+}
+

data/_sass/scss/_box-shadow.scss

@@ -0,0 +1,48 @@
+
+// Converted Variables
+
+
+// Custom Media Query Variables
+
+
+/*
+
+  BOX-SHADOW
+  Docs: http://tachyons.io/docs/themes/box-shadow/
+
+  Media Query Extensions:
+   -ns = not-small
+   -m  = medium
+   -l  = large
+
+ */
+
+.shadow-1 { box-shadow: $box-shadow-1; }
+.shadow-2 { box-shadow: $box-shadow-2; }
+.shadow-3 { box-shadow: $box-shadow-3; }
+.shadow-4 { box-shadow: $box-shadow-4; }
+.shadow-5 { box-shadow: $box-shadow-5; }
+
+@media #{$breakpoint-not-small} {
+  .shadow-1-ns { box-shadow: $box-shadow-1; }
+  .shadow-2-ns { box-shadow: $box-shadow-2; }
+  .shadow-3-ns { box-shadow: $box-shadow-3; }
+  .shadow-4-ns { box-shadow: $box-shadow-4; }
+  .shadow-5-ns { box-shadow: $box-shadow-5; }
+}
+
+@media #{$breakpoint-medium} {
+  .shadow-1-m { box-shadow: $box-shadow-1; }
+  .shadow-2-m { box-shadow: $box-shadow-2; }
+  .shadow-3-m { box-shadow: $box-shadow-3; }
+  .shadow-4-m { box-shadow: $box-shadow-4; }
+  .shadow-5-m { box-shadow: $box-shadow-5; }
+}
+
+@media #{$breakpoint-large} {
+  .shadow-1-l { box-shadow: $box-shadow-1; }
+  .shadow-2-l { box-shadow: $box-shadow-2; }
+  .shadow-3-l { box-shadow: $box-shadow-3; }
+  .shadow-4-l { box-shadow: $box-shadow-4; }
+  .shadow-5-l { box-shadow: $box-shadow-5; }
+}