locker_kit 0.0.2

data/app/assets/stylesheets/locker_kit/base/_print.scss

@@ -0,0 +1,95 @@
+@media print {
+
+  * {
+    text-shadow: none !important;
+    color: #000 !important; // Black prints faster: h5bp.com/s
+    background: transparent !important;
+    box-shadow: none !important;
+  }
+
+  a,
+  a:visited {
+    text-decoration: underline;
+  }
+
+  a[href]:after {
+    content: " (" attr(href) ")";
+  }
+
+  abbr[title]:after {
+    content: " (" attr(title) ")";
+  }
+
+  // Don't show links for images, or javascript/internal links
+  .ir a:after,
+  a[href^="javascript:"]:after,
+  a[href^="#"]:after {
+    content: "";
+  }
+
+  pre,
+  blockquote {
+    border: 1px solid #999;
+    page-break-inside: avoid;
+  }
+
+  thead {
+    display: table-header-group; // h5bp.com/t
+  }
+
+  tr,
+  img {
+    page-break-inside: avoid;
+  }
+
+  img {
+    max-width: 100% !important;
+  }
+
+  @page {
+    margin: 2cm .5cm;
+  }
+
+  p,
+  h2,
+  h3 {
+    orphans: 3;
+    widows: 3;
+  }
+
+  h2,
+  h3 {
+    page-break-after: avoid;
+  }
+
+  // Bootstrap components
+  .navbar {
+    display: none;
+  }
+  .table {
+    td,
+    th {
+      background-color: #fff !important;
+    }
+  }
+  .btn,
+  .dropup > .btn {
+    > .caret {
+      border-top-color: #000 !important;
+    }
+  }
+  .label {
+    border: 1px solid #000;
+  }
+
+  .table {
+    border-collapse: collapse !important;
+  }
+  .table-bordered {
+    th,
+    td {
+      border: 1px solid #ddd !important;
+    }
+  }
+
+}

data/app/assets/stylesheets/locker_kit/base/_type.scss

@@ -0,0 +1,87 @@
+// Headings
+// -------------------------
+
+$headings-font-family: $headings-font-family;
+$headings-font-weight: 400;
+$headings-line-height: 1.1;
+$headings-color: inherit;
+$headings-small-color: #888;
+
+$font-size-base: 14px !default;
+
+$font-size-h1: floor(($font-size-base * 1.6)) !default;
+$font-size-h2: floor(($font-size-base * 1.35)) !default;
+$font-size-h3: ceil(($font-size-base * 1.2)) !default;
+$font-size-h4: ceil(($font-size-base * 1.2)) !default;
+$font-size-h5: $font-size-base !default;
+$font-size-h6: ceil(($font-size-base * 0.85)) !default;
+
+//** Unit-less `line-height` for use in components like buttons.
+$line-height-base: 1.428571429 !default; // 20/14
+//** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc.
+$line-height-computed: floor(($font-size-base * $line-height-base)) !default; // ~20px
+
+h1, h2, h3, h4, h5, h6,
+.h1, .h2, .h3, .h4, .h5, .h6 {
+  font-family: $headings-font-family;
+  font-weight: $headings-font-weight;
+  line-height: $headings-line-height;
+  color: $headings-color;
+  margin-top: ($line-height-computed / 2);
+  margin-bottom: ($line-height-computed / 2);
+
+  small,
+  .small {
+    font-weight: normal;
+    line-height: 1;
+    color: $headings-small-color;
+    font-size: 65%;
+  }
+}
+
+h1, .h1 { font-size: $font-size-h1; }
+h2, .h2 { font-size: $font-size-h2; color: $red; }
+h3, .h3 { font-size: $font-size-h3; }
+h4, .h4 { font-size: $font-size-h4; }
+h5, .h5 { font-size: $font-size-h5; }
+h6, .h6 { font-size: $font-size-h6; }
+
+
+p {
+  margin: 0 0 ($line-height-computed / 2);
+  line-height: $line-height-computed;
+  font-size: $font-size-base;
+}
+
+small,
+.small {
+  font-size: 90%;
+}
+
+strong {
+  font-weight: $font-bold-weight;
+}
+
+.muted {
+  color: $muted;
+}
+
+// Alignment
+.text-left   { text-align: left; }
+.text-right  { text-align: right; }
+.text-center { text-align: center; }
+
+
+// Lists
+// -------------------------
+
+// Unordered and Ordered lists
+ul,
+ol {
+  margin-top: 0;
+  margin-bottom: ($line-height-computed / 2);
+  ul,
+  ol {
+    margin-bottom: 0;
+  }
+}

data/app/assets/stylesheets/locker_kit/base/_utilities.scss

@@ -0,0 +1,24 @@
+// Utilites
+// -------
+
+// Import if Google Fonts URL is defined 
+
+@if variable-exists(font-url--google) {
+  @import url($font-url--google);
+}
+
+// Calculate em Values
+
+@function em($target, $context: $base-font--size) {
+  @return ($target / $context) * 1em;
+}
+
+// Mixins
+
+@mixin bg-colors($map) {
+  @each $theme, $color in $map {
+    &--#{$theme} {
+      background-color: $color;
+    }
+  }
+}

data/app/assets/stylesheets/locker_kit/base/body_styles.scss

@@ -0,0 +1,16 @@
+// Apply a natural box layout model to all elements
+*, *:before, *:after {
+  -webkit-box-sizing: border-box;
+     -moz-box-sizing: border-box;
+          box-sizing: border-box;
+ }
+
+body, html {
+  height: 100%;
+  width: 100%;
+  background-color: $sand;
+  margin: 0;
+  font-family: $sans-font-family;
+  font-size: $font-size-base;
+  -webkit-font-smoothing: antialiased;
+}

data/app/assets/stylesheets/locker_kit/components/_navbar.scss

@@ -0,0 +1,37 @@
+.navbar {
+  //@include clearfix();
+  background-color: #fff;
+  border-bottom: 1px solid #cacaca;
+  height: 40px;
+  line-height: 40px;
+  position: relative;
+  padding: 0 18px;
+
+
+  .navbar-right {
+    float: right;
+  }
+
+  .navbar-left {
+    float: left;
+
+    .align-edge { margin-left: -30px; }
+  }
+
+  a {
+    @include link-on-hover();
+    padding: 0 6px;
+    font-weight: $font-bold-weight;
+  }
+
+}
+
+.navbar-brand {
+  background-color: $sand-gray;
+  border-bottom: 1px solid $brown;
+
+  a {
+    color: darken($brown, 25%);
+    &:hover { color: darken($brown, 45%); }
+  }
+}

data/app/assets/stylesheets/locker_kit/components/_ui-card.scss

@@ -0,0 +1,16 @@
+.ui-card, .ui-card-small {
+  background-color: #fff;
+  max-width: 550px;
+  width: 550px;
+  flex-grow: 1;
+  padding: 24px;
+  margin: 12px;
+  border-radius: 2px;
+  border: 1px solid $brown;
+}
+
+.ui-card-small {
+  width: 350px;
+  max-width: 350px;
+  flex-grow: 0;
+}

data/app/assets/stylesheets/locker_kit/components/_well.scss

@@ -0,0 +1,34 @@
+.well {
+  //background-color: lighten($blue, 55%);
+  border-radius: 2px;
+  border: 1px solid lighten($blue, 55%);
+  display: flex;
+  margin: 12px 0;
+  padding: 12px;
+
+  .well-icon {
+    margin-right: 12px;
+    color: $green;
+  }
+
+  h3 {
+    margin: 0;
+  }
+
+  .well-supplemental-information {
+    @include spaced-out-spans;
+    color: $muted;
+    margin: 0;
+  }
+}
+
+.well-collapsed {
+  border: 1px solid lighten($blue, 55%);
+  border-bottom: none;
+  display: block;
+  padding: 2px 6px;
+
+  &:last-child {
+    border-bottom: 1px solid lighten($blue, 55%);
+  }
+}

data/app/assets/stylesheets/locker_kit/components/_widget.scss

@@ -0,0 +1,19 @@
+.widget {
+  background-color: #fff;
+  border-radius: 2px;
+  border: 1px solid $brown;
+  margin: 12px 0;
+  padding: 24px;
+
+  header {
+    align-items: baseline;
+    border-bottom: 1px solid #ddd;
+    display: flex;
+
+    h1 { flex-grow: 1; }
+  }
+
+  section {
+    margin: 12px 0;
+  }
+}

data/app/assets/stylesheets/locker_kit/layouts/base.scss

@@ -0,0 +1,34 @@
+.centered-small {
+  align-items: center;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  width: 100%;
+  min-height: 100%;
+}
+
+.locker {
+  width: 100%;
+  max-width: 960px;
+  margin: 0 auto;
+
+  .grid {
+    width: 100%;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+  }
+
+  .big-column {
+    width: 50%;
+    max-width: 50%;
+    flex-grow: 1;
+    padding: 12px;
+    margin: 12px 0;
+
+    @media screen and (max-width: $break-small) {
+      width: 100%;
+      max-width: 100%;
+    }
+  }
+}

data/app/assets/stylesheets/locker_kit/pygments.scss

@@ -0,0 +1,68 @@
+.highlight,
+.highlight code,
+.highlight pre {
+  font-family: "Source Code Pro", monospace;
+  font-size: 12px;
+}
+
+.hll { background-color: #ffffcc }
+.c { color: #999988; font-style: italic } /* Comment */
+.err { color: #a61717; background-color: #e3d2d2 } /* Error */
+.k { color: #000000; font-weight: bold } /* Keyword */
+.o { color: #000000; font-weight: bold } /* Operator */
+.cm { color: #999988; font-style: italic } /* Comment.Multiline */
+.cp { color: #999999; font-weight: bold; font-style: italic } /* Comment.Preproc */
+.c1 { color: #999988; font-style: italic } /* Comment.Single */
+.cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */
+.gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
+.ge { color: #000000; font-style: italic } /* Generic.Emph */
+.gr { color: #aa0000 } /* Generic.Error */
+.gh { color: #999999 } /* Generic.Heading */
+.gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
+.go { color: #888888 } /* Generic.Output */
+.gp { color: #555555 } /* Generic.Prompt */
+.gs { font-weight: bold } /* Generic.Strong */
+.gu { color: #aaaaaa } /* Generic.Subheading */
+.gt { color: #aa0000 } /* Generic.Traceback */
+.kc { color: #000000; font-weight: bold } /* Keyword.Constant */
+.kd { color: #000000; font-weight: bold } /* Keyword.Declaration */
+.kn { color: #000000; font-weight: bold } /* Keyword.Namespace */
+.kp { color: #000000; font-weight: bold } /* Keyword.Pseudo */
+.kr { color: #000000; font-weight: bold } /* Keyword.Reserved */
+.kt { color: #445588; font-weight: bold } /* Keyword.Type */
+.m { color: #009999 } /* Literal.Number */
+.s { color: #d01040 } /* Literal.String */
+.na { color: #008080 } /* Name.Attribute */
+.nb { color: #0086B3 } /* Name.Builtin */
+.nc { color: #445588; font-weight: bold } /* Name.Class */
+.no { color: #008080 } /* Name.Constant */
+.nd { color: #3c5d5d; font-weight: bold } /* Name.Decorator */
+.ni { color: #800080 } /* Name.Entity */
+.ne { color: #990000; font-weight: bold } /* Name.Exception */
+.nf { color: #990000; font-weight: bold } /* Name.Function */
+.nl { color: #990000; font-weight: bold } /* Name.Label */
+.nn { color: #555555 } /* Name.Namespace */
+.nt { color: #000080 } /* Name.Tag */
+.nv { color: #008080 } /* Name.Variable */
+.ow { color: #000000; font-weight: bold } /* Operator.Word */
+.w { color: #bbbbbb } /* Text.Whitespace */
+.mf { color: #009999 } /* Literal.Number.Float */
+.mh { color: #009999 } /* Literal.Number.Hex */
+.mi { color: #009999 } /* Literal.Number.Integer */
+.mo { color: #009999 } /* Literal.Number.Oct */
+.sb { color: #d01040 } /* Literal.String.Backtick */
+.sc { color: #d01040 } /* Literal.String.Char */
+.sd { color: #d01040 } /* Literal.String.Doc */
+.s2 { color: #d01040 } /* Literal.String.Double */
+.se { color: #d01040 } /* Literal.String.Escape */
+.sh { color: #d01040 } /* Literal.String.Heredoc */
+.si { color: #d01040 } /* Literal.String.Interpol */
+.sx { color: #d01040 } /* Literal.String.Other */
+.sr { color: #009926 } /* Literal.String.Regex */
+.s1 { color: #d01040 } /* Literal.String.Single */
+.ss { color: #990073 } /* Literal.String.Symbol */
+.bp { color: #999999 } /* Name.Builtin.Pseudo */
+.vc { color: #008080 } /* Name.Variable.Class */
+.vg { color: #008080 } /* Name.Variable.Global */
+.vi { color: #008080 } /* Name.Variable.Instance */
+.il { color: #009999 } /* Literal.Number.Integer.Long */