dvl-core 0.0.1

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

@@ -0,0 +1,53 @@
+/* ================================================================== *\
+   Links ($links)
+\* ================================================================== */
+
+/* 1. Remove the gray background color from active links in IE 10 */
+a {
+  background: transparent;
+  color: $linkColor;
+  cursor: pointer;
+  text-decoration: none;
+// Improve readability when focused or hovered in all browsers
+// Address `outline` inconsistency between Chrome and other browsers
+  &.muted {
+    color: $darkerGray;
+    text-decoration: underline;
+    &:hover {
+      text-decoration: none;
+    }
+  }
+  &.smallbold {
+    font-weight: 600;
+    font-size: 0.9rem;
+  }
+  &:hover {
+    text-decoration: underline;
+  }
+  &:active,
+  &:hover {
+    outline: 0;
+  }
+  &:focus {
+    outline: thin dotted;
+  }
+  &.uppercase {
+    // #todo consolidate this with .caps
+    text-transform: uppercase;
+    color: $darkGray;
+    font-size: 0.85rem;
+    font-weight: 600;
+    letter-spacing: 0.04rem;
+    &:hover {
+      text-decoration: none;
+      color: $darkerGray;
+    }
+  }
+  &.subtle_icon {
+    color: $darkGray;
+    text-decoration: none;
+    &:hover {
+      color: $darkerGray;
+    }
+  }
+}

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

@@ -0,0 +1,30 @@
+/* Nested `list-style` types for ordered lists */
+
+ul, ol {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.rendered_from_wysiwyg,
+.wysiwyg_wrapper {
+  ul, ol {
+    list-style-position: inside;
+    margin-left: 1rem;
+  }
+  ul {
+    list-style-type: disc;
+  }
+  ol {
+    list-style: decimal;
+    ol {
+      list-style: upper-alpha;
+      ol {
+        list-style: lower-roman;
+        ol {
+          list-style: lower-alpha;
+        }
+      }
+    }
+  }
+}

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

@@ -0,0 +1,24 @@
+// Images, audio, videos
+
+
+// display: fix for IE9
+audio, canvas, video {
+  display: inline-block;
+}
+
+// Fluid-width audio and video
+audio, video {
+  width: 100%;
+}
+
+img {
+  border: 0; // Remove the `border` when inside an <a> element in IE 8/9
+  vertical-align: middle; // Remove gap between <img> elements and the bottom of their containers - http://cbrac.co/Q6smqV
+}
+
+// Fluid-width media that maintain their aspect ratios
+img, video {
+  max-width: 100%;
+  width: auto\9;
+  height: auto !important;
+}

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

@@ -0,0 +1,173 @@
+//
+// Modals
+
+// .modal-open      - body class for killing the scroll
+// .modal           - container to scroll within
+// .modal-dialog    - positioning shell for the actual modal
+// .modal-content   - actual modal w/ bg and corners and shit
+
+
+// Kill the scroll on the body
+.modal-open {
+  overflow: hidden;
+}
+
+// Container that the modal scrolls within
+.modal {
+  display: none;
+  overflow: hidden;
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 1040;
+  -webkit-overflow-scrolling: touch;
+
+  // Prevent Chrome on Windows from adding a focus outline. For details, see
+  // https://github.com/twbs/bootstrap/pull/10951.
+  outline: 0;
+}
+
+.modal-open .modal {
+  overflow-x: hidden;
+  overflow-y: auto;
+}
+
+// Shell div to position the modal with bottom padding
+.modal_dialog {
+  position: relative;
+  width: auto;
+  margin: 10px;
+}
+
+// Actual modal
+.modal_content {
+  position: relative;
+  background-color: #fff;
+  border: 1px solid rgba(#000,0.15);
+  border-radius: $radius * 2;
+  background-clip: padding-box;
+  // Remove focus outline from opened modal
+  outline: 0;
+}
+
+// Modal background
+.modal-backdrop {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  background-color: #000;
+  // Fade for backdrop
+  &.fade {
+    opacity: 0;
+  }
+  &.in {
+    opacity: 0.5;
+  }
+}
+
+// Modal header
+// Top section of the modal w/ title and dismiss
+.modal_header {
+  padding: 1rem 2rem;
+  background-color: #f0f0f0;
+  margin-bottom: 1rem;
+  @include border_top_radius(($radius * 2) - 1);
+  position: relative;
+  h3 {
+    font-size: 1.6rem;
+    font-weight: normal;
+    margin: 0;
+    color: #333;
+  }
+  .close {
+    position: absolute;
+    top: -9px;
+    right: -9px;
+    color: #fff;
+    background-color: $darkestGray;
+    border-radius: 50%;
+    width: 24px;
+    height: 24px;
+    text-decoration: none;
+    text-align: center;
+    font-size: 20px;
+    line-height: 24px;
+    &:hover {
+      background-color: #4d4d4d;
+    }
+  }
+}
+
+// Title text within header
+.modal_title {
+  margin: 0;
+  line-height: 20px;
+}
+
+// Modal body
+// Where all modal content resides (sibling of .modal_header and .modal-footer)
+.modal_body {
+  position: relative;
+  padding: 0 2rem 1.5rem;
+
+  > .loading {
+    font-size: 2rem;
+    text-align: center;
+  }
+}
+
+// Footer (for actions)
+.modal_footer {
+  background-color: $lighterGray;
+  padding: 1rem 2rem;
+  text-align: right; // right align buttons
+  @include border_bottom_radius($radius * 2);
+
+  // Properly space out buttons
+  .btn + .btn {
+    margin-left: 5px;
+    margin-bottom: 0; // account for input[type="submit"] which gets the bottom margin like all other inputs
+  }
+  // but override that for button groups
+  .btn-group .btn + .btn {
+    margin-left: -1px;
+  }
+  // and override it for block buttons as well
+  .btn-block + .btn-block {
+    margin-left: 0;
+  }
+}
+
+.modal_confirm {
+  .modal_header {
+    background-color: $errorColor;
+    h3 {
+      color: #fff;
+    }
+  }
+  .modal_body p {
+    font-size: 1.1rem;
+    margin-bottom: 0;
+  }
+}
+
+// Measure scrollbar width for padding body during modal show/hide
+.modal-scrollbar-measure {
+  position: absolute;
+  top: -9999px;
+  width: 50px;
+  height: 50px;
+  overflow: scroll;
+}
+
+// Scale up the modal
+@media screen and (min-width: 768px) {
+  .modal_dialog {
+    margin: 30px auto;
+    width: 42rem;
+  }
+}

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

@@ -0,0 +1,70 @@
+.pagination-wrapper {
+  font-size: 13px;
+  text-align: center;
+  margin-top: 2rem;
+  ul {
+    display: inline-block;
+    li {
+      display: inline;
+      > a,
+      > span {
+        display: block;
+        float: left;
+        padding: 4px 5px;
+        min-width: 30px;
+        background-color: #eee;
+        text-decoration: none;
+        border-color: #ccc;
+        border-style: solid;
+        border-width: 1px 1px 1px 0;
+      }
+      &.active a {
+        background-color: #ddd;
+        color: #333;
+        font-weight: 600;
+      }
+      a:hover {
+        background-color: #ddd;
+      }
+      &:last-child {
+        a,
+        span {
+          @include border_right_radius($radius);
+          min-width: 25px;
+        }
+      }
+
+      &:first-child {
+        a,
+        span {
+          @include border_left_radius($radius);
+          border-left-width: 1px;
+          min-width: 25px;
+        }
+      }
+    }
+  }
+  &.page-header-pagination-wrapper {
+    margin-top: 0;
+    .pagination_status {
+      float: left;
+      line-height: 30px;
+      a {
+        font-weight: 600;
+      }
+    }
+    ul {
+      float: left;
+      margin: 0;
+      padding: 0 0 0 1rem;
+    }
+  }
+}
+
+@media only screen and (min-width: 640px) {
+  .page-header-pagination-wrapper {
+    position: absolute;
+    top: 0;
+    right: 0;
+  }
+}

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

@@ -0,0 +1,69 @@
+/* ================================================================== *\
+   Print ($print)
+   Inlined to avoid an extra HTTP request - http://cbrac.co/VUjfe3
+\* ================================================================== */
+
+@media print {
+  /* 1. Black prints faster - http://cbrac.co/XvusCs */
+  * {
+    background: transparent !important;
+    box-shadow: none !important;
+    color: #000 !important; /* 1 */
+    text-shadow: none !important;
+  }
+
+  @page {
+    margin: 0.5cm;
+  }
+
+  a,
+  a:visited {
+    text-decoration: underline;
+  }
+
+  a[href]:after {
+    content: " (" attr(href) ")";
+  }
+
+  /* Don’t show links for images, or javascript/internal links */
+  a[href^="#"]:after,
+  a[href^="javascript:"]:after,
+  .ir a:after {
+    content: "";
+  }
+
+  abbr[title]:after {
+    content: " (" attr(title) ")";
+  }
+
+  blockquote,
+  pre {
+    border: 1px solid $darkerGray;
+    page-break-inside: avoid;
+  }
+
+  h2,
+  h3,
+  p {
+    orphans: 3;
+    widows: 3;
+  }
+
+  h2,
+  h3 {
+    page-break-after: avoid;
+  }
+
+  img,
+  tr {
+    page-break-inside: avoid;
+  }
+
+  img {
+    max-width: 100% !important;
+  }
+
+  thead {
+    display: table-header-group; /* http://cbrac.co/Q6s1o2 */
+  }
+}

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

@@ -0,0 +1,16 @@
+// Progress bar
+
+.progress {
+  border: 1px solid $darkGray;
+  margin: 0.25rem 0;
+  padding: 2px;
+  background: #fff;
+  font-size: 0;
+  color: transparent;
+}
+
+.progress_inner {
+  background: $purpleBlue;
+  height: 1.1rem;
+  max-width: 100%;
+}

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

@@ -0,0 +1,92 @@
+/* ================================================================== *\
+   Base ($base)
+\* ================================================================== */
+
+/* Viewport resizing */
+@-webkit-viewport {
+  width: device-width;
+  zoom: 1.0;
+}
+@-moz-viewport {
+  width: device-width;
+  zoom: 1.0;
+  }
+@-ms-viewport {
+  width: device-width;
+  zoom: 1.0;
+}
+@-o-viewport {
+  width: device-width;
+  zoom: 1.0;
+}
+@viewport {
+  width: device-width;
+  zoom: 1.0;
+}
+
+/**
+ * Box model adjustments
+ * `border-box`... ALL THE THINGS - http://cbrac.co/RQrDL5
+ */
+
+*, *:before, *:after {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+}
+
+/* Correct `block` display not defined in IE 8/9 */
+article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
+  display: block;
+}
+
+/**
+ * Address [hidden] styling not present in IE 8/9
+ * Hide the <template> element in IE, Safari, and Firefox < 22
+ */
+
+[hidden], template {
+  display: none;
+}
+
+/* Set <html> and <body> to inherit the height of the viewport */
+html, body {
+  min-height: 100%;
+}
+
+/**
+ * 1. Force a vertical scrollbar - http://cbrac.co/163MspB
+ * 2. Remove text size adjustments without disabling user zoom
+ * NOTE: Use `text-rendering` with caution - http://cbrac.co/SJt8p1
+ * NOTE: Avoid the webkit anti-aliasing trap - http://cbrac.co/TAdhbH
+ * NOTE: IE for Windows Phone 8 ignores `-ms-text-size-adjust` if the
+ *       viewport <meta> tag is used - http://cbrac.co/1cFrAvl
+ */
+
+html {
+  overflow-y: scroll;
+  -webkit-text-size-adjust: 100%;
+  -ms-text-size-adjust: 100%;
+  text-size-adjust: 100%;
+}
+
+/**
+ * 1. Customize `background` for text selections
+ * 2. Remove `text-shadow` selection highlight - http://cbrac.co/Q6swON
+ */
+
+::-moz-selection, ::selection {
+  background: $selectionBackground;
+  text-shadow: none;
+}
+
+
+/* Change `background` for text selections when browser is unfocused */
+::selection:window-inactive {
+  background: $lightGray;
+}
+
+/* Remove `background` on images when selected */
+img::selection, img::-moz-selection {
+  background: transparent;
+}