-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathstyles.164d45a1.css.map
1 lines (1 loc) · 13.1 KB
/
styles.164d45a1.css.map
1
{"version":3,"sources":["styles/spectate.scss","styles/news-ellipsis.scss","styles.scss"],"names":[],"mappings":"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","file":"styles.164d45a1.css","sourceRoot":"../src","sourcesContent":["/* Declaring variables */\n\n$georgia: Georgia,\nserif;\n$graphik: Graphik,\nhelvetica,\narial,\nsans-serif;\n\n$gbody-width: 600px;\n$gbody-padding: 20px;\n\n$navbar-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.27);\n$navbar-height: 48px;\n\n$fade-transition-duration: 0.25s;\n\n/* Load fonts */\n\n@font-face {\n font-family: Georgia;\n src: url('https://spectator-fonts.s3.amazonaws.com/Georgia.ttf') format('truetype');\n}\n\n@font-face {\n font-family: Georgia;\n src: url('https://spectator-fonts.s3.amazonaws.com/Georgia+Italic.ttf') format('truetype');\n font-style: italic;\n}\n\n@font-face {\n font-family: Georgia;\n src: url('https://spectator-fonts.s3.amazonaws.com/Georgia+Bold.ttf') format('truetype');\n font-weight: 700;\n}\n\n@font-face {\n font-family: Graphik;\n src: url('https://spectator-fonts.s3.amazonaws.com/Graphik-400-Regular.otf') format('opentype');\n}\n\n@font-face {\n font-family: Graphik;\n src: url('https://spectator-fonts.s3.amazonaws.com/Graphik-600-Semibold.otf') format('opentype');\n font-weight: 600;\n}\n\n/* Basic styles for elements and common Spectate classes */\n\nbody {\n margin: 0;\n}\n\nh1,\np {\n -webkit-font-smoothing: antialiased;\n color: #121212;\n}\n\na {\n color: #337ab7;\n text-decoration: none;\n\n &[href^=\"mailto:\"] {\n word-wrap: break-word;\n }\n}\n\na:hover {\n color: #23527c;\n text-decoration: underline;\n}\n\nb {\n font-weight: 700;\n}\n\n.g-body {\n max-width: $gbody-width;\n width: calc(100% - #{2 * $gbody-padding});\n margin-top: 0;\n margin-left: auto;\n margin-right: auto;\n}\n\n.paragraph {\n margin-bottom: 20px;\n font-family: $georgia;\n font-size: 19px;\n line-height: 1.63;\n}\n\n.subhed {\n margin: 40px auto 20px;\n font-family: $georgia;\n font-size: 23px;\n line-height: 1.63;\n font-weight: bold;\n}\n\n/* Styling the cover and cover-hed */\n\n.cover {\n width: 100%;\n height: 100vh;\n margin-bottom: 40px;\n /* Create the parallax scrolling effect */\n background: url(\"https://cloudfront-us-east-1.images.arcpublishing.com/spectator/X3XE3ROLCVBCJMI4SYY74Q77XE.JPG\");\n background-attachment: fixed;\n background-position: center;\n background-repeat: no-repeat;\n background-size: cover;\n\n img {\n width: 100%;\n height: 100%;\n\n object-fit: cover;\n }\n}\n\n.cover-hed {\n margin-bottom: 0;\n\n header {\n background-color: rgba(0, 0, 0, 0.6);\n max-width: 700px;\n color: #fff;\n transform: translateY(80%); // TODO: do better;\n align-items: center;\n\n p,\n h1 {\n color: #fff;\n text-align: center;\n }\n\n .byline {\n text-align: center;\n\n a {\n color: #fff;\n }\n }\n\n .pub-date {\n text-align: center;\n }\n }\n}\n\n.cover-caption {\n margin: 7px auto 60px;\n font-size: 15px;\n font-family: $georgia;\n color: #888;\n padding: 0 $gbody-padding / 2;\n line-height: 1.3;\n max-width: 1300px;\n}\n\nheader {\n margin: 0 auto;\n padding: 36px 15px;\n\n p {\n margin: 0;\n font-family: $graphik;\n font-size: 16px;\n line-height: 26px;\n font-weight: 400;\n }\n\n #headline {\n margin: 50px 0 20px;\n font-size: 45px;\n line-height: 1.15;\n font-weight: 500;\n font-family: Playfair Display;\n }\n\n .deck {\n font-family: $graphik;\n font-size: 20px;\n line-height: 1.45;\n margin-bottom: 14px;\n text-align: center;\n }\n\n .byline {\n font-weight: 600;\n\n a {\n color: #121212;\n }\n }\n\n .pub-date {\n margin-bottom: 10px;\n }\n\n .inline-credits {\n font-weight: 600;\n }\n}\n\n@media (max-width: 500px) {\n header #headline {\n font-size: 38px;\n margin-bottom: 10px;\n }\n}\n\n.cover-hed #headline {\n margin-top: 10px;\n}\n\n.inline-credits {\n margin: 0;\n\n span {\n display: block;\n font-weight: 600;\n font-family: $graphik;\n font-size: 16px;\n line-height: 26px;\n }\n\n a {\n color: #121212;\n }\n}\n\n.credits {\n margin-bottom: 30px;\n\n p {\n font-family: $graphik;\n font-size: 16px;\n font-weight: 600;\n margin: 0;\n margin-bottom: 12px;\n }\n\n p.date {\n font-weight: 400;\n }\n}\n\n/* Navbar */\n\n#navbar {\n display: flex;\n width: 100%;\n height: $navbar-height;\n position: fixed;\n background-color: #fff;\n z-index: 1000;\n transition-duration: $fade-transition-duration;\n box-shadow: $navbar-shadow;\n}\n\n#navbar.only-eye-logo {\n background: none;\n box-shadow: none;\n\n #nav-links {\n opacity: 0;\n }\n\n .hamburger-btn {\n opacity: 0;\n visibility: hidden;\n }\n}\n\n#eye-logo-container {\n display: flex;\n justify-content: space-between;\n height: 48px;\n z-index: 1;\n\n #eye-logo {\n width: 96px;\n }\n}\n\n#navbar.news-navbar {\n height: 46px;\n box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.27);\n}\n\n#navbar.news-navbar.hide-news-navbar {\n height: 46px;\n box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.27);\n opacity: 0;\n}\n\n#cds-logo-container {\n display: block;\n padding: 8px 0;\n margin: 0 auto;\n align-self: center;\n\n #cds-logo {\n height: 19px;\n }\n}\n\n.hamburger-btn {\n align-self: center;\n height: 18px;\n border: none;\n cursor: pointer;\n width: 18px;\n padding: 0;\n margin-right: 20px;\n display: none;\n background: none;\n}\n\n#navbar:not(.show-nav-links) {\n\n .hamburger,\n .hamburger-btn:after,\n .hamburger-btn:before {\n background-color: #111;\n height: 2px;\n margin-bottom: 4px;\n width: 100%;\n }\n\n .hamburger-btn:after {\n content: \"\";\n display: block;\n margin-bottom: 0;\n }\n\n .hamburger-btn:before {\n content: \"\";\n display: block;\n }\n}\n\n#nav-links {\n flex: 1 1;\n display: flex;\n align-items: center;\n transition-duration: $fade-transition-duration;\n\n a {\n margin: 0;\n margin-left: 42px;\n font-family: $graphik;\n font-size: 14px;\n color: #121212;\n text-decoration: none;\n }\n\n a:hover {\n text-decoration: underline;\n }\n}\n\n// Collapse navbar\n@media (max-width: 760px) {\n #navbar {\n flex-direction: column;\n\n &.news-navbar {\n justify-content: center;\n }\n }\n\n .cover {\n background-position: 50% 50%;\n background-size: cover;\n }\n\n #nav-links {\n visibility: hidden;\n opacity: 0;\n flex-direction: column;\n\n a {\n width: 100%;\n text-align: center;\n background: #fff;\n padding: 17px 0;\n margin-left: 0;\n }\n }\n\n #navbar.show-nav-links {\n .hamburger-btn {\n background: url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMC4yOSAxMi4zIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6bm9uZTtzdHJva2U6Izk5OTtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmljb24tY2xvc2U8L3RpdGxlPjxnIGlkPSJMYXllcl8yIiBkYXRhLW5hbWU9IkxheWVyIDIiPjxnIGlkPSJMYXllcl8xLTIiIGRhdGEtbmFtZT0iTGF5ZXIgMSI+PGxpbmUgY2xhc3M9ImNscy0xIiB4MT0iMC4zOSIgeTE9IjAuMzIiIHgyPSI5LjkiIHkyPSIxMS45OSIvPjxsaW5lIGNsYXNzPSJjbHMtMSIgeDE9IjAuMzkiIHkxPSIxMS45OSIgeDI9IjkuOSIgeTI9IjAuMzIiLz48L2c+PC9nPjwvc3ZnPg==\") no-repeat 50% content-box;\n background-size: 86% auto;\n }\n\n #navbar {\n box-shadow: none;\n }\n\n #nav-links {\n visibility: visible;\n opacity: 1;\n box-shadow: 0 -10px white,\n // White shadow to mask top box-shadow\n $navbar-shadow;\n flex: 1 0 auto;\n }\n\n #eye-logo-container {\n border-bottom: 1px solid #ddd;\n flex: 1 0 auto;\n }\n }\n\n #navbar.show-nav-links.only-eye-logo #eye-logo-container {\n border: none;\n }\n\n #eye-logo {\n width: 72px;\n }\n\n .hamburger-btn {\n display: block;\n }\n}\n\n.dinkus {\n text-align: center;\n height: 20px;\n}\n\n.image {\n margin: 30px auto 25px auto;\n\n img {\n width: 100%;\n }\n\n .image-caption-text {\n font-size: 15px;\n font-family: $georgia;\n color: #666;\n margin: 7px 0 0 0;\n padding: 0 $gbody-padding / 2;\n line-height: 1.3;\n\n .image-credit {\n color: #999;\n }\n }\n}\n\n@media (max-width: 660px) {\n .image .image-caption-text {\n font-size: 25px;\n }\n}\n\n.width-full-width {\n max-width: 1300px;\n padding: 0 $gbody-padding * 1.5;\n}\n\n.width-full-bleed {\n max-width: 100vw;\n\n .image-caption-text {\n max-width: 1300px;\n margin-left: auto;\n margin-right: auto;\n }\n}\n\n.width-auto {\n max-width: 600px;\n}\n\n// full-width image --> full-bleed image\n@media (max-width: 767px) {\n .image {\n padding: 0 $gbody-padding;\n }\n}\n\n.graphic {\n margin: 30px auto;\n}\n\n.story-top .graphic:only-child {\n margin: 0;\n}\n\n.footer {\n margin-bottom: 60px;\n\n p {\n font-family: $graphik;\n color: rgba(0, 0, 0, 0.7);\n font-size: 15px;\n line-height: 22px;\n }\n\n .article-credits {\n letter-spacing: 0.45px;\n }\n\n .article-credits::before {\n display: block;\n content: \" \";\n width: 100px;\n height: 1px;\n background-color: #ccc;\n margin-top: 29px;\n margin-bottom: 30px;\n }\n}","/* These styles help hide default site elements for a News story */\n\n// Unset Arc's Bootstrap box-sizing: border-box;\n#pb-root > article,\n#pb-root > article * {\n box-sizing: unset;\n}\n\n#top {\n // UNCOMMENT next line to hide navbar\n display: none;\n\n float: none;\n padding: 0;\n}\n\n#bottom {\n // UNCOMMENT next line to hide footer\n // display: none\n}\n\n.pb-f-article-disqus-new {\n // UNCOMMENT next line to hide comment section\n // display: none;\n\n max-width: 960px;\n margin: 0 auto 20px;\n}\n\n#article-tags {\n // UNCOMMENT next line to hide article tags\n // display: none;\n}\n\n// Hide mobile share buttons at the bottom\n.at-share-dock-outer {\n display: none;\n}\n\n// Hide advertisements that get server-side-rendered into the middle of the page\n#hor-in-article-ad-placement,\n#ver-in-article-ad-placement {\n display: none;\n}\n\n// Hide section#main before it is replaced\n#main {\n display: none;\n}\n\n// Prevents scrollama from complaining about overflow error\nhtml {\n overflow-x: visible;\n}\n\n// The only reason why html needed overflow-x hidden in the first place\n.bottom-footer {\n margin: 0;\n width: 100%;\n padding: 0;\n\n .pb-f-global-footer .footer {\n // Just for styling\n margin: 0;\n }\n}\n\n// Overflows the page\n.pb-f-global-leaderboard-ad {\n display: none;\n}\n","@import \"styles/spectate\";\n\n// Uncomment the following line before publishing a News story\n@import \"styles/news-ellipsis\";\n\n@media (max-width: 760px) {\n header {\n transform: translateY(50%) !important;\n }\n #headline {\n max-width:100% !important;\n }\n}"]}