@scrippsproduct/entertainment-sites-css 0.0.1

package/src/special-lander.scss

@@ -0,0 +1,137 @@
+special-landing-page {
+    #carousel-special-featured {
+        a {
+            text-decoration: none;
+        }
+    }
+}
+
+.special-page__grid {
+    figcaption {
+        padding-top: 1rem;
+        color: var(--mono-color-400);
+
+        > div {
+            margin-bottom: 1rem;
+        }
+    }
+}
+
+.special-page__fig-caption {
+    font-size: 1rem;
+}
+
+.special-page__image-credit {
+    color: var(--mono-color-500);
+    font-size: 0.9rem;
+}
+
+.special-page__information {
+    .h2 {
+        margin-top: 0;
+        margin-bottom: 0;
+        font-size: 2rem;
+    }
+
+    p {
+        font-size: 1.125rem;
+        line-height: 1.6;
+        padding-right: 1rem;
+    }
+}
+
+#carousel-special-featured {
+    .slide { align-items: flex-start; }
+
+    image-card { width: 100%; }
+
+    .image-card__content {
+        font-size: clamp(1rem, 1vw + 0.1rem, 1.5rem);
+        text-align: center;
+        padding-top: 0;
+    }  
+}
+
+special-landing-page {
+
+    content-constrainer {
+        border-color: #ddd;
+    }
+    
+    .image-card__cta {
+        color: var(--cta-button-color);
+        font-size: 1.125rem;
+    }
+
+    .image-card__content {
+        .h4 {
+            font-size: 1.5rem;
+            margin-bottom: 0;
+        }
+
+        > div {
+            margin: 0.5rem 0;
+        }
+    }
+
+    .promotions-row__header {
+        font-size: 1.802rem;
+        font-weight: 600;
+    }
+
+    .featured-carousel {
+        .carousel-controls__next,
+        .carousel-controls__previous {
+            transform: translateY(-100%);
+            background-color: transparent;
+
+            > i {
+                > svg { stroke: var(--cta-button-color); }
+            }
+        }
+
+        .carousel-controls__previous { 
+            inset-inline-start: calc((var(--_control-btns-offset-x) - var(--_slide-gap)));
+        }
+    }   
+    
+    a:hover {
+        color: var(--theme-color-100);
+    }
+
+    @media screen and (max-width: 80rem) {
+        #carousel-special-featured { --_control-btns-offset-x: -1rem !important; }      
+    }
+}
+
+.image-card__play-icon {
+    scale: 1.2;
+
+    &:hover {
+        scale: 1.35;
+    }
+}
+// 960px
+@media screen and (max-width: 60rem) {
+    special-landing-page {
+        adjustable-two-column-layout {
+            display: block;
+        }
+    }
+}
+// 640px
+@media screen and (max-width: 40rem) {
+    .page-hero {
+        text-align: center;
+        
+        .show-hero__content {
+            left: 0;
+            padding-left: 1rem;
+            padding-right: 1rem;
+        }
+    }
+
+    .page-hero > div > img {
+        aspect-ratio: 388/594;
+    }
+}

package/src/sweeps.scss

@@ -0,0 +1,42 @@
+.sweeps-constrainer {
+    background-size: cover;
+    background-repeat: no-repeat;
+    background-position: center;
+    background-attachment: fixed;
+    margin-top: 2.5rem;
+    border-top: 1px solid var(--mono-color-100);
+    width: 100%;
+}
+
+gleam-wrapper {
+    display: block;
+    min-height: 92vh;
+    background: transparent;
+}
+
+.gleam__header {
+    padding: 3rem 2rem 0;
+    width: 40%;
+    margin: 0 auto;
+    text-align: center;
+
+    img {
+        max-width: 100%;
+        display: inline;
+    }
+}
+
+.gleam__content {
+    min-height: 12.5rem;
+    height: auto;
+    margin: 1.25rem auto;
+    padding: 2.5rem 0 4rem;
+    text-align: center;
+}
+// 600px
+@media screen and (max-width: 37.5rem) {
+    .gleam__header {
+        width: 50%;
+    }
+}
+