@scrippsproduct/entertainment-sites-css 0.0.1

package/dist/css/base.css

@@ -0,0 +1,422 @@
+html, body {
+  height: 100%;
+}
+
+body {
+  line-height: 1.5;
+  -webkit-font-smoothing: antialiased;
+}
+
+img, picture, video, canvas, svg {
+  display: block;
+  max-width: 100%;
+}
+
+figure {
+  margin: 0;
+}
+
+input, button, textarea, select {
+  font: inherit;
+}
+
+p, h1, h2, h3, h4, h5, h6 {
+  overflow-wrap: break-word;
+}
+
+ul[role=list],
+ol[role=list] {
+  list-style: none;
+}
+
+a:not([class]) {
+  -webkit-text-decoration-skip: ink;
+          text-decoration-skip-ink: auto;
+}
+
+#root {
+  isolation: isolate;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  *,
+  *::before,
+  *::after {
+    animation-duration: 0.01ms !important;
+    animation-iteration-count: 1 !important;
+    transition-duration: 0.01ms !important;
+    scroll-behavior: auto !important;
+  }
+}
+:root {
+  /* theme colors */
+  --theme-color-100: hsl(44, 98%, 52%);
+  --theme-color-200: hsl(33, 100%, 50%);
+  --theme-color-300: hsl(33, 100%, 50%);
+  --theme-color-400: hsl(24, 81%, 55%);
+  --theme-color-500: hsl(24, 92%, 48%);
+  /* monotones */
+  --mono-color-100: #fff;
+  --mono-color-200: #0000002B;
+  --mono-color-400: #666;
+  --mono-color-500: #777;
+  /* form colors */
+  --form-valid-color: hsl(150, 55%, 38%);
+  --form-invalid-color: hsl(0, 51%, 50%);
+  /* gradients */
+  --on-now-gradient: linear-gradient(to bottom, var(--theme-color-100) 0%, var(--theme-color-300) 100%);
+  --body-radial-gradient: radial-gradient(ellipse at top left, var(--theme-color-200) 0%, var(--theme-color-100) 90%);
+  --footer-gradient: linear-gradient(180deg,hsl(29.65deg 100% 50% / 64%),transparent);
+  --menu-gradient: linear-gradient(90deg, hsl(39, 100%, 41%) 0%, hsl(30, 82%, 58%) 50%, hsl(28, 82%, 55%) 90%);
+  /* other */
+  --cta-button-color: var(--theme-color-200);
+}
+
+html {
+  font-family: "Montserrat", sans-serif;
+  font-size: 17px;
+  scrollbar-gutter: stable;
+}
+
+@media screen and (max-width: 187.5rem) {
+  html {
+    font-size: 16px;
+  }
+}
+@media screen and (max-width: 61.25rem) {
+  html {
+    font-size: 14px;
+  }
+}
+body {
+  margin: 0;
+  background-image: url(https://ewscripps-brightspot-lower.s3.amazonaws.com/24/3f/b693fd3a4f709740eae431187e55/backgroundimage-bw.png), var(--body-radial-gradient);
+  background-blend-mode: soft-light;
+  background-repeat: no-repeat;
+  background-size: cover;
+  background-position: center;
+  background-attachment: fixed;
+}
+
+.h1,
+.h2,
+.h3,
+.h4,
+.h5,
+.h6 {
+  color: var(--mono-color-400);
+  font-weight: 600;
+  text-wrap: balance;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+.h1--extra-bold,
+.h2--extra-bold,
+.h3--extra-bold,
+.h4--extra-bold,
+.h5--extra-bold,
+.h6--extra-bold {
+  font-weight: 700;
+}
+
+.h1:first-child {
+  margin-top: 0;
+}
+
+.h1 {
+  font-size: 2rem;
+}
+
+.h2 {
+  font-size: 1.802rem;
+}
+
+.h3 {
+  font-size: 1.602rem;
+}
+
+.h4 {
+  font-size: 1.424rem;
+}
+
+.h5 {
+  font-size: 1.266rem;
+}
+
+.h6 {
+  font-size: 1.125rem;
+}
+
+p {
+  font-family: "Open Sans", sans-serif;
+}
+
+a {
+  color: var(--theme-color-200);
+  transition: color 0.25s ease-in-out;
+  font-weight: 600;
+  text-underline-offset: 0.15rem;
+}
+a:not([class]):hover {
+  color: var(--theme-color-100);
+}
+
+site-wrapper {
+  min-height: 100vh;
+  min-height: 100dvh;
+  display: grid;
+  grid-template-rows: auto 1fr auto;
+  animation-name: pageFadeIn;
+  animation-duration: 350ms;
+  animation-delay: 150ms;
+  animation-timing-function: ease-in;
+  animation-fill-mode: forwards;
+  opacity: 0;
+}
+
+@keyframes pageFadeIn {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+.page-section {
+  background-color: #fff;
+}
+
+.page-section--gradient-bkgd {
+  background-image: var(--footer-gradient);
+  min-height: 200px;
+}
+
+.page-section--extra-margin {
+  margin-top: 1.5rem;
+}
+
+content-constrainer {
+  display: block;
+  width: min(100% - 13.125rem, 125rem);
+  margin: auto;
+  border-bottom: 1px solid var(--theme-color-500);
+  padding-bottom: 2.5rem;
+  padding-top: 2rem;
+}
+
+hr {
+  width: min(100% - 13.125rem, 125rem);
+  margin: auto;
+  border: none;
+  border-bottom: 1px solid var(--theme-color-500);
+}
+
+error-handler {
+  display: block;
+  background-color: var(--mono-color-100);
+  padding-block: 4rem;
+  padding-inline: 2rem;
+  outline: 1px solid var(--theme-color-200);
+}
+
+@media screen and (max-width: 80rem) {
+  content-constrainer,
+  hr {
+    width: calc(100% - 5.625rem);
+  }
+}
+@media screen and (max-width: 37.5rem) {
+  content-constrainer,
+  hr {
+    width: calc(100% - 3.8rem);
+  }
+}
+@media screen and (max-width: 25rem) {
+  content-constrainer,
+  hr {
+    width: calc(100% - 1.5rem);
+  }
+}
+.content-constrainer--no-padding {
+  padding-bottom: 0;
+  padding-top: 0;
+}
+
+.content-constrainer--no-border {
+  border: none;
+}
+
+.content-constrainer--lead-container {
+  border-bottom: none;
+  padding-top: 1.5rem;
+  padding-block-start: 1.5rem;
+}
+
+@media screen and (max-width: 60rem) {
+  .content-constrainer--lead-container {
+    padding-top: 0.5rem;
+    padding-block-start: 0.5rem;
+  }
+}
+.content-constrainer--margin-bottom {
+  margin-block-end: 2rem;
+}
+
+.main-content > .content-constrainer--no-padding:first-child {
+  padding-top: 0;
+  margin-top: 2rem;
+}
+
+.main-content {
+  margin-top: 0;
+}
+.main-content.info-page {
+  margin-top: 1.5rem;
+}
+
+.main-content.info-page > content-constrainer:first-child {
+  padding-top: 3rem;
+}
+
+.page-content-header {
+  font-size: 2.875rem;
+  font-size: clamp(1.8rem, 4vw + 1rem, 2.875rem);
+  font-weight: 600;
+  color: var(--mono-color-100);
+  text-transform: uppercase;
+  text-align: center;
+  border-top: 1px solid var(--mono-color-100);
+  padding-top: 2.5rem;
+  margin-top: 0.5rem;
+}
+
+@media screen and (max-width: 31.15rem) {
+  .page-content-header {
+    font-size: 2.3rem;
+    font-size: clamp(1.8rem, 4vw + 1rem, 2.875rem);
+  }
+}
+@media screen and (max-width: 25rem) {
+  .page-content-header {
+    font-size: 2rem;
+    font-size: clamp(1.8rem, 4vw + 1rem, 2.875rem);
+  }
+}
+.page-content-subheader {
+  color: var(--mono-color-100);
+  font-size: 1.125rem;
+  text-align: center;
+  margin: 0 auto 2rem;
+}
+@media screen and (max-width: 43.75rem) {
+  .page-content-subheader {
+    max-width: 40ch;
+  }
+}
+
+.info-page {
+  background-color: transparent;
+}
+
+.info-page > content-constrainer {
+  max-width: 64rem;
+  padding-left: 2.5rem;
+  padding-right: 2.5rem;
+  background-color: #fff;
+}
+
+@media screen and (max-width: 37.5rem) {
+  .info-page > content-constrainer {
+    width: 100%;
+    padding-left: 1.5rem;
+    padding-right: 1.5rem;
+    box-sizing: border-box;
+  }
+}
+header > content-constrainer,
+footer > content-constrainer {
+  border: none;
+}
+
+.modal__close-btn {
+  background: transparent;
+  border: none;
+  color: var(--mono-color-100);
+  left: -1rem;
+  top: -3.5rem;
+  transform: rotate(0);
+  transition: transform 0.325s ease-in-out;
+}
+.modal__close-btn:hover, .modal__close-btn:focus {
+  transform: rotate(180deg);
+}
+.modal__close-btn:focus {
+  outline-width: 1px;
+  outline-color: var(--theme-color-300);
+  outline-style: dashed;
+  border-radius: 40%;
+}
+
+#modal-container > dialog {
+  overflow: visible;
+}
+
+dialog.modal {
+  will-change: transform, opacity;
+}
+dialog.modal::backdrop {
+  background-color: rgba(0, 0, 0, 0.8);
+}
+
+.image-card__cta {
+  transition: scale 0.225s ease-out;
+  display: inline-block;
+}
+.image-card__cta:hover, .image-card__cta:focus {
+  scale: 1.1;
+}
+
+.inline-anchor {
+  color: var(--theme-color-400);
+  font-weight: 600;
+}
+
+/* Better screen reader only (https://gist.github.com/ffoodd/000b59f431e3e64e4ce1a24d5bb36034) */
+.sr-only {
+  border: 0 !important;
+  clip: rect(1px, 1px, 1px, 1px) !important;
+  -webkit-clip-path: inset(50%) !important;
+  clip-path: inset(50%) !important;
+  height: 1px !important;
+  margin: -1px !important;
+  overflow: hidden !important;
+  padding: 0 !important;
+  position: absolute !important;
+  width: 1px !important;
+  white-space: nowrap !important;
+}
+
+.sr-only-focusable:focus,
+.sr-only-focusable:active {
+  clip: auto !important;
+  -webkit-clip-path: none !important;
+  clip-path: none !important;
+  height: auto !important;
+  margin: auto !important;
+  overflow: visible !important;
+  width: auto !important;
+  white-space: normal !important;
+}
+
+/** 
+ * added to remove the error panel that the current 
+ * version of the react-dev-tools chorme extension
+ * keeps throwing: Uncaught TypeError: hook.sub is not a function 
+ * 
+ * (3/21/2023)
+ */
+#webpack-dev-server-client-overlay {
+  display: none !important;
+}
+
+/*# sourceMappingURL=base.css.map */

package/dist/css/base.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/_reset.scss","base.css","../../src/base.scss"],"names":[],"mappings":"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","file":"base.css"}

package/dist/css/base.min.css

@@ -0,0 +1 @@
+body,html{height:100%}body{line-height:1.5;-webkit-font-smoothing:antialiased}canvas,img,picture,svg,video{display:block;max-width:100%}figure{margin:0}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}ol[role=list],ul[role=list]{list-style:none}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}#root{isolation:isolate}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}}:root{--theme-color-100:hsl(44, 98%, 52%);--theme-color-200:hsl(33, 100%, 50%);--theme-color-300:hsl(33, 100%, 50%);--theme-color-400:hsl(24, 81%, 55%);--theme-color-500:hsl(24, 92%, 48%);--mono-color-100:#fff;--mono-color-200:#0000002B;--mono-color-400:#666;--mono-color-500:#777;--form-valid-color:hsl(150, 55%, 38%);--form-invalid-color:hsl(0, 51%, 50%);--on-now-gradient:linear-gradient(to bottom, var(--theme-color-100) 0%, var(--theme-color-300) 100%);--body-radial-gradient:radial-gradient(ellipse at top left, var(--theme-color-200) 0%, var(--theme-color-100) 90%);--footer-gradient:linear-gradient(180deg,hsl(29.65deg 100% 50% / 64%),transparent);--menu-gradient:linear-gradient(90deg, hsl(39, 100%, 41%) 0%, hsl(30, 82%, 58%) 50%, hsl(28, 82%, 55%) 90%);--cta-button-color:var(--theme-color-200)}html{font-family:Montserrat,sans-serif;font-size:17px;scrollbar-gutter:stable}@media screen and (max-width:187.5rem){html{font-size:16px}}@media screen and (max-width:61.25rem){html{font-size:14px}}body{margin:0;background-image:url(https://ewscripps-brightspot-lower.s3.amazonaws.com/24/3f/b693fd3a4f709740eae431187e55/backgroundimage-bw.png),var(--body-radial-gradient);background-blend-mode:soft-light;background-repeat:no-repeat;background-size:cover;background-position:center;background-attachment:fixed}.h1,.h2,.h3,.h4,.h5,.h6{color:var(--mono-color-400);font-weight:600;text-wrap:balance;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.h1--extra-bold,.h2--extra-bold,.h3--extra-bold,.h4--extra-bold,.h5--extra-bold,.h6--extra-bold{font-weight:700}.h1:first-child{margin-top:0}.h1{font-size:2rem}.h2{font-size:1.802rem}.h3{font-size:1.602rem}.h4{font-size:1.424rem}.h5{font-size:1.266rem}.h6{font-size:1.125rem}p{font-family:"Open Sans",sans-serif}a{color:var(--theme-color-200);transition:color .25s ease-in-out;font-weight:600;text-underline-offset:0.15rem}a:not([class]):hover{color:var(--theme-color-100)}site-wrapper{min-height:100vh;min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto;animation-name:pageFadeIn;animation-duration:350ms;animation-delay:150ms;animation-timing-function:ease-in;animation-fill-mode:forwards;opacity:0}@keyframes pageFadeIn{0%{opacity:0}100%{opacity:1}}.page-section{background-color:#fff}.page-section--gradient-bkgd{background-image:var(--footer-gradient);min-height:200px}.page-section--extra-margin{margin-top:1.5rem}content-constrainer{display:block;width:min(100% - 13.125rem,125rem);margin:auto;border-bottom:1px solid var(--theme-color-500);padding-bottom:2.5rem;padding-top:2rem}hr{width:min(100% - 13.125rem,125rem);margin:auto;border:none;border-bottom:1px solid var(--theme-color-500)}error-handler{display:block;background-color:var(--mono-color-100);padding-block:4rem;padding-inline:2rem;outline:1px solid var(--theme-color-200)}@media screen and (max-width:80rem){content-constrainer,hr{width:calc(100% - 5.625rem)}}@media screen and (max-width:37.5rem){content-constrainer,hr{width:calc(100% - 3.8rem)}}@media screen and (max-width:25rem){content-constrainer,hr{width:calc(100% - 1.5rem)}}.content-constrainer--no-padding{padding-bottom:0;padding-top:0}.content-constrainer--no-border{border:none}.content-constrainer--lead-container{border-bottom:none;padding-top:1.5rem;padding-block-start:1.5rem}@media screen and (max-width:60rem){.content-constrainer--lead-container{padding-top:.5rem;padding-block-start:0.5rem}}.content-constrainer--margin-bottom{margin-block-end:2rem}.main-content>.content-constrainer--no-padding:first-child{padding-top:0;margin-top:2rem}.main-content{margin-top:0}.main-content.info-page{margin-top:1.5rem}.main-content.info-page>content-constrainer:first-child{padding-top:3rem}.page-content-header{font-size:2.875rem;font-size:clamp(1.8rem, 4vw + 1rem, 2.875rem);font-weight:600;color:var(--mono-color-100);text-transform:uppercase;text-align:center;border-top:1px solid var(--mono-color-100);padding-top:2.5rem;margin-top:.5rem}@media screen and (max-width:31.15rem){.page-content-header{font-size:2.3rem;font-size:clamp(1.8rem, 4vw + 1rem, 2.875rem)}}@media screen and (max-width:25rem){.page-content-header{font-size:2rem;font-size:clamp(1.8rem, 4vw + 1rem, 2.875rem)}}.page-content-subheader{color:var(--mono-color-100);font-size:1.125rem;text-align:center;margin:0 auto 2rem}@media screen and (max-width:43.75rem){.page-content-subheader{max-width:40ch}}.info-page{background-color:transparent}.info-page>content-constrainer{max-width:64rem;padding-left:2.5rem;padding-right:2.5rem;background-color:#fff}@media screen and (max-width:37.5rem){.info-page>content-constrainer{width:100%;padding-left:1.5rem;padding-right:1.5rem;box-sizing:border-box}}footer>content-constrainer,header>content-constrainer{border:none}.modal__close-btn{background:0 0;border:none;color:var(--mono-color-100);left:-1rem;top:-3.5rem;transform:rotate(0);transition:transform 325ms ease-in-out}.modal__close-btn:focus,.modal__close-btn:hover{transform:rotate(180deg)}.modal__close-btn:focus{outline-width:1px;outline-color:var(--theme-color-300);outline-style:dashed;border-radius:40%}#modal-container>dialog{overflow:visible}dialog.modal{will-change:transform,opacity}dialog.modal::backdrop{background-color:rgba(0,0,0,.8)}.image-card__cta{transition:scale 225ms ease-out;display:inline-block}.image-card__cta:focus,.image-card__cta:hover{scale:1.1}.inline-anchor{color:var(--theme-color-400);font-weight:600}.sr-only{border:0!important;clip:rect(1px,1px,1px,1px)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto!important;-webkit-clip-path:none!important;clip-path:none!important;height:auto!important;margin:auto!important;overflow:visible!important;width:auto!important;white-space:normal!important}#webpack-dev-server-client-overlay{display:none!important}

package/dist/css/episode-guide.css

@@ -0,0 +1,93 @@
+episode-guide {
+  display: block;
+  min-height: 20rem;
+}
+
+.episode-guide__header {
+  display: flex;
+}
+.episode-guide__header > .h2 {
+  margin-block-start: 0;
+  font-size: 2rem;
+  font-weight: 500;
+  margin-block-end: 1rem;
+}
+
+label[for=season-selector] {
+  isolation: unset;
+  flex: 1 0 fit-content;
+  margin-bottom: 0;
+  font-size: 1.125rem;
+}
+label[for=season-selector] > div {
+  border-radius: 0;
+  border: 1px solid var(--mono-color-400);
+  padding: 0;
+}
+label[for=season-selector] > div > div {
+  background: #fff;
+}
+label[for=season-selector] > div > div:first-child {
+  cursor: pointer;
+}
+
+.custom-select__icon--chevron {
+  transform: translateY(-50%);
+}
+.custom-select__icon--chevron > svg {
+  stroke: #444;
+}
+
+.season-selector-wrapper {
+  margin-inline-start: auto;
+  margin-block-end: 0.83rem;
+  flex: 0 1 auto;
+  display: flex;
+  gap: 0.5rem;
+  align-items: center;
+}
+.season-selector-wrapper > span {
+  display: block;
+  flex: 1 0 fit-content;
+  font-size: 1.125rem;
+}
+
+.custom-select__choices-wrapper {
+  margin-top: 0.1em;
+}
+
+.custom-select__choices {
+  border-radius: 0;
+  border: 1px solid;
+  border-width: 0 1px 1px;
+}
+
+.custom-select__item--highlighted {
+  background-color: #efefef;
+}
+
+.custom-select__choices li:hover {
+  background-color: #efefef;
+}
+
+.custom-select__item--selected {
+  background-color: #e3e3e3;
+  color: currentColor;
+}
+
+@media screen and (max-width: 34.375rem) {
+  .episode-guide__header {
+    display: block;
+  }
+  .season-selector-wrapper {
+    justify-content: flex-start;
+  }
+  .season-selector-wrapper > span {
+    flex: 0 1 fit-content;
+  }
+  .season-selector-wrapper label[for=season-selector] {
+    flex: 0 0 fit-content;
+  }
+}
+
+/*# sourceMappingURL=episode-guide.css.map */

package/dist/css/episode-guide.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/episode-guide.scss","episode-guide.css"],"names":[],"mappings":"AAAA;EACI,cAAA;EACA,iBAAA;ACCJ;;ADEA;EACI,aAAA;ACCJ;ADCI;EACI,qBAAA;EACA,eAAA;EACA,gBAAA;EACA,sBAAA;ACCR;;ADGA;EACI,gBAAA;EACA,qBAAA;EACA,gBAAA;EACA,mBAAA;ACAJ;ADEI;EACI,gBAAA;EACA,uCAAA;EACA,UAAA;ACAR;ADEQ;EACI,gBAAA;ACAZ;ADEY;EACI,eAAA;ACAhB;;ADMA;EACI,2BAAA;ACHJ;ADKI;EACI,YAAA;ACHR;;ADOA;EACI,yBAAA;EACA,yBAAA;EACA,cAAA;EACA,aAAA;EACA,WAAA;EACA,mBAAA;ACJJ;ADMI;EACI,cAAA;EACA,qBAAA;EACA,mBAAA;ACJR;;ADQA;EACI,iBAAA;ACLJ;;ADQA;EACI,gBAAA;EACA,iBAAA;EACA,uBAAA;ACLJ;;ADQA;EAEI,yBAAA;ACNJ;;ADSA;EAEI,yBAAA;ACPJ;;ADUA;EACI,yBAAA;EACA,mBAAA;ACPJ;;ADUA;EACI;IACI,cAAA;ECPN;EDUE;IACI,2BAAA;ECRN;EDUM;IACI,qBAAA;ECRV;EDUM;IACI,qBAAA;ECRV;AACF","file":"episode-guide.css"}

package/dist/css/episode-guide.min.css

@@ -0,0 +1 @@
+episode-guide{display:block;min-height:20rem}.episode-guide__header{display:flex}.episode-guide__header>.h2{margin-block-start:0;font-size:2rem;font-weight:500;margin-block-end:1rem}label[for=season-selector]{isolation:unset;flex:1 0 fit-content;margin-bottom:0;font-size:1.125rem}label[for=season-selector]>div{border-radius:0;border:1px solid var(--mono-color-400);padding:0}label[for=season-selector]>div>div{background:#fff}label[for=season-selector]>div>div:first-child{cursor:pointer}.custom-select__icon--chevron{transform:translateY(-50%)}.custom-select__icon--chevron>svg{stroke:#444}.season-selector-wrapper{margin-inline-start:auto;margin-block-end:0.83rem;flex:0 1 auto;display:flex;gap:.5rem;align-items:center}.season-selector-wrapper>span{display:block;flex:1 0 fit-content;font-size:1.125rem}.custom-select__choices-wrapper{margin-top:.1em}.custom-select__choices{border-radius:0;border:1px solid;border-width:0 1px 1px}.custom-select__item--highlighted{background-color:#efefef}.custom-select__choices li:hover{background-color:#efefef}.custom-select__item--selected{background-color:#e3e3e3;color:currentColor}@media screen and (max-width:34.375rem){.episode-guide__header{display:block}.season-selector-wrapper{justify-content:flex-start}.season-selector-wrapper>span{flex:0 1 fit-content}.season-selector-wrapper label[for=season-selector]{flex:0 0 fit-content}}