egghead-styles 1.0.29 → 1.0.30

data/app/assets/stylesheets/components/lessons/_lesson-review-page.css.scss

@@ -1,30 +0,0 @@
-.review-row {
-  display: flex;
-
-  .review-video{
-    flex: 3;
-
-    .speed-change{
-      margin-top: 10px;
-      width: 50px;
-    }
-  }
-  .review-meta {
-    flex: 2;
-
-    .tag-input {
-      width: 100%;
-      font-size: 13px;
-      margin-top: 15px;
-
-      }
-    .add-tag-btn{
-      float: right;
-      margin-top: 10px;
-    }
-  }
-
-  @include respond-to(tablets-small) {
-    flex-direction: column;
-  }
-}

data/app/assets/stylesheets/components/lessons/_lesson-series-list.css.scss

@@ -1,170 +0,0 @@
-.block-lessons-series {
-  .item {
-    margin-bottom: 50px;
-    padding-bottom: 10px;
-    &:last-child {
-      margin-bottom: 0;
-    }
-    @include respond-to(tablets-small) {
-      margin-bottom: 40px;
-    }
-    @include respond-to(phones) {
-      margin-bottom: 30px;
-      max-width: 100%;
-      @extend .center-block;
-    }
-  }
-  .media-holder {
-    background: $site-color-medium-graphite;
-    min-height: 180px;
-    text-align: center;
-    position: relative;
-    overflow: hidden;
-    @include respond-to(tablets-large) {
-      min-height: 146px;
-    }
-    @include respond-to(tablets-small) {
-      min-height: 110px;
-    }
-    @include respond-to(phones) {
-      min-height: 1px;
-      &.cover-banner {
-        width: 100%;
-        height: 0;
-        position: relative;
-        padding-bottom: 33.33333%;
-        .ratio-block {
-          width: 100%;
-          height: 100%;
-          position: absolute;
-        }
-      }
-    }
-    .img-tech-logo,
-    .img-egghead-logo {
-      position: absolute;
-      top: 0;
-      right: 0;
-      bottom: 0;
-      left: 0;
-      margin: auto;
-      height: 100px;
-      @include respond-to(tablets-small) {
-        height: 70px;
-      }
-      @include respond-to(phones) {
-        height: 70px;
-      }
-    }
-    .img-admin-tech-logo {
-      @include respond-to(phones) {
-        width: 100%;
-      }
-    }
-    .ratio-block {
-
-    }
-    > a {
-      display: block;
-      position: relative;
-      img {
-        @include filter(brightness(80%));
-      }
-      &:hover {
-        img {
-          @include filter(blur(0) brightness(100%));
-        }
-        &:before, &:after {
-          opacity: 0;
-
-        }
-      }
-    }
-  }
-}
-
-.series-lessons-holder {
-  .series-lessons-list {
-    margin-bottom: 20px;
-    @extend .list-unstyled;
-    text-align: center;
-    &:first-child {
-      border-top: 2px solid $site-color-grey;
-    }
-    .item {
-
-      position: relative;
-      padding: 20px 0;
-      border-bottom: 2px solid $site-color-grey;
-      &:hover {
-        background-color: $site-color-grey;
-      }
-      &.current {
-        background-color: $site-color-light-grey;
-        &:hover {
-          background-color: $site-color-light-grey;
-        }
-      }
-      &:before {
-        position: absolute;
-        content: '';
-        width: 100%;
-        height: 100%;
-        left: 0;
-        top: 0;
-        background: none;
-      }
-      &.lesson-watched {
-        &:before {
-          z-index: 10;
-          background: rgba(255, 255, 255, 0.6);
-        }
-        .pseudo-checkbox {
-          @extend .icon-check;
-          color: $site-color-green;
-        }
-      }
-      .part-left {
-        width: 55px;
-        height: 1px;
-        float: left;
-        position: relative;
-      }
-      .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;
-    }
-  }
-  .view-all-lessons {
-  }
-}
-.lessons-list-holder {
-  margin-bottom: 40px;
-  &:last-child {
-    margin-bottom: 0;
-  }
-}
-.series-img {
-  width: 100%;
-}
-.series-list-item {
-  margin-bottom: 50px;
-  &:last-child {
-    margin-bottom: 0;
-  }
-}

data/app/assets/stylesheets/components/lessons/_lessons-list.scss

@@ -1,52 +0,0 @@
-.add-to-menu {
-  .dropdown-toggle {
-    color: $site-color-silver;
-    font-size: 16px;
-    text-decoration: none;
-    border: none;
-    font-weight: 400;
-    white-space: nowrap;
-    .icon {
-      margin-right: 5px;
-    }
-    &:hover {
-      color: darken($site-color-silver, 10%);
-    }
-  }
-}
-
-.browse-all-lessons-holder {
-  .add-to-menu .dropdown-menu {
-    left: -120px;
-    &:before {
-      margin-left: 20px;
-    }
-  }
-  .table tr:nth-child(-n+3 ) {
-    .add-to-menu .dropdown-menu {
-      top: 100%;
-      bottom: auto;
-      margin-top: 10px;
-      &:before {
-        border-width: 0 7px 8px 7px;
-        border-color: transparent transparent $site-color-gallery transparent;
-        top: -8px;
-        bottom: auto;
-      }
-    }
-  }
-  .cell-lesson-category {
-    .folder {
-      font-size: 14px;
-    }
-  }
-  .cell-pro {
-    .go-pro {
-      padding: 3px 7px;
-    }
-  }
-}
-.cell-lesson-category,
-.cell-duration {
-  white-space: nowrap;
-}

data/app/assets/stylesheets/components/lessons/_popular-lesson-list.css.scss

@@ -1,69 +0,0 @@
-.block-lessons {
-    &.block-popular-lessons {
-        margin-bottom: 90px;
-        @include respond-to(phones) {
-            margin-bottom: 40px;
-        }
-    }
-    .item-holder {
-        @include respond-to(phones) {
-            max-width: 360px;
-        }
-    }
-    .item {
-        text-align: left;
-        position: relative;
-        z-index: 1;
-    }
-}
-.media-holder {
-  .overlay {
-    @include transition(150ms);
-    width: 100%;
-    height: 100%;
-    position: absolute;
-    z-index: 100;
-    cursor: pointer;
-    background: none rgba(0, 0, 0, 0.6);
-    &:before {
-      @include transition(150ms);
-      font-family: 'FontAwesome';
-      color: $site-color-grey;
-      opacity: 0.5;
-      position: absolute;
-      left: 50%;
-      top: 50%;
-      z-index: 100;
-      content: '\f01d';
-      margin-left: -50px;
-      margin-top: -50px;
-      font-size: 100px;
-      line-height: 100%;
-      text-align: center;
-      width: 100px;
-      height: 100px;
-      @include respond-to(tablets-large) {
-        margin-left: -40px;
-        margin-top: -40px;
-        font-size: 80px;
-        width: 80px;
-        height: 80px;
-        line-height: 80px;
-      }
-      @include respond-to(tablets-small) {
-        margin-left: -30px;
-        margin-top: -30px;
-        font-size: 60px;
-        width: 60px;
-        height: 60px;
-        line-height: 60px;
-      }
-    }
-    &:hover {
-      background: none rgba(0, 0, 0, 0.1);
-      &:before {
-        opacity: 0.2;
-      }
-    }
-  }
-}

data/app/assets/stylesheets/components/playlists/_add-to-button.scss

@@ -1,289 +0,0 @@
-.AddToLesson {
-  display: inline-block;
-}
-.add-to-menu {
-  &.open {
-    .dropdown-menu {
-      display: flex;
-      flex-direction: column;
-    }
-  }
-  .dropdown-menu {
-    width: 200px;
-    height: 160px;
-    background: none;
-    margin-bottom: 10px;
-    left: -82px;
-    border: none;
-    padding: 0;
-    background: $site-color-white;
-    &:before {
-      content: '';
-      position: absolute;
-      width: 0;
-      height: 0;
-      border-style: solid;
-      border-width: 8px 7px 0 7px;
-      border-color: $site-color-white transparent transparent transparent;
-      bottom: -8px;
-      left: 50%;
-      margin-left: -7px;
-    }
-  }
-  .menu-header {
-    border-radius: 3px 3px 0 0;
-    overflow: hidden;
-    min-height: 40px;
-    background: $site-color-gallery;
-    border-bottom: 1px solid $site-color-silver;
-    padding: 6px;
-  }
-  .create-input {
-    overflow: hidden;
-    input {
-      color: $site-color-dark-graphite;
-      height: 28px;
-      border: 1px solid $site-color-silver;
-      padding: 3px 5px;
-      line-height: 22px;
-      &:focus {
-        outline: none;
-      }
-    }
-  }
-  .create-submit {
-    @include transition(50ms);
-    float: right;
-    width: 28px;
-    height: 28px;
-    display: block;
-    background: $site-color-blue-dim;
-    color: $site-color-white;
-    text-align: center;
-    font-size: 20px;
-    line-height: 28px;
-    padding: 0;
-    border: none;
-    outline: none !important;
-    box-shadow: -2px -2px 2px $site-color-blue-calypso inset;
-    border-radius: 2px;
-    &:hover {
-      color: $site-color-white;
-      text-decoration: none;
-      margin-left: 1px;
-      background: $site-color-blue;
-    }
-    &:active {
-      background: $site-color-blue;
-      box-shadow: 2px 2px 2px $site-color-blue-calypso inset;
-    }
-    &.disabled {
-      background: $site-color-light-graphite;
-      box-shadow: none;
-      opacity: 0.3;
-      cursor: not-allowed;
-    }
-    .icon {
-      vertical-align: middle;
-    }
-  }
-  .list-holder {
-    flex-grow: 1;
-    overflow: auto;
-    border-radius: 0 0 3px 3px;
-    //@include scrollbars(.5em, $site-color-dark-graphite);
-  }
-  .loader-box {
-    width: 85px;
-    text-align: center;
-    margin: 35px auto 0 auto;
-    color: $site-color-medium-graphite;
-    font-size: 12px;
-    font-weight: 700;
-    text-transform: uppercase;
-  }
-  svg.egghead-loader {
-    width: 24px;
-    height: 24px;
-    display: inline-block;
-    animation: bounce 2s infinite;
-    animation-timing-function: ease-in-out;
-  }
-}
-.ajax-playlists-list {
-  padding: 0;
-}
-.list-playlists-names {
-  @extend .list-unstyled;
-  margin-bottom: 5px;
-  .ajax-playlists-list {
-    padding: 0;
-  }
-  li {
-    border-bottom: 1px solid $site-color-grey;
-    &:last-child {
-      border-bottom: none;
-    }
-    .watch-later {
-      font-style: italic;
-      color: $site-color-blue-dim;
-      .icon {
-        @extend .fa-clock-o;
-        color: $site-color-blue-dim;
-      }
-      &:hover {
-        color: $site-color-blue;
-        .icon {
-          color: $site-color-blue;
-        }
-      }
-    }
-    &.ajax-playlists-holder {
-      border: none;
-    }
-    a {
-      display: block;
-      font-size: 14px;
-      color: $site-color-medium-graphite;
-      position: relative;
-      cursor: pointer;
-      @include text-overflow();
-      line-height: 18px;
-      padding: 5px 6px;
-      text-decoration: none;
-      &:hover {
-        color: $site-color-medium-graphite;
-        background: $site-color-gallery;
-        text-decoration: none;
-        .icon {
-          color: $site-color-medium-graphite;
-        }
-      }
-      &:focus {
-        background: none;
-        text-decoration: none;
-      }
-      &.state {
-        &:before {
-          position: absolute;
-          left: 0;
-          top: 0;
-          z-index: 1;
-          content: '';
-          width: 100%;
-          height: 100%;
-        }
-        &:after {
-          position: absolute;
-          z-index: 2;
-          left: 0;
-          right: 0;
-          margin: auto;
-        }
-        &.state-has-already {
-          &:before,
-          &:after {
-            display: none;
-          }
-          &:hover {
-            .icon {
-              color: $site-color-green;
-            }
-          }
-          .icon {
-            @extend .fa-check-circle;
-            color: $site-color-green;
-          }
-        }
-        &.state-saving {
-          cursor: progress;
-          text-align: center;
-          &:before {
-            @include gradient-striped($color: rgba(255,255,255,.15), $angle: -45deg);
-            @include animation(progress-bar-stripes 2s linear infinite);
-            background-size: 28px 28px;
-            background-color: $site-color-blue-dim;
-            display: block;
-          }
-          &:after {
-            content: 'Saving';
-            text-transform: uppercase;
-            font-size: 13px;
-            font-weight: 600;
-            font-style: italic;
-            color: $site-color-white;
-            display: inline-block;
-            background: $site-color-blue;
-            width: 70px;
-            top: 8px;
-            line-height: 16px;
-            border-radius: 8px;
-            display: block;
-          }
-        }
-        &.state-successful {
-          cursor: progress;
-          text-align: center;
-          &:before {
-            background: $site-color-green;
-          }
-          &:after {
-            color: $site-color-white;
-            font-family: 'FontAwesome';
-            content: "\f00c";
-            font-size: 16px;
-            line-height: 16px;
-          }
-        }
-        &.state-unsuccessful {
-          cursor: progress;
-          text-align: center;
-          &:before {
-            background: $site-color-red;
-          }
-          &:after {
-            color: $site-color-white;
-            font-family: 'FontAwesome';
-            content: "\f00d";
-            font-size: 16px;
-            line-height: 16px;
-          }
-        }
-      }
-    }
-    .icon {
-      color: $site-color-dusty-gray;
-      font-size: 13px;
-      margin-right: 6px;
-      @extend .fa;
-      @extend .fa-arrow-circle-right;
-    }
-  }
-}
-
-.item-in-list {
-  &:before,
-  &:after {
-    display: none;
-  }
-  &:hover {
-    .icon {
-      color: $site-color-green;
-    }
-  }
-  .icon {
-    @extend .fa-check-circle;
-    color: $site-color-green;
-  }
-}
-.lesson-controls-container {
-  .add-to-menu.open .dropdown-menu {
-    @include respond-to(phones) {
-      left: -30px;
-      &:before {
-        margin-left: 0;
-        left: 42px;
-      }
-    }
-  }
-}