upkey-track_stylebase 1.0.0 → 1.0.1

data/vendor/assets/stylesheets/components/_chat.scss

@@ -1,102 +0,0 @@
-/* Original .chat class is not modified */
-.chat {
-  background: $blue;
-  padding: 25px;
-  border-radius: 10px;
-  flex-grow: 1;
-  display: flex;
-  flex-direction: column;
-
-  .chat__header {
-    display: flex;
-    -webkit-align-items: center;
-    align-items: center;
-    margin-bottom: 20px;
-
-    .title {
-      margin-bottom: 0;
-      color: #fff;
-    }
-
-    i {
-      margin-right: 10px;
-      opacity: 0.6;
-    }
-  }
-
-  .chat__body {
-    flex-grow: 1;
-    display: flex;
-    flex-direction: column-reverse;
-    height: 100%;
-
-    .chat__thread {
-      overflow-y: scroll;
-
-      &::-webkit-scrollbar {
-        display: none;
-      }
-    }
-  }
-
-  .chat__bubble {
-    margin-bottom: 1em;
-    color: #fff;
-    font-size: 12px;
-    line-height: 1.6;
-    padding: 20px;
-
-    &.received {
-      border-radius: 10px 10px 10px 0;
-      background: -moz-linear-gradient(-45deg, rgba(99,97,186,1) 1%, rgba(55,67,145,1) 100%);
-      background: -webkit-linear-gradient(-45deg, rgba(99,97,186,1) 1%, rgba(55,67,145,1) 100%);
-      background: linear-gradient(135deg, rgba(99,97,186,1) 1%, rgba(55,67,145,1) 100%);
-    }
-
-    &.sent {
-      border-radius: 10px 10px 0 10px;
-      background: -moz-linear-gradient(-45deg, darken($lightBlue, 25%) 1%,  $lightBlue 100%);
-      background: -webkit-linear-gradient(-45deg, darken($lightBlue, 25%) 1%,  $lightBlue 100%);
-      background: linear-gradient(135deg, darken($lightBlue, 25%) 1%,  $lightBlue 100%);
-    }
-  }
-
-  .chat__controls {
-    display: flex;
-    flex-wrap: wrap;
-    border-top: 1px solid $lightGrey;
-    padding-top: 1em;
-    min-height: 70px;
-
-    .response {
-      margin-left: 2%;
-      background-color: $lightBlue;
-      color: $white;
-      padding: 1em;
-      margin-bottom: 0.5em;
-
-      &:hover {
-        background-color: lighten($lightBlue, 10%);
-      }
-    }
-  }
-}
-
-/* Custom styles */
-.chat-wrapper {
-  width: 300px;
-  position: fixed;
-  right: -300px;
-  top: 70px;
-  bottom: 5px;
-  transition: .5s;
-  z-index: 10;
-
-  &.visible {
-    right: 5px;
-  }
-
-  .chat {
-    height: 100%;
-  }
-}

data/vendor/assets/stylesheets/components/_course.scss

@@ -1,113 +0,0 @@
-/*--------------------------------
-course
----------------------------------*/
-.layout-default {
-  text-align: center;
-}
-
-.course {
-  padding: 50px 0 80px;
-  color: $blue;
-  position: relative;
-}
-
-.course__header,
-.course__header h1,
-.course__header h2,
-.course__header h3,
-.course__header h4 {
-  font-size: 30px;
-  font-weight: 500;
-  color: $blue;
-
-  br {
-    display: none;
-  }
-
-  @media(min-width: 640px) {
-    font-size: 44px;
-
-    br {
-      display: block;
-    }
-  }
-}
-
-.course__content {
-  position: relative;
-  margin-bottom: 30px;
-
-  @media(min-width: 640px) {
-    min-height: 200px;
-    margin-bottom: 50px;
-  }
-}
-
-.course__central {
-  margin-top: 4em;
-
-  h2 {
-    font-weight: lighter;
-    font-size: 40px;
-  }
-}
-
-.course__footer {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-
-  .button {
-    margin-bottom: 5px;
-  }
-
-  @media(min-width: 640px) {
-    flex-direction: row;
-    margin-left: -10px;
-
-    .button {
-      margin: 0 0 0 10px;
-    }
-  }
-}
-
-.course__media {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-
-  &.left {
-    justify-content: flex-start;
-  }
-
-  &.right {
-    justify-content: flex-end;
-  }
-
-  @media(min-width: 640px) {
-    position: absolute;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    z-index: -1;
-  }
-}
-
-
-.layout-content-left {
-
-  .course__footer {
-    justify-content: flex-start;
-    align-items: flex-start;
-  }
-
-  .course__inner {
-    max-width: 610px;
-  }
-
-  .course__content {
-    position: static;
-  }
-}

data/vendor/assets/stylesheets/components/_date.scss

@@ -1,36 +0,0 @@
-.date {
-  .date__selects {
-    display: flex;
-
-    .month {
-      margin-right: 5%;
-    }
-
-    .prompt {
-      width: 33%;
-    }
-
-    select {
-      font-size: 20px;
-      border: none;
-      -webkit-appearance: none;
-      background-image: none;
-      width: 100%;
-      border-bottom: 1px dashed $lightGrey;
-
-      &:focus {
-        outline: none;
-      }
-    }
-  }
-
-  .date__confirmation {
-    margin-top: 3em;
-    display: none;
-
-    h2 {
-      font-weight: lighter;
-      font-size: 28px;
-    }
-  }
-}

data/vendor/assets/stylesheets/components/_form.scss

@@ -1,122 +0,0 @@
-.form__footnote {
-  color: $lightGrey;
-  margin-bottom: 30px;
-}
-
-.form__items {
-  display: flex;
-  flex-wrap: wrap;
-}
-
-.form__item {
-  margin-bottom: 45px;
-
-  &:nth-last-child(1) {
-    margin-bottom: 0;
-  }
-
-  @media(min-width: 640px) {
-    width: 50%;
-
-    &:nth-last-child(2) {
-      margin-bottom: 0;
-    }
-  }
-
-  textarea {
-    width: 140%;
-    border: 1px solid $grey;
-    padding: 3px;
-    resize: none;
-    border-radius: 10px;
-  }
-}
-
-.form__label {
-  display: block;
-  text-transform: uppercase;
-  font-size: 12px;
-  color: $grey;
-  letter-spacing: 2px;
-  margin-bottom: 15px;
-}
-
-.form__input {
-  padding: 0;
-  background: none;
-  border: none;
-  color: $grey;
-  font-size: 18px;
-
-  &:focus {
-    outline: none;
-  }
-}
-
-.animated-form__wrapper {
-  .help:after {
-    content: '?';
-    font-weight: bold;
-    color: $white;
-    font-size: 12px;
-    background-color: $lightGrey;
-    padding-left: 5px;
-    padding-right: 4px;
-    padding-top: 3px;
-    padding-bottom: 2px;
-    border-radius: 100%;
-
-    &:hover {
-      cursor: pointer;
-    }
-  }
-
-  .form__row {
-    width: 100%;
-    display: flex;
-    max-height: 140px;
-    overflow: hidden;
-
-    .form__item {
-      margin-top: 2em;
-
-      input {
-        width: 90%;
-        text-align: center;
-        border-bottom: 1px dashed $lightGrey;
-
-        &.big {
-          font-size: 24px;
-        }
-      }
-
-      .failed {
-        border-bottom: 1px dashed $red;
-      }
-
-      .error_message {
-        color: $red;
-      }
-    }
-  }
-}
-
-.form-input__group {
-  margin-bottom: 2em;
-  margin-left: 1em;
-
-  .form-input__prompt h3 {
-    font-weight: lighter;
-    font-size: 24px;
-    margin-bottom: 0;
-  }
-
-  .form-input__example p {
-    color: $lightGrey;
-    margin-top: 0.25em;
-
-    &:before {
-      content: 'ex:  '
-    }
-  }
-}

data/vendor/assets/stylesheets/components/_gradepicker.scss

@@ -1,78 +0,0 @@
-.grade_selector {
-  width: 100%;
-  margin-top: 4em;
-
-  .grade_selector__menu {
-    min-width: 100%;
-    display: flex;
-
-    .menu_option {
-      background-color: lighten($lightGrey, 15%);
-      padding-top: 1em;
-      padding-bottom: 1em;
-      min-width: 20%;
-
-      &:first-child {
-        border-radius: 15px 0 0 15px;
-      }
-
-      &:last-child {
-        border-radius: 0 15px 15px 0;
-      }
-
-      &:hover {
-        cursor: pointer;
-      }
-
-      &.f:hover, &.f.active {
-        background-color: $red;
-      }
-
-      &.d:hover, &.d.active {
-        background-color: $orange;
-      }
-
-      &.c:hover, &.c.active {
-        background-color: $yellow;
-      }
-
-      &.b:hover, &.b.active {
-        background-color: $green;
-      }
-
-      &.a:hover, &.a.active {
-        background-color: darken($green, 20%);
-      }
-    }
-  }
-
-  .grade_selector__labels {
-    display: flex;
-
-    .label {
-      margin-left: 9.5%;
-      margin-right: 9.5%;
-      font-size: 22px;
-    }
-  }
-}
-
-.grade_display {
-  .grade_display__selected {
-    margin-top: 2em;
-
-    h3 {
-      font-size: 36px;
-      font-weight: normal;
-    }
-  }
-
-  .grade_display__response {
-    font-size: 24px;
-    font-weight: lighter;
-
-    .hidden {
-      display: none;
-    }
-  }
-}