dvl-core 0.0.1

data/vendor/assets/stylesheets/dvl/core/shame.scss

@@ -0,0 +1,35 @@
+// Rules
+// 1. If it’s a hack, it goes in shame.css.
+// 2. Document all hacks fully:
+//    - What part of the codebase does it relate to?
+//    - Why was this needed?
+//    - How does this fix it?
+//    - How might you fix it properly, given more time?
+// 3. Do not blame the developer; if they explained why
+//    they had to do it, then their reasons are probably
+//    (hopefully) valid.
+// 4. Try and clean shame.css up when you have some down time.
+//    - Even better, create an issue where you can allocate
+//      some time for it.
+//
+// App-specific hacks are located in app/stylesheets/shame.scss
+
+
+// Need to consolidate this with a.uppercase
+// and .caps within the next few weeks.
+//
+// See issue #700.
+//
+// —Josh
+
+button.uppercase {
+  text-transform: uppercase;
+  color: $darkGray;
+  font-size: 0.85rem;
+  font-weight: 600;
+  letter-spacing: 0.04rem;
+  &:hover {
+    text-decoration: none;
+    color: $darkerGray;
+  }
+}

data/vendor/assets/stylesheets/dvl/core/sidebar.scss

@@ -0,0 +1,101 @@
+// Sidebar
+
+.sidebar_box {
+  background-color: $lighterGray;
+  border: 1px solid #d8d8d8;
+  padding: 1rem;
+  hr {
+    margin: 0.75rem 0;
+  }
+}
+.sidebar_section {
+  margin-bottom: 1rem;
+  font-size: 0.9rem;
+  @include cf();
+  h4 {
+    font-size: 1rem;
+    line-height: 1;
+    color: $darkestGray;
+    margin-bottom: 0.35rem;
+  }
+}
+
+// Sidebar sections with icons on the left
+
+.sidebar_data {
+  padding: 0 1rem;
+  li {
+    border-bottom: 1px solid $lightGray;
+    padding: 0.75rem 0;
+    &:first-of-type {
+      padding-top: 0;
+    }
+    &:last-of-type {
+      border-bottom: 0;
+      padding-bottom: 0;
+    }
+  }
+}
+
+.sidebar_data_icon {
+  float: left;
+  width: 2rem;
+  padding-top: 0.5rem;
+  text-align: center;
+  i {
+    font-size: 26px;
+    color: $darkerGray;
+  }
+}
+
+.sidebar_data_text {
+  margin-left: 3.5rem;
+}
+
+.sidebar_data_label {
+  font-size: 0.9rem;
+}
+
+.sidebar_data_value {
+  font-size: 1.1rem;
+  color: #999;
+  font-weight: 600;
+}
+
+.sidebar_data_details {
+  font-size: 0.9rem;
+  color: #999;
+}
+
+// List of items in
+.sidebar_data_list {
+  a, span {
+    float: left;
+    @include ellipses;
+  }
+  a {
+    width: 46%;
+    margin-right: 4%;
+  }
+  span {
+    width: 50%;
+  }
+}
+
+.sidebar_social {
+  padding: 1rem 1rem 0;
+  @include cf;
+}
+
+.sidebar_submit {
+  padding-bottom: 1rem;
+  .button {
+    width: 100%;
+  }
+}
+
+.sidebar_submit_hint {
+  text-align: center;
+  font-size: 0.85rem;
+  margin-top: 0.25rem;
+}

data/vendor/assets/stylesheets/dvl/core/tables.scss

@@ -0,0 +1,122 @@
+// Tables
+
+// Borderless
+
+table {
+  max-width: 100%;
+  width: 100%;
+  border-spacing: 0;         /* 1 */
+  border-collapse: collapse; /* 1 */
+  empty-cells: show;
+  font-size: 0.9rem;
+  word-break: break-word;
+  th,
+  tfoot td {
+    color: $black;
+    text-align: left;
+    font-weight: bold;
+  }
+  thead th,
+  tfoot td  {
+    background-color: $lighterGray;
+  }
+  thead th {
+    color: $darkestGray;
+    font-size: 0.9rem;
+    font-weight: 600;
+    word-break: normal;
+  }
+  th,
+  td {
+    overflow: visible;
+    padding: 1rem;
+    vertical-align: top;
+  }
+  &.condensed {
+    th, td {
+      padding: 0.5rem;
+    }
+  }
+
+  &.vertical_middle {
+    th, td {
+      vertical-align: middle;
+    }
+  }
+  th.sortable a {
+    color: $darkestGray;
+    i {
+      color: $darkerGray;
+      margin-left: 0.25rem;
+      font-size: 1rem;
+    }
+      &:hover {
+      text-decoration: none;
+    }
+  }
+
+  /* Outer border only */
+  &.border {
+    border: 1px solid $lightGray;
+  }
+
+  /* Borders for rows & columns */
+  &.border_all {
+    th, td {
+      border-top: 1px solid $lightGray;
+      border-left: 1px solid $lightGray;
+    }
+  }
+
+  /* Border for rows only */
+  &.border_rows {
+    th, td {
+      border-top: 1px solid $lightGray;
+    }
+    /* Add bottom border to last row in the table */
+    tr:last-child td {
+      border-bottom: 1px solid $lightGray;
+    }
+  }
+
+  /* Border for columns only */
+  &.border_cols {
+    th, td {
+      border-left: 1px solid $lightGray;
+    }
+    tr th,
+    tr td {
+      &:first-child {
+        border-left: 0;
+      }
+    }
+  }
+  /* Remove top border to avoid double border on .border tables */
+  &.border {
+    &.border-all,
+    &.border-rows {
+      thead:first-child tr:first-child {
+        th, td {
+          border-top: 0;
+        }
+      }
+    }
+  }
+  &.border-all {
+    tr th,
+    tr td {
+      &:first-child {
+        border-left: 0;
+      }
+    }
+    tr:first-child,
+    thead:first-child tr:first-child {
+      th {
+        border-left: 0;
+      }
+    }
+  }
+  &.stripes tbody > tr:nth-child(even) {
+    background-color: $lightestGray;
+  }
+}

data/vendor/assets/stylesheets/dvl/core/tooltips.scss

@@ -0,0 +1,87 @@
+// Bootstrap tooltips
+
+.tooltip {
+  position: absolute;
+  z-index: 1030;
+  display: block;
+  font-size: 0.9rem;
+  line-height: 1.6;
+  opacity: 0;
+  visibility: visible;
+  min-width: 40px;
+  transition: transform 0.25s $ease_out_back, opacity 120ms ease-out;
+  &.top, &.bottom {
+    padding: 5px 0;
+  }
+  &.right, &.left {
+    padding: 0 5px;
+  }
+  &.top {
+    margin-top: -3px;
+    transform: translateY(5px) translateZ(0);
+  }
+  &.right {
+    margin-left: 3px;
+    transform: translateX(-5px) translateZ(0);
+  }
+  &.bottom {
+    margin-top: 3px;
+    transform: translateY(-5px) translateZ(0);
+  }
+  &.left {
+    margin-left: -3px;
+    transform: translateX(5px) translateZ(0);
+  }
+  &.in {
+    opacity: 0.9;
+    transform: translate(0,0);
+  }
+}
+
+.tooltip-inner {
+  max-width: 200px;
+  padding: 0.25rem 0.5rem;
+  color: #ffffff;
+  text-align: center;
+  text-decoration: none;
+  background-color: #000;
+  border-radius: $radius;
+}
+
+.tooltip-arrow {
+  position: absolute;
+  width: 0;
+  height: 0;
+  border-color: transparent;
+  border-style: solid;
+  .tooltip.top &,
+  .tooltip.bottom & {
+    left: 50%;
+    margin-left: -5px;
+  }
+  .tooltip.right &,
+  .tooltip.left & {
+    top: 50%;
+    margin-top: -5px;
+  }
+  .tooltip.top & {
+    bottom: 0;
+    border-top-color: #000;
+    border-width: 5px 5px 0;
+  }
+  .tooltip.right & {
+    left: 0;
+    border-right-color: #000;
+    border-width: 5px 5px 5px 0;
+  }
+  .tooltip.left & {
+    right: 0;
+    border-left-color: #000;
+    border-width: 5px 0 5px 5px;
+  }
+  .tooltip.bottom & {
+    top: 0;
+    border-bottom-color: #000;
+    border-width: 0 5px 5px;
+  }
+}

data/vendor/assets/stylesheets/dvl/core/typography.scss

@@ -0,0 +1,158 @@
+/* ================================================================== *
+   Typography ($typography)
+
+   Modular scale:    12px @ 1:1.333 (perfect fourth)
+   Important number: 20px (maximum <html> `font-size`)
+   http://modularscale.com/scale/?px1=12&px2=20&ra1=1.333&ra2=0
+\* ================================================================== */
+
+html {
+  font-size: 75%;
+}
+/* 12px */
+@media only screen and (min-width: 320px) {
+  html {
+    font-size: 75%;
+  }
+}
+/* 13px */
+@media only screen and (min-width: 480px) {
+  html {
+    font-size: 81.25%;
+  }
+}
+/* 14px */
+@media only screen and (min-width: 640px) {
+  html {
+    font-size: 87.5%;
+  }
+}
+/* 16px */
+/**
+ * 1. Remove default `margin`
+ * 2. Inherits percentage declared on above <html> as root `font-size`
+ * 3. Unitless `line-height`, which acts as multiple of root `font-size`
+ */
+body {
+  margin: 0; /* 1 */
+  color: $bodyFontColor;
+  font-size: 1rem; /* 2 */
+  font-family: 'Open Sans', "Helvetica Neue", Arial, sans-serif;
+  line-height: 1.5; /* 3 */
+}
+/* Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome */
+b,
+strong {
+  font-weight: 600;
+}
+
+blockquote,
+dl,
+figure,
+hr,
+menu,
+ol,
+p,
+pre,
+summary,
+table,
+ul {
+  margin: 0 0 1rem;
+}
+
+dl {
+  dt {
+    color: $black;
+    font-weight: 700;
+  }
+
+  dd {
+    margin: 0 0 1rem;
+  }
+}
+
+em,
+i,
+cite {
+  font-style: italic;
+}
+
+/* NOTE: Use `text-rendering` with caution - http://cbrac.co/SJt8p1 */
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  margin: 0 0 0.75rem;
+  color: $black;
+  font-weight: 600;
+  line-height: 1.333;
+  text-rendering: optimizeLegibility;
+}
+
+h1 {
+  font-size: 2rem;
+}
+
+h2 {
+  font-size: 1.6rem;
+}
+
+h3 {
+  font-size: 1.4rem;
+}
+
+h4 {
+  font-size: 1.2rem;
+}
+
+h5 {
+  font-size: 1rem;
+}
+
+h6 {
+  font-size: 0.75rem;
+}
+
+/* Address differences between Firefox and other browsers */
+hr {
+  -webkit-box-sizing: content-box;
+  -moz-box-sizing: content-box;
+  box-sizing: content-box;
+  height: 0;
+  border: 0;
+  border-bottom: 1px solid $lightGray;
+}
+
+/* 1. Address inconsistent and variable `font-size` in all browsers */
+small {
+  display: inline-block;
+  font-size: 87.5%; /* 1 */
+  line-height: 1.333;
+}
+
+/* Prevent <sub> and <sup> affecting `line-height` in all browsers */
+sub,
+sup {
+  position: relative;
+  vertical-align: baseline;
+  font-size: 75%;
+  line-height: 0;
+}
+
+sup {
+  top: -0.5em;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+.caps {
+  font-weight: 600;
+  text-transform: uppercase;
+  color: $darkerGray;
+  font-size: 0.96rem;
+  letter-spacing: 0.06rem;
+}