@latest-thinking/lt-player 1.2.0-d → 2.0.0-a

package/src/assets/sass/sections/_share.scss

@@ -1,250 +0,0 @@
-.lt-player-mobile-share-modal {
-  .share-controller {
-    .share-inactive {
-      align-items: end;
-      background: rgba(0, 0, 0, .3);
-      -webkit-backdrop-filter: blur(14px);
-      backdrop-filter: blur(14px);
-      bottom: 0;
-      color: $default-lt-player-white;
-      display: flex;
-      justify-content: center;
-      left: 0;
-      position: absolute;
-      right: 0;
-      top: 0;
-      z-index: 9999999;
-
-      .share-controller-content {
-        background: $default-lt-player-white;
-        padding: 0 28px 20px;
-        text-align: center;
-        width: 100%;
-
-        .share-controller-mobile-modal-header {
-          position: sticky;
-          top: 0;
-          display: flex;
-          justify-content: space-between;
-          align-items: center;
-          background-color: transparent;
-          padding: 0 16px;
-          border-radius: 15px 15px 0 0;
-        }
-
-        .line-button {
-          display: flex;
-          width: 56px;
-          height: 6px;
-          background-color: $default-lt-line-button;
-          margin: 6px auto 32px;
-          cursor: pointer;
-          visibility: visible;
-        }
-
-        .share-controller-frame {
-          position: relative;
-
-          .player-share-close-button {
-            color: $default-lt-player-black;
-            position: absolute;
-            right: -20px;
-            top: -20px;
-          }
-        }
-
-        .share-controller-title,
-        .share-controller-via {
-          h3 {
-            color: $default-lt-button-color;
-            font-size: $lt-player-font-size-base;
-            font-weight: $lt-player-font-weight-lg;
-            margin-top: 0;
-          }
-        }
-
-        .share-controller-via {
-          margin-bottom: 25px;
-        }
-
-        .share-controller-link-wrapper {
-          @extend %center-elements;
-          flex-flow: column wrap;
-          gap: 20px;
-          word-break: break-word;
-
-          .share-controller-url {
-            font-size: $lt-player-font-size-base;
-            color: $default-lt-player-modal-color;
-            font-weight: $lt-player-font-weight-sm;
-            text-decoration: underline;
-            cursor: pointer;
-            max-width: 90%;
-          }
-
-          .share-controller-link {
-            @extend %lt-player-btn;
-            @include yellow-btn;
-            color: $default-lt-button-color !important;
-            max-width: 142px;
-            width: 100%;
-          }
-        }
-
-        .share-controller-hr {
-          opacity: 0.3;
-          margin: 20px 0;
-        }
-
-        .share-controller-icons {
-          @extend %center-elements;
-          gap: 15px;
-          flex-wrap: wrap;
-
-          div {
-            display: none;
-          }
-
-          a {
-            padding: 0;
-
-            &:hover {
-              .share-icon__icon {
-                background-color: $default_color_player;
-              }
-            }
-
-            .share-icon__icon {
-              @extend %center-elements;
-              width: 32px;
-              height: 32px;
-              max-width: 32px;
-              max-height: 32px;
-              background: $default-lt-button-color;
-            }
-          }
-        }
-      }
-    }
-  }
-}
-
-
-.plyr {
-  .share-controller {
-    .share-inactive {
-      display: none;
-    }
-
-    .share-active {
-      align-items: center;
-      background: rgba(0, 0, 0, .3);
-      -webkit-backdrop-filter: blur(14px);
-      backdrop-filter: blur(14px);
-      bottom: 0;
-      color: $default-lt-player-white;
-      display: flex;
-      justify-content: center;
-      left: 0;
-      position: absolute;
-      right: 0;
-      top: 0;
-      z-index: 99;
-
-      .share-controller-content {
-        background: $default-lt-player-white;
-        padding: 0 28px 20px;
-        text-align: center;
-        width: 100%;
-        max-width: 376px;
-
-        .line-button {
-          display: flex;
-          width: 56px;
-          height: 6px;
-          background-color: $default-lt-line-button;
-          margin: 6px auto 32px;
-          cursor: pointer;
-          visibility: hidden;
-        }
-
-        .share-controller-frame {
-          position: relative;
-
-          .player-share-close-button {
-            color: $default-lt-player-black;
-            position: absolute;
-            right: -20px;
-            top: -20px;
-          }
-        }
-
-        .share-controller-title,
-        .share-controller-via {
-          h3 {
-            color: $default-lt-button-color;
-            font-size: $lt-player-font-size-base;
-            font-weight: $lt-player-font-weight-lg;
-            margin-top: 0;
-          }
-        }
-
-        .share-controller-via {
-          margin-bottom: 25px;
-        }
-
-        .share-controller-link-wrapper {
-          @extend %center-elements;
-          flex-flow: column wrap;
-          gap: 20px;
-          word-break: break-word;
-
-          .share-controller-url {
-            font-size: $lt-player-font-size-base;
-            color: $default-lt-player-modal-color;
-            font-weight: $lt-player-font-weight-sm;
-            text-decoration: underline;
-            cursor: pointer;
-            max-width: 90%;
-          }
-
-          .share-controller-link {
-            @extend %lt-player-btn;
-            @include yellow-btn;
-            color: $default-lt-button-color !important;
-            max-width: 142px;
-            width: 100%;
-          }
-        }
-
-        .share-controller-hr {
-          opacity: 0.3;
-          margin: 20px 0;
-        }
-
-        .share-controller-icons {
-          @extend %center-elements;
-          gap: 15px;
-          flex-wrap: wrap;
-
-          div {
-            display: none;
-          }
-
-          a {
-            padding: 0;
-
-            .share-icon__icon {
-              @extend %center-elements;
-              width: 32px;
-              height: 32px;
-              max-width: 32px;
-              max-height: 32px;
-              background: $default-lt-button-color;
-            }
-          }
-        }
-      }
-    }
-  }
-}

package/src/assets/sass/sections/_subtitles.scss

@@ -1,85 +0,0 @@
-.plyr__caption {
-  display: none;
-
-  span {
-    &:empty {
-      display: none;
-    }
-  }
-}
-
-.lt-player-custom-captions {
-  display: inline-block;
-  background-color: rgba($default_color_player, 0.8);
-  margin: 0 $lt-player-padding-xxl / 2 16px $lt-player-padding-xxl / 2;
-  padding: 8px 12px;
-
-  &:is(:not(span)) {
-    padding: 0;
-  }
-
-  span {
-    font-family: $lt-font-family-base;
-    font-size: $lt-player-font-size-lg;
-    line-height: $lt-player-line-height;
-    font-weight: $lt-player-font-weight-md;
-    color: $default-lt-player-black;
-    white-space: unset;
-    box-decoration-break: clone;
-    padding: 0 16px;
-
-    &:empty {
-      padding: 0;
-    }
-  }
-}
-
-.lt-player-orientation--portrait {
-  .lt-player-custom-captions {
-    margin: 0 0 16px 0;
-  }
-}
-
-.lt-player-orientation--landscape {
-  .lt-player-custom-captions {
-    line-height: $lt-player-line-height-default;
-
-    span {
-      font-size: $lt-player-font-size-sm;
-      border-radius: 0;
-    }
-  }
-
-  &.lt-state-controls-visible {
-    .lt-player-custom-captions {
-      display: none;
-    }
-  }
-}
-
-@container portrait (width < 319px) {
-  .lt-player-custom-captions {
-    span {
-      font-size: $lt-player-font-size-sm;
-    }
-  }
-}
-
-@container landscape (width > 639px) {
-  .lt-player-orientation--landscape {
-    .lt-player-custom-captions {
-      line-height: $lt-player-line-height;
-
-      span {
-        font-size: $lt-player-font-size-lg;
-      }
-    }
-
-    &.lt-state-controls-visible {
-      .lt-player-custom-captions {
-        margin: 0 $lt-player-padding-xxl 16px $lt-player-padding-xxl;
-        display: inline-block;
-      }
-    }
-  }
-}

package/src/assets/sass/sections/controllers/_all.scss

@@ -1,4 +0,0 @@
-@import "top";
-@import "botom";
-@import "mini-player";
-@import "notification-rewind-forward";