axinite 0.0.9 → 0.0.10

data/_sass/_syntax.scss

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

data/_sass/_tooltips.scss

@@ -0,0 +1,129 @@
+.tip { position: relative; }
+
+.tip::after {
+  position: absolute;
+  z-index: $tooltip-z-index;
+  display: none;
+  padding: 5px 8px;
+  font: normal normal ($body-font-size * .75) $sans-serif-font-stack;
+  line-height: $base-line-height;
+  color: $tooltip-text-color;
+  text-align: center;
+  text-decoration: none;
+  text-shadow: none;
+  text-transform: none;
+  letter-spacing: normal;
+  word-wrap: break-word;
+  white-space: pre;
+  pointer-events: none;
+  content: attr(aria-label);
+  background-color: $tooltip-bg-color;
+  border-radius: 3px;
+  opacity: 0;
+  -webkit-font-smoothing: subpixel-antialiased;
+}
+
+.tip::before {
+  position: absolute;
+  z-index: ($tooltip-z-index + 1);
+  display: none;
+  width: 0;
+  height: 0;
+  color: $tooltip-bg-color;
+  pointer-events: none;
+  content: "";
+  border: 5px solid transparent;
+  opacity: 0;
+}
+
+@keyframes tooltip-fade {
+  from { opacity: 0; }
+
+  to { opacity: 1; }
+}
+
+.tip:hover,
+.tip:active,
+.tip:focus {
+  &::before,
+  &::after {
+    display: inline-block;
+    text-decoration: none;
+    animation-name: tooltip-fade;
+    animation-duration: $tooltip-duration;
+    animation-timing-function: ease-in;
+    animation-delay: $tooltip-delay;
+    animation-fill-mode: forwards;
+  }
+}
+
+.tip-bottom {
+  &::after {
+    top: 100%;
+    right: 50%;
+    margin-top: 5px;
+  }
+
+  &::before {
+    top: auto;
+    right: 50%;
+    bottom: -5px;
+    margin-right: -5px;
+    border-bottom-color: $tooltip-bg-color;
+  }
+}
+
+.tip-top {
+  &::after {
+    right: 50%;
+    bottom: 100%;
+    margin-bottom: 5px;
+  }
+
+  &::before {
+    top: -5px;
+    right: 50%;
+    bottom: auto;
+    margin-right: -5px;
+    border-top-color: $tooltip-bg-color;
+  }
+}
+
+.tip-bottom::after,
+.tip-top::after {
+  transform: translateX(50%);
+}
+
+.tip-left {
+  &::after {
+    right: 100%;
+    bottom: 50%;
+    margin-right: 5px;
+    transform: translateY(50%);
+  }
+
+  &::before {
+    top: 50%;
+    bottom: 50%;
+    left: -5px;
+    margin-top: -5px;
+    border-left-color: $tooltip-bg-color;
+  }
+}
+
+.tip-right {
+  &::after {
+    bottom: 50%;
+    left: 100%;
+    margin-left: 5px;
+    transform: translateY(50%);
+  }
+
+  &::before {
+    top: 50%;
+    right: -5px;
+    bottom: 50%;
+    margin-top: -5px;
+    border-right-color: $tooltip-bg-color;
+  }
+}

data/_sass/_utilities.scss

@@ -0,0 +1,23 @@
+.container {
+  max-width: 50em;
+  padding: 4em 1em;
+  margin: 0 auto;
+  line-height: $base-line-height;
+}
+
+.header {
+  padding: 1.5em;
+  text-align: center;
+
+  h2 {
+    font-weight: normal;
+  }
+
+  li {
+    display: inline-block;
+    padding: .5em;
+    vertical-align: center;
+    list-style: none;
+    }
+
+}

data/_sass/_variables.scss

@@ -0,0 +1,55 @@
+// Component colors
+$primary-default: #d8d8d8 !default;
+$primary-brand: #5762d5 !default;
+$primary-info: #4ea5d9 !default;
+$primary-success: #79ce80 !default;
+$primary-warning: #e8e366 !default;
+$primary-caution: #ff572d !default;
+$primary-danger: #e03431 !default;
+
+// Basic colors
+$white: #fff !default;
+$black: #000 !default;
+
+// Font stack
+$mono-font-stack: Menlo, "Lucida Console", "Roboto Mono", "Ubuntu Mono", monospace !default;
+$sans-serif-font-stack: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, Arial, sans-serif !default;
+$serif-font-stack: Georgia, "Times New Roman", Times, serif !default;
+
+// Body
+$body-dark-color: #f9f9f9 !default;
+$body-light-color: #424c55 !default;
+$body-text-color: #888 !default;
+$dark-bg-color: $body-light-color !default;
+$light-bg-color: $body-dark-color !default;
+
+// Code
+$code-bg-color: #f5f7f9 !default;
+$code-text-color: #92b4a7 !default;
+$kbd-bg-color: $black !default;
+$kbd-text-color: $white !default;
+$pre-text-color: $code-text-color !default;
+$pre-bg-color: $code-bg-color !default;
+
+// Tooltips
+$tooltip-bg-color: #000 !default;
+$tooltip-delay: .4s !default;
+$tooltip-duration: .1s !default;
+$tooltip-max-width: 250px !default;
+$tooltip-text-color: #fff !default;
+$tooltip-z-index: 1000000 !default;
+
+// Sizing
+$body-font-size: 1em !default;
+$h1-font-size: 2.25em;
+$h2-font-size: 2em;
+$h3-font-size: 1.75em;
+$h4-font-size: 1.5em;
+$h5-font-size: 1.25em;
+$h6-font-size: $body-font-size !default;
+
+// Spacing
+$base-line-height: 1.5 !default;
+
+// Shadow
+$box-shadow-color: rgba(0,0,0,.3) !default;

data/_sass/mixins/_buttons.scss

@@ -0,0 +1,23 @@
+@mixin button($primary-color) {
+  background-color: $primary-color;
+  border: 1px solid darken($primary-color, 5%);
+  color: $white;
+
+  &:focus { @include shadow($primary-color); }
+
+  &:hover {
+    background-color: darken($primary-color, 10%);
+    border-color: darken($primary-color, 15%);
+  }
+
+  &:active {
+    background-color: darken($primary-color, 20%);
+    border-color: darken($primary-color, 35%);
+    box-shadow: inset 0 2px 4px $box-shadow-color;
+  }
+}
+
+@mixin button-size($padding-y, $padding-x, $font-size) {
+  padding: $padding-y $padding-x;
+  font-size: $font-size;
+}