undercase 0.2.29

data/app/assets/stylesheets/undercase/patterns/_pagination.scss

@@ -0,0 +1,33 @@
+//
+// PAGINATION
+//
+
+.uc-pagination {
+  display: block;
+  letter-spacing: 1px;
+  text-align: center;
+}
+
+.uc-pagination__item {
+  display: inline-block;
+}
+
+.uc-pagination__item--disabled {
+  color: $light-gray;
+}
+
+.uc-pagination__item--index {
+  font-weight: $semibold-weight;
+  padding: 0 $gutter/2;
+}
+
+.uc-pagination-input {
+  display: inline-block;
+  text-align: center;
+  width: 48px;
+}
+
+.uc-pagination-summary {
+  color: $middle-gray;
+  margin-top: $gutter;
+}

data/app/assets/stylesheets/undercase/patterns/_person_placard.scss

@@ -0,0 +1,52 @@
+.uc-person-placard {
+  @include border-radius(3px);
+  border: $light-border-width solid;
+  border-color: $middle-dark-yellow;
+}
+
+.uc-person-placard__container{
+  padding: $gutter;
+}
+
+.uc-person-placard--closed {
+  @extend .uc-person-placard;
+  border-color: lighten($light-blue, 20);
+}
+
+.uc-person-placard__photo {
+  float: left;
+}
+
+.uc-person-placard__content {
+  float: left;
+  padding-left: $gutter;
+}
+
+.uc-person-placard__container--divided {
+  @extend .uc-border-top-lighter-gray;
+  padding: $gutter;
+  display: table;
+}
+
+.uc-person-placard__container__cell {
+  vertical-align: middle;
+  display: table-cell;
+}
+
+.uc-person-placard__callout {
+  border: $light-border-width solid;
+  border-color: lighten($medium-orange, 25);
+  background-color: lighten($medium-orange, 42);
+  margin-top: $gutter/2;
+  padding: $gutter/2;
+}
+
+.uc-person-placard__callout__title {
+  color: $medium-orange;
+}
+
+.uc-person-placard__callout__title--strong {
+  text-transform: uppercase;
+  @extend .uc-person-placard__callout__title;
+  @extend .uc-t-body-strong;
+}

data/app/assets/stylesheets/undercase/patterns/_popovers.scss

@@ -0,0 +1,12 @@
+@import "bootstrap/popovers";
+
+.popover-title {
+  border-bottom: none;
+  font-weight: $semibold-weight;
+  text-transform: none;
+  padding: $gutter $gutter 0;
+}
+
+.popover-content {
+  padding: $gutter;
+}

data/app/assets/stylesheets/undercase/patterns/_quiz.scss

@@ -0,0 +1,67 @@
+.uc-quiz {
+  .uc-form-legend {
+    font-weight: normal;
+  }
+}
+//
+// QUIZ QUESTIONS LIST
+//
+.uc-quiz-questions {
+  counter-reset: question;
+  > li {
+    margin-top: $gutter * 1.5;
+    border-bottom: $dotted-middle-blue-2-border;
+    counter-increment: question;
+    &:last-child {
+      border-bottom: none;
+    }
+    &:before {
+      float: left;
+      width: $gutter * 2.5;
+    }
+  }
+  .uc-form-legend {
+    font-weight: normal;
+  }
+  .uc-form-field--boolean input {
+    float: left;
+    margin-left: 0;
+    margin-bottom: 1.5rem;
+  }
+  label {
+    display: inline;
+    margin: 0;
+  }
+}
+.uc-quiz-questions--decimal {
+  @extend .uc-quiz-questions;
+  > li {
+    &:before {
+      content: counter(question, decimal) ".";
+    }
+  }
+}
+
+.uc-quiz-questions--alpha {
+  @extend .uc-quiz-questions;
+  > li {
+    &:before {
+      content: counter(question, lower-latin) ".";
+    }
+  }
+}
+
+//
+// OTHER QUIZ
+//
+
+.uc-quiz-instruction {
+  font-style: italic;
+  .disabled & {
+    color: $light-gray;
+  }
+}
+.uc-quiz-instruction--nested {
+  @extend .uc-quiz-instruction;
+  margin-left: $gutter * 2;
+}

data/app/assets/stylesheets/undercase/patterns/_site.scss

@@ -0,0 +1,95 @@
+//
+// HTML, BODY
+//
+html {
+  color: $dark-gray;
+  font-size: $font-size;
+  font-weight: $normal-weight;
+  font-style: normal;
+  line-height: $medium-line-height;
+  text-transform: none;
+  font-family: $font-family;
+}
+body {
+  background-color: $lightest-gray;
+  background-repeat: no-repeat;
+  word-wrap: break-word;
+}
+
+//
+// CLASS HIDING
+//
+.js-hidden {
+  display: none !important;
+}
+.hidden {
+  display: none;
+}
+
+//
+// MODALS
+//
+.modal-on {
+  .hide-on-modal {
+    @media #{$mobile} {
+      display: none;
+    }
+  }
+}
+.page-overflow {
+  overflow: scroll-y;
+}
+
+
+//
+// Media query helpers
+//
+.uc-margin-top-on-mobile {
+  @media #{$mobile} {
+    margin-top: $gutter;
+  }
+}
+
+//
+// PLACEHOLDER STYLING
+//
+@mixin placeholder-style {
+  color: $light-gray;
+}
+::-webkit-input-placeholder {
+  @include placeholder-style;
+}
+:-moz-placeholder {
+  @include placeholder-style;
+}
+::-moz-placeholder {
+  @include placeholder-style;
+}
+:-ms-input-placeholder {
+  @include placeholder-style;
+}
+
+// http://www.zeldman.com/2012/03/01/replacing-the-9999px-hack-new-image-replacement/
+@mixin hide-text {
+  text-indent: 100%;
+  white-space: nowrap;
+  overflow: hidden;
+}
+
+.uc-hide-accessible {
+  @include hide-accessible;
+}
+
+//
+// BREAKPOINTS
+//
+.uc-breakpoint-tell {
+  content: 'desktop';
+  display: none;
+  @media #{$small-tablet} {
+    content: 'small-tablet';
+  }
+  @media #{$mobile} {
+    content: 'mobile';
+  }
+}

data/app/assets/stylesheets/undercase/patterns/_spinners.scss

@@ -0,0 +1,23 @@
+.uc-dialog--loading {
+  @include border-radius(10px);
+  @include font-size-px-to-rem(16px);
+  background-color: $lightest-gray;
+  font-weight: $semibold-weight;
+  margin-left:auto;
+  margin-right:auto;
+  margin-top: 150px;
+  padding: $gutter*2;
+  text-align: center;
+  width: 240px;
+
+  &:after {
+    @include font-size-px-to-rem(20px);
+    @include icon-inline-block;
+    content: $uc-icon-spinner;
+    margin-left: $gutter;
+
+    -moz-animation: spin 1s infinite steps(8, end);
+    -webkit-animation: spin 1s infinite steps(8, end);
+    animation: spin 1s infinite steps(8, end);
+  }
+}

data/app/assets/stylesheets/undercase/patterns/_tables.scss

@@ -0,0 +1,111 @@
+//
+// UC-TABLE
+//
+.uc-table-wrapper {
+  width: 100%;
+  overflow-x: auto;
+}
+
+.uc-table {
+  table-layout: fixed;
+  border-collapse: collapse;
+  width: 100%;
+
+  th {
+    position: relative;
+    vertical-align: top;
+    text-transform: uppercase;
+    font-weight: $semibold-weight;
+    padding-bottom: $gutter;
+    padding-left: $gutter*1.5;
+    a:hover {
+      cursor: pointer;
+    }
+  }
+  td {
+    vertical-align: top;
+    padding: $gutter/2 $gutter/2 $gutter/2 $gutter;
+  }
+
+  th.align-center a.uc-icon-sort-descending,
+  th.align-center a.uc-icon-sort-ascending {
+    position: relative;
+    left: 9px;
+  }
+  > tbody tr {
+    &:nth-of-type(odd) {
+      background-color: $middle-yellow;
+    }
+  }
+  .edit & {
+    > tbody tr {
+      &:nth-of-type(odd) {
+        background-color: $sky-blue;
+      }
+    }
+  }
+}
+
+%uc-icon-sort {
+  position: absolute;
+  @include icon-inline-block;
+  margin-left: 3px;
+}
+.uc-icon-sort-ascending:after {
+  @extend %uc-icon-sort;
+  content: $uc-icon-caret-up;
+}
+.uc-icon-sort-descending:after {
+  @extend %uc-icon-sort;
+  content: $uc-icon-caret-down;
+}
+
+.uc-table--respond-small-tablet {
+  @extend .uc-table;
+  @media #{$small-tablet} {
+    width: 779px;
+  }
+}
+
+.uc-table--respond-not-desktop {
+  @extend .uc-table;
+  @media #{$not-desktop} {
+    width: 779px;
+  }
+}
+
+.uc-table--respond-mobile {
+  @extend .uc-table;
+  @media #{$mobile} {
+    width: 480px;
+  }
+}
+
+.uc-table__col--tiny {
+  width: 30px;
+}
+.uc-table__col--small {
+  width: 65px;
+}
+.uc-table__col--medium {
+  width: 76px;
+}
+.uc-table__col--large {
+  width: 86px;
+}
+.uc-table__col--x-large {
+  width: 103px;
+}
+.uc-table__col--xx-large {
+  width: 140px;
+}
+.uc-table__col--xxx-large {
+  width: 160px;
+}
+.uc-table__col--xxxx-large {
+  width: 180px;
+}
+.uc-table__col--auto {
+  width: auto;
+}
+

data/app/assets/stylesheets/undercase/patterns/_tabs.scss

@@ -0,0 +1,56 @@
+.uc-autocompleter-tab-group{
+  background-color: $white;
+}
+
+.uc-autocompleter-tabs {
+  display: block;
+  width: 100%;
+  clear: both;
+}
+
+.uc-autocompleter-tabs__tab {
+  float: left;
+  background-color: $lighter-gray;
+  border-left: 1px solid $light-gray;
+  border-right: 1px solid $light-gray;
+  border-bottom: 1px solid $light-gray;
+  font-size: $medium-small;
+  line-height: $large-line-height;
+  cursor: pointer;
+
+  &.active {
+    background-color: $white;
+    border-bottom: 0;
+    cursor: default;
+
+    border-left: 0;
+    border-right: 0;
+  }
+
+  &:first-child {
+    border-left: 0;
+  }
+
+  &:last-child {
+    border-right: 0;
+  }
+
+  &:hover:not(.active){
+    background-color: $hover-blue;
+  }
+}
+
+.uc-autocompleter-tabs__tab__button {
+  width: 100%;
+  color: inherit;
+  background-color: inherit;
+  padding: $gutter $gutter * 2;
+  cursor: inherit;
+}
+
+.uc-autocompleter-tab-panel {
+  @extend .hidden;
+  &.active{
+    display:block;
+  }
+}