egghead-styles 1.0.29 → 1.0.30

data/app/assets/stylesheets/components/forum/_posts.scss

@@ -1,105 +0,0 @@
-.post {
-  padding: 25px 30px 20px 30px;
-  background-color: $site-color-grey;
-  margin-bottom: 2px;
-  display: flex;
-  flex-direction: column;
-  .post-avatar-holder {
-    padding-right: 25px;
-    flex-shrink: 0;
-    width: 125px;
-    img {
-      width: 100%;
-      border-radius: 50%;
-    }
-  }
-  .post-content-holder {
-    flex-grow: 1;
-  }
-  .forum-actions-holder {
-    margin-bottom: 0;
-    margin-top: 10px;
-  }
-  .moderation-alert {
-    margin-bottom: 30px;
-    padding: 15px;
-    font-style: italic;
-    color: $site-color-white;
-    background: $site-color-dusty-gray;
-  }
-}
-.post-details {
-  margin-top: 10px;
-  font-size: 16px;
-  margin-bottom: 5px;
-  > span {
-    &:after {
-      content: ',';
-      margin-right: 3px;
-    }
-    &:last-child {
-      &:after {
-        display: none;
-      }
-    }
-  }
-  .username {
-    font-weight: 600;
-    color: $site-color-dark-graphite;
-  }
-  .post-time {
-    color: $site-color-light-graphite;
-    &:hover {
-      text-decoration: underline;
-    }
-  }
-}
-.post-text {
-  font-size: 20px;
-  line-height: 28px;
-  color: $site-color-medium-graphite;
-}
-.in-reply-to {
-  font-size: 14px;
-  font-style: italic;
-  color: $site-color-dark-graphite;
-  margin-top: 10px;
-  display: inline-block;
-  font-weight: 600;
-  &:focus {
-    color: $site-color-dark-graphite;
-    text-decoration: none;
-  }
-  &:hover {
-    color: $site-color-dark-graphite;
-    text-decoration: underline;
-  }
-}
-
-@include respond-to(tablets-small) {
-  .post {
-    .post-avatar-holder {
-      padding-right: 15px;
-      width: 75px;
-    }
-  }
-  .post-text {
-    font-size: 16px;
-    line-height: 22px;
-  }
-}
-@include respond-to(phones) {
-  .post {
-    flex-direction: column;
-    .moderation-alert {
-      margin-bottom: 20px;
-      font-size: 14px;
-      line-height: 20px;
-      padding: 10px;
-    }
-  }
-  .post-text {
-    font-size: 14px;
-    line-height: 20px;
-  }
-}

data/app/assets/stylesheets/components/lessons/_lesson-email-blocker.css.scss

@@ -1,83 +0,0 @@
-.enter-email-overlay {
-  position: absolute;
-  z-index: 20;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  background: rgba($site-color-black, 0.87);
-  border: 1px solid $site-color-light-graphite;
-  padding: 50px;
-  @include respond-to(phones) {
-    padding: 20px;
-    display: none;
-  }
-  .outer {
-    display: table;
-    width: 100%;
-    height: 100%;
-  }
-  .inner {
-    display: table-cell;
-    vertical-align: middle;
-  }
-  .title {
-    margin-bottom: 40px;
-  }
-  .combined-input-holder {
-    @extend .clearfix;
-    width: 100%;
-    max-width: 800px;
-    margin: 0 auto 40px auto;
-  }
-  .part-body {
-    overflow: hidden;
-    @include respond-to(phones) {
-      width: 100%;
-      margin-bottom: 15px;
-    }
-  }
-  .part-right {
-    float: right;
-    margin-left: 10px;
-    @include respond-to(phones) {
-      float: none;
-      margin-left: 0;
-    }
-  }
-  .input-email {
-    width: 100%;
-    border: none;
-    border-radius: 3px;
-    padding: 15px;
-    line-height: 30px;
-    font-size: 24px;
-    height: 60px;
-    color: $site-color-black;
-    @include respond-to(tablets-small) {
-      height: 52px;
-      padding: 16px 15px;
-      line-height: 20px;
-      font-size: 18px;
-    }
-    @include respond-to(phones) {
-      height: 44px;
-      padding: 13px 10px;
-      line-height: 18px;
-      font-size: 16px;
-    }
-  }
-  .description {
-    font-style: italic;
-    color: #b7b7b7;
-    font-size: 28px;
-    line-height: 1.285em;
-    margin-bottom: 0;
-    margin-left: auto;
-    margin-right: auto;
-    max-width: 800px;
-    @include respond-to(phones) {
-      font-size: 18px;
-    }
-  }
-}

data/app/assets/stylesheets/components/lessons/_lesson-playlist-control.css.scss

@@ -1,301 +0,0 @@
-
-
-.playlist-lessons-holder {
-  .playlist-lessons-list {
-    margin-bottom: 0;
-    @extend .list-unstyled;
-    text-align: center;
-    .item {
-      background-color: $lesson-playlist-background;
-      position: relative;
-
-      border-bottom: 1px solid $lesson-playlist-items-border;
-      a {
-        display: block;
-        padding-top: 10px;
-        padding-bottom: 10px;
-      }
-      &:hover {
-        background-color: $site-color-blue;
-        .pseudo-checkbox {
-          color: #ffffff;
-        }
-      }
-      &.current {
-        background-color: $lesson-playlist-action-color;
-        &:hover {
-          background-color: $lesson-playlist-action-color;
-        }
-      }
-      &:before {
-        position: absolute;
-        width: 100%;
-        height: 100%;
-        left: 0;
-        top: 0;
-        background: none;
-      }
-      &.lesson-watched {
-        opacity: 0.5;
-        .pseudo-checkbox {
-          @extend .icon-check;
-          color: $site-color-green;
-        }
-      }
-      .part-left {
-        width: 35px;
-        height: 1px;
-        float: left;
-        position: relative;
-        @include respond-to(tablets-large) {
-          width: 25px;
-        }
-
-        @include respond-to(tablets-small) {
-          width: 55px;
-        }
-      }
-      .pseudo-checkbox {
-        @include icon-FontAwesome();
-        color: $site-color-medium-graphite;
-        @extend .icon-check-empty;
-      }
-      .part-right {
-        width: 90px;
-        height: 1px;
-        float: right;
-        position: relative;
-      }
-      .lesson-content {
-        text-align: left;
-        overflow: hidden;
-      }
-    }
-    .title {
-      margin-bottom: 5px;
-      padding-top: 3px;
-
-      @include respond-to(tablets-large) {
-        font-size: 12px;
-      }
-      @include respond-to(tablets-small) {
-        font-size: 16px;
-      }
-    }
-  }
-  .view-all-lessons {
-  }
-}
-
-.playlist-actions-holder {
-  @extend .clearfix;
-  padding: 10px;
-  background: $site-color-black;
-  position: absolute;
-  top: 0;
-  right: 0;
-  min-height: 45px;
-  width: 100%;
-  z-index: 10;
-  font-size: 16px;
-  .autoplay-switch {
-    position: absolute;
-  }
-  .autoplay-label {
-    left: 50px;
-    position: absolute;
-  }
-  .left {
-    float: left;
-    position: relative;
-  }
-  .right {
-    float: right;
-  }
-  .action {
-    margin-left: 25px;
-    vertical-align: middle;
-    color: $lesson-playlist-action-color;
-    &:hover {
-      color: #ffffff;
-    }
-    &:first-child {
-      margin-left: 0;
-    }
-    &.disabled {
-      color: $lesson-playlist-action-disabled-color;
-      &:hover {
-        color: $lesson-playlist-action-disabled-color;
-        cursor: default;
-      }
-    }
-    .icon {
-      vertical-align: middle;
-    }
-  }
-}
-
-
-
-div.playlist-item {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  align-content: center;
-  background: $site-color-grey-dark;
-  color: $site-color-gallery;
-  padding: 15px;
-  height: 75px;
-  transition: opacity .25s linear, height .25s linear;
-  box-shadow: 0px 2px 9px 2px rgba(0, 0, 0, 0.36);
-
-  margin: 0;
-  overflow: hidden;
-  text-align: left;
-  .icon-play {
-    color: $site-color-green;
-  }
-  &.current {
-    .list-item-title {
-      font-size: 16px;
-      font-weight: 900;
-      line-height: 1.2;
-    }
-    background: lighten($site-color-grey-dark, 5);
-    border: 1px solid $site-color-green;
-  }
-  &:hover {
-    background: lighten($site-color-grey-dark, 15);
-    cursor: pointer;
-  }
-  .list-item-title {
-    font-size: 14px;
-    font-weight: 600;
-    line-height: 1.2;
-  }
-
-  .lesson-info {
-    height: auto;
-    flex-grow: 3;
-    position: relative;
-    margin-left: 10px;
-    font-size: 13px;
-    font-weight: 300;
-    .egg-icon {
-      vertical-align: middle;
-      display: inline;
-    }
-    a {
-      margin-right: 10px;
-      color: $site-color-silver;
-    }
-    span {
-      margin-right: 5px;
-    }
-    .additional {
-      margin-right: 10px;
-      color: $site-color-silver;
-    }
-  }
-
-  .technology-icon {
-    width: 33px;
-  }
-
-  .lesson-pro-tag {
-    position: relative;
-    display: inline;
-    font-size: 11px;
-    padding: 1px 3px;
-    margin: 0;
-    text-align: center;
-    background-color: red;
-    color: white;
-    right: auto;
-    bottom: auto;
-    font-weight: 800;
-    border-radius: 3px;
-  }
-}
-
-svg.egg-icon {
-  width: 10px;
-  height: 13px;
-
-  path, polygon {
-    fill: $site-color-silver-chalice;
-  }
-}
-
-
-
-.technology-icon-holder {
-  position: relative;
-  svg.completion-check {
-    width: 15px;
-    height: 15px;
-    position: absolute;
-    bottom: -3px;
-    right: -5px;
-    path, polygon {
-      fill: lighten($site-color-green, 3);
-    }
-  }
-}
-
-@mixin scrollbars($size, $background-color, $foreground-color: mix($background-color, white, 50%)) {
-  ::-webkit-scrollbar {
-    width: $size;
-    height: $size;
-  }
-
-  ::-webkit-scrollbar-thumb {
-    background: $foreground-color;
-  }
-
-  ::-webkit-scrollbar-track {
-    background: $background-color;
-  }
-
-  // For Internet Explorer
-  .inner {
-    scrollbar-face-color: $foreground-color;
-    scrollbar-track-color: $background-color;
-  }
-}
-
-.series-number {
-  padding-right: 10px;
-  font-size: 14px;
-}
-
-.scrollable-holder {
-  @include scrollbars(.5em, $site-color-dark-graphite);
-  overflow: hidden;
-  margin-bottom: 25px;
-  height: 260px;
-  width: 100%;
-  padding: 0;
-  @extend .clearfix;
-  &:last-child {
-    margin-bottom: 0;
-  }
-  .inner {
-    overflow: auto;
-    height: 100%;
-    position: relative;
-  }
-  &.grey {
-    background-color: $site-color-grey;
-  }
-  .series-title {
-    color:  $site-color-silver;
-  }
-  .playlist-description {
-    a {
-      color: $site-color-grey;
-      font-weight: 800;
-      padding: 5px;
-    }
-  }
-}