phantom-blergh 0.1.0

data/_sass/phantom-blergh/components/_icon.scss

@@ -0,0 +1,50 @@
+///
+/// Phantom by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Icon */
+
+.icon {
+  @include icon;
+  border-bottom: none;
+  position: relative;
+
+  > .label {
+    display: none;
+  }
+
+  &.style1 {
+  }
+
+  &.style2 {
+    @include vendor('transition', (
+    'background-color #{_duration(transition)} ease-in-out',
+    'color #{_duration(transition)} ease-in-out',
+    'border-color #{_duration(transition)} ease-in-out'
+    ));
+    background-color: transparent;
+    border: solid 1px _palette(border);
+    border-radius: _size(border-radius);
+    width: 2.65em;
+    height: 2.65em;
+    display: inline-block;
+    text-align: center;
+    line-height: 2.65em;
+    color: inherit;
+
+    &:before {
+      font-size: 1.1em;
+    }
+
+    &:hover {
+      color: _palette(accent1);
+      border-color: _palette(accent1);
+    }
+
+    &:active {
+      background-color: transparentize(_palette(accent1), 0.9);
+    }
+  }
+}

data/_sass/phantom-blergh/components/_image.scss

@@ -0,0 +1,64 @@
+///
+/// Phantom by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Image */
+
+.image {
+  border-radius: _size(border-radius);
+  border: 0;
+  display: inline-block;
+  position: relative;
+
+  img {
+    border-radius: _size(border-radius);
+    display: block;
+  }
+
+  &.left,
+  &.right {
+    max-width: 40%;
+
+    img {
+      width: 100%;
+    }
+  }
+
+  &.left {
+    float: left;
+    padding: 0 1.5em 1em 0;
+    top: 0.25em;
+  }
+
+  &.right {
+    float: right;
+    padding: 0 0 1em 1.5em;
+    top: 0.25em;
+  }
+
+  &.fit {
+    display: block;
+    margin: 0 0 _size(element-margin) 0;
+    width: 100%;
+
+    img {
+      width: 100%;
+    }
+  }
+
+  &.main {
+    display: block;
+    margin: 0 0 (_size(element-margin) * 1.5) 0;
+    width: 100%;
+
+    img {
+      width: 100%;
+    }
+
+    @include breakpoint(small) {
+      margin: 0 0 _size(element-margin) 0;
+    }
+  }
+}

data/_sass/phantom-blergh/components/_list.scss

@@ -0,0 +1,177 @@
+///
+/// Phantom by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* List */
+
+ol {
+  list-style: decimal;
+  margin: 0 0 _size(element-margin) 0;
+  padding-left: 1.25em;
+
+  li {
+    padding-left: 0.25em;
+  }
+}
+
+ul {
+  list-style: disc;
+  margin: 0 0 _size(element-margin) 0;
+  padding-left: 1em;
+
+  li {
+    padding-left: 0.5em;
+  }
+
+  &.alt {
+    list-style: none;
+    padding-left: 0;
+
+    li {
+      border-top: solid _size(border-width) _palette(border);
+      padding: 0.5em 0;
+
+      &:first-child {
+        border-top: 0;
+        padding-top: 0;
+      }
+    }
+  }
+
+  &.icons {
+    cursor: default;
+    list-style: none;
+    padding-left: 0;
+    margin: -1em 0 _size(element-margin) -1em;
+
+    li {
+      display: inline-block;
+      padding: 1em 0 0 1em;
+    }
+  }
+
+  &.actions {
+    cursor: default;
+    list-style: none;
+    padding-left: 0;
+
+    li {
+      display: inline-block;
+      padding: 0 (_size(element-margin) * 0.5) 0 0;
+      vertical-align: middle;
+
+      &:last-child {
+        padding-right: 0;
+      }
+    }
+
+    &.small {
+      li {
+        padding: 0 (_size(element-margin) * 0.25) 0 0;
+      }
+    }
+
+    &.vertical {
+      li {
+        display: block;
+        padding: (_size(element-margin) * 0.5) 0 0 0;
+
+        &:first-child {
+          padding-top: 0;
+        }
+
+        > * {
+          margin-bottom: 0;
+        }
+      }
+
+      &.small {
+        li {
+          padding: (_size(element-margin) * 0.25) 0 0 0;
+
+          &:first-child {
+            padding-top: 0;
+          }
+        }
+      }
+    }
+
+    &.fit {
+      display: table;
+      margin-left: (_size(element-margin) * -0.5);
+      padding: 0;
+      table-layout: fixed;
+      width: calc(100% + #{(_size(element-margin) * 0.5)});
+
+      li {
+        display: table-cell;
+        padding: 0 0 0 (_size(element-margin) * 0.5);
+
+        > * {
+          margin-bottom: 0;
+        }
+      }
+
+      &.small {
+        margin-left: (_size(element-margin) * -0.25);
+        width: calc(100% + #{(_size(element-margin) * 0.25)});
+
+        li {
+          padding: 0 0 0 (_size(element-margin) * 0.25);
+        }
+      }
+    }
+
+    @include breakpoint(xsmall) {
+      margin: 0 0 _size(element-margin) 0;
+
+      li {
+        padding: (_size(element-margin) * 0.5) 0 0 0;
+        display: block;
+        text-align: center;
+        width: 100%;
+
+        &:first-child {
+          padding-top: 0;
+        }
+
+        > * {
+          width: 100%;
+          margin: 0 !important;
+
+          &.icon {
+            &:before {
+              margin-left: -2em;
+            }
+          }
+        }
+      }
+
+      &.small {
+        li {
+          padding: (_size(element-margin) * 0.25) 0 0 0;
+
+          &:first-child {
+            padding-top: 0;
+          }
+        }
+      }
+    }
+  }
+}
+
+dl {
+  margin: 0 0 _size(element-margin) 0;
+
+  dt {
+    display: block;
+    font-weight: _font(weight-bold);
+    margin: 0 0 (_size(element-margin) * 0.5) 0;
+  }
+
+  dd {
+    margin-left: _size(element-margin);
+  }
+}

data/_sass/phantom-blergh/components/_section.scss

@@ -0,0 +1,26 @@
+///
+/// Phantom by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Section/Article */
+
+section,
+article {
+  &.special {
+    text-align: center;
+  }
+}
+
+header {
+  p {
+    margin-top: _size(element-margin) * -0.5;
+  }
+
+  @include breakpoint(small) {
+    p {
+      margin-top: 0;
+    }
+  }
+}

data/_sass/phantom-blergh/components/_syntax_highlighting.scss

@@ -0,0 +1,320 @@
+/**
+ * Syntax highlighting styles
+ */
+.highlight {
+  background: #fff;
+
+  .highlighter-rouge & {
+    background: #eef;
+  }
+
+  // Comment
+  .c {
+    color: #998;
+    font-style: italic;
+  }
+
+  // Error
+  .err   {
+    color: #a61717;
+    background-color: #e3d2d2;
+  }
+
+  // Keyword
+  .k {
+    font-weight: bold;
+  }
+
+  // Operator
+  .o {
+    font-weight: bold;
+  }
+
+  // Comment.Multiline
+  .cm {
+    color: #998;
+    font-style: italic;
+  }
+
+  // Comment.Preproc
+  .cp {
+    color: #999;
+    font-weight: bold;
+  }
+
+  // Comment.Single
+  .c1 {
+    color: #998;
+    font-style: italic;
+  }
+
+  // Comment.Special
+  .cs {
+    color: #999;
+    font-weight: bold;
+    font-style: italic;
+  }
+
+  // Generic.Deleted
+  .gd {
+    color: #000;
+    background-color: #fdd;
+
+    // Generic.Deleted.Specific
+    .x {
+      color: #000;
+      background-color: #faa;
+    }
+  }
+
+  // Generic.Emph
+  .ge {
+    font-style: italic;
+  }
+
+  // Generic.Error
+  .gr {
+    color: #a00;
+  }
+
+  // Generic.Heading
+  .gh {
+    color: #999;
+  }
+
+  // Generic.Inserted
+  .gi {
+    color: #000;
+    background-color: #dfd;
+
+    // Generic.Inserted.Specific
+    .x {
+      color: #000;
+      background-color: #afa;
+    }
+  }
+
+  // Generic.Output
+  .go {
+    color: #888;
+  }
+
+  // Generic.Prompt
+  .gp    {
+    color: #555;
+  }
+
+  // Generic.Strong
+  .gs {
+    font-weight: bold;
+  }
+
+  // Generic.Subheading
+  .gu {
+    color: #aaa;
+  }
+
+  // Generic.Traceback
+  .gt {
+    color: #a00;
+  }
+
+  // Keyword.Constant
+  .kc {
+    font-weight: bold;
+  }
+
+  // Keyword.Declaration
+  .kd {
+    font-weight: bold;
+  }
+
+  // Keyword.Pseudo
+  .kp {
+    font-weight: bold;
+  }
+
+  // Keyword.Reserved
+  .kr {
+    font-weight: bold;
+  }
+
+  // Keyword.Type
+  .kt    {
+    color: #458;
+    font-weight: bold;
+  }
+
+  // Literal.Number
+  .m {
+    color: #099;
+  }
+
+  // Literal.String
+  .s {
+    color: #d14;
+  }
+
+  // Name.Attribute
+  .na {
+    color: #008080;
+  }
+
+  // Name.Builtin
+  .nb {
+    color: #0086B3;
+  }
+
+  // Name.Class
+  .nc {
+    color: #458;
+    font-weight: bold;
+  }
+
+  // Name.Constant
+  .no {
+    color: #008080;
+  }
+
+  // Name.Entity
+  .ni {
+    color: #800080;
+  }
+
+  // Name.Exception
+  .ne {
+    color: #900;
+    font-weight: bold;
+  }
+
+  // Name.Function
+  .nf {
+    color: #900;
+    font-weight: bold;
+  }
+
+  // Name.Namespace
+  .nn {
+    color: #555;
+  }
+
+  // Name.Tag
+  .nt {
+    color: #000080;
+  }
+
+  // Name.Variable
+  .nv {
+    color: #008080;
+  }
+
+  // Operator.Word
+  .ow {
+    font-weight: bold;
+  }
+
+  // Text.Whitespace
+  .w  {
+    color: #bbb;
+  }
+
+  // Literal.Number.Float
+  .mf {
+    color: #099;
+  }
+
+  // Literal.Number.Hex
+  .mh {
+    color: #099;
+  }
+
+  // Literal.Number.Integer
+  .mi {
+    color: #099;
+  }
+
+  // Literal.Number.Oct
+  .mo {
+    color: #099;
+  }
+
+  // Literal.String.Backtick
+  .sb {
+    color: #d14;
+  }
+
+  // Literal.String.Char
+  .sc {
+    color: #d14;
+  }
+
+  // Literal.String.Doc
+  .sd {
+    color: #d14;
+  }
+
+  // Literal.String.Double
+  .s2 {
+    color: #d14;
+  }
+
+  // Literal.String.Escape
+  .se {
+    color: #d14;
+  }
+
+  // Literal.String.Heredoc
+  .sh {
+    color: #d14;
+  }
+
+  // Literal.String.Interpol
+  .si {
+    color: #d14;
+  }
+
+  // Literal.String.Other
+  .sx {
+    color: #d14;
+  }
+
+  // Literal.String.Regex
+  .sr {
+    color: #009926;
+  }
+
+  // Literal.String.Single
+  .s1 {
+    color: #d14;
+  }
+
+  // Literal.String.Symbol
+  .ss {
+    color: #990073;
+  }
+
+  // Name.Builtin.Pseudo
+  .bp {
+    color: #999;
+  }
+
+  // Name.Variable.Class
+  .vc {
+    color: #008080;
+  }
+
+  // Name.Variable.Global
+  .vg {
+    color: #008080;
+  }
+
+  // Name.Variable.Instance
+  .vi {
+    color: #008080;
+  }
+
+  // Literal.Number.Integer.Long
+  .il {
+    color: #099;
+  }
+}