Vivid-Casper/assets/css/screen.css

2503 lines
51 KiB
CSS
Raw Normal View History

2017-06-16 08:17:11 +00:00
/* Table of Contents
/* ------------------------------------------------------------
This is a development CSS file which is built to a minified
production stylesheet in assets/built/screen.css
2017-06-16 08:44:12 +00:00
2017-06-16 08:17:11 +00:00
1. Global Styles
2. Layout
3. Site Header
4. Site Navigation
5. Post Feed
6. Single Post
6.1. Post Byline
6.2. Subscribe
6.3. Read More
6.4. Comments
7. Author Template
8. Tag Template
2017-06-16 08:17:11 +00:00
9. Error Template
10. Site Footer
11. Dark Mode
2017-06-16 08:17:11 +00:00
*/
/* 1. Global - Set up the things
2017-05-15 20:03:47 +00:00
/* ---------------------------------------------------------- */
2021-03-03 02:48:32 +00:00
/* Import CSS reset and base styles */
2017-06-16 08:44:12 +00:00
@import "global.css";
2013-08-10 16:42:21 +00:00
2021-03-02 01:34:12 +00:00
:root {
2021-03-03 02:48:32 +00:00
2021-03-02 01:34:12 +00:00
/* Colours */
2021-03-03 02:48:32 +00:00
--color-green: #a4d037;
--color-yellow: #fecd35;
--color-red: #f05230;
--color-darkgrey: #15171A;
--color-midgrey: #738a94;
2022-05-16 05:41:54 +00:00
--color-lightgrey: #f1f1f1;
2022-05-06 07:36:35 +00:00
--color-secondary-text: #979797;
2022-05-16 05:41:54 +00:00
--color-border: #e1e1e1;
2021-03-03 02:48:32 +00:00
--color-wash: #e5eff5;
--color-darkmode: #151719;
2021-03-03 02:48:32 +00:00
/*
An accent color is also set by Ghost itself in
Ghost Admin > Settings > Brand
--ghost-accent-color: {value};
2022-01-03 21:39:38 +00:00
You can use this variable throughout your styles
2021-03-03 02:48:32 +00:00
*/
/* Fonts */
2022-05-16 05:41:54 +00:00
--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
2021-03-03 02:48:32 +00:00
--font-serif: Georgia, Times, serif;
--font-mono: Menlo, Courier, monospace;
}
2013-08-10 16:42:21 +00:00
2013-09-01 19:45:19 +00:00
2017-06-16 08:17:11 +00:00
/* 2. Layout - Page building blocks
2017-05-15 20:03:47 +00:00
/* ---------------------------------------------------------- */
2013-09-01 19:45:19 +00:00
.viewport {
position: relative;
display: flex;
flex-direction: column;
min-height: 100vh;
}
2021-09-22 07:24:17 +00:00
.site-content {
flex-grow: 1;
}
2017-05-15 20:03:47 +00:00
/* Full width page blocks */
.outer {
position: relative;
2022-05-20 07:19:34 +00:00
padding: 0 max(4vmin, 20px);
2013-09-01 19:45:19 +00:00
}
2017-05-15 20:03:47 +00:00
/* Centered content container blocks */
.inner {
2017-08-02 08:41:14 +00:00
margin: 0 auto;
2021-03-02 01:34:12 +00:00
max-width: 1200px;
2017-11-20 05:42:32 +00:00
width: 100%;
2013-09-01 19:45:19 +00:00
}
/* 3. Site Header
2017-05-15 20:03:47 +00:00
/* ---------------------------------------------------------- */
.site-header {
2017-05-15 20:03:47 +00:00
position: relative;
color: #fff;
2021-03-03 20:44:25 +00:00
background: var(--ghost-accent-color);
}
2021-03-03 20:44:25 +00:00
.site-header-cover {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
2017-05-15 20:03:47 +00:00
.site-header-content {
2021-03-03 20:44:25 +00:00
position: relative;
V3 (#626) * Changed {{code}} to {{statusCode}} refs https://github.com/TryGhost/gscan/commit/2ebd9feeee20c084a1d4ab84e5100cdb1e1400de - {{code}} use has been deprecated in canary rule set of gscan * V3 Update * Update package and readme for 3.0 * Improve install instructions * Update to support browserlist * Upgrade dependencies * Fix misnamed property * V3 darkmode (#619) Added dark mode styles * Casper final refinements batch 1 * Casper final refinements batch 2 * Fixed bookmark card hover bug * Fixed header social links * Updated screenshots * Updated readme no issue - refreshed screenshot * Udpate screenshot in readme no issue * 3.0.0-beta.2 * Fixed cut header for post cards no issue * 3.0.0-beta.3 * 3.0.0-beta.4 * Updated current version and previous version logic (#554) no issue - Use current version from `package.json` instead of `npm_package_version` env variable - Use `release.tag_name` instead of `release.name` for previous version * Updated jQuery to 3.4.1 to avoid known vulnerabilities (#590) no issue https://snyk.io/vuln/npm:jquery?lh=3.2.1&utm_source=lighthouse&utm_medium=ref&utm_campaign=audit * Fixed code cards with long lines from being too wide no issue Credits - https://github.com/TryGhost/Casper/pull/602 * Bumped gscan version to v3.0.0 (#621) * Bumped gscan to v3.0.0 - This also fixes failing CI builds because the default rules that are being checked were for v2 * Added explicit version check for gscan command * Added member subscription support (#623) * Added member subscription support no issue * Added member subscription success message no issue * Added member subscription overlay * Refined members subscription overlay * Deleted unused website icon * Ran CSSComb * Updated built assets * 3.0.0-beta.5 * Updated built assets for v3 no issue * 3.0.0-beta.6 * Remove unused partial * V3 cleanup (#625) * Removed unused infinity icon * Removed unused location icon * Removed unused 'point' icon * Removed unused Ghost logo icon * Removed unused author partials * Cleaned up index log * Fixed responsive feature image sizes for page template
2019-10-21 05:43:34 +00:00
z-index: 100;
2017-05-15 20:03:47 +00:00
display: flex;
2022-05-19 12:33:24 +00:00
align-items: center;
2022-11-11 03:30:32 +00:00
padding-top: calc(19vmin + 44px);
padding-bottom: 19vmin;
2022-05-19 15:07:45 +00:00
text-align: center;
2022-05-14 05:23:02 +00:00
color: var(--color-darkgrey);
}
2022-05-26 06:33:06 +00:00
.has-cover .site-header-content {
2022-05-20 07:19:34 +00:00
min-height: 560px;
2022-05-18 10:35:58 +00:00
background-color: var(--ghost-accent-color);
2022-05-06 06:12:11 +00:00
color: #fff;
}
2022-05-19 12:33:24 +00:00
.site-header-content.left-aligned {
padding-bottom: 0;
2022-05-19 15:07:45 +00:00
text-align: left;
2022-05-19 12:33:24 +00:00
}
2022-05-26 06:33:06 +00:00
.has-cover .site-header-content.left-aligned {
2022-05-19 12:33:24 +00:00
align-items: flex-end;
2022-11-11 03:30:32 +00:00
padding-bottom: max(4vmin, 32px);
2022-05-19 12:33:24 +00:00
}
.site-header-content.no-content {
2022-05-19 15:36:32 +00:00
padding-top: 0;
padding-bottom: 2vmin;
2022-05-14 05:23:02 +00:00
}
2022-05-06 06:12:11 +00:00
.site-header-inner {
position: relative;
2022-05-14 05:23:02 +00:00
}
2022-05-19 12:33:24 +00:00
.site-header-content.left-aligned .site-header-inner {
align-items: flex-start;
2022-05-06 06:12:11 +00:00
}
2022-05-14 15:10:43 +00:00
.site-logo {
2022-05-06 06:12:11 +00:00
flex-shrink: 0;
2022-05-20 10:48:43 +00:00
margin: 0 auto;
2022-05-19 15:07:45 +00:00
max-height: 120px;
2022-05-14 15:10:43 +00:00
}
2022-05-19 15:07:45 +00:00
.site-header-content.left-aligned .site-logo {
margin-right: auto;
margin-left: 0;
2022-05-19 15:36:32 +00:00
max-height: 96px;
}
2017-05-15 20:03:47 +00:00
.site-title {
z-index: 10;
2022-05-06 06:12:11 +00:00
margin: 0;
2017-05-15 20:03:47 +00:00
padding: 0;
2022-05-19 15:07:45 +00:00
font-size: 5rem;
2022-05-06 06:12:11 +00:00
font-weight: 800;
}
2022-05-18 02:48:08 +00:00
.has-serif-title .site-title {
font-family: var(--font-serif);
}
2022-05-26 06:33:06 +00:00
.has-cover .site-title {
2022-05-19 15:07:45 +00:00
font-size: 6rem;
}
.site-header-content.left-aligned .site-title {
2022-05-19 15:36:32 +00:00
font-size: 4.4rem;
2022-05-19 15:07:45 +00:00
}
2022-05-26 06:33:06 +00:00
.has-cover .site-header-content.left-aligned .site-title {
2022-05-19 15:07:45 +00:00
font-size: 4.6rem;
2022-05-18 02:29:44 +00:00
}
2022-05-02 09:43:02 +00:00
.site-description {
2022-05-19 15:07:45 +00:00
display: inline-block;
2021-03-08 16:25:46 +00:00
z-index: 10;
2022-11-11 03:30:32 +00:00
max-width: 960px;
font-size: 6rem;
font-weight: 700;
line-height: 1.1;
2022-05-19 15:07:45 +00:00
}
2022-05-20 10:48:43 +00:00
:is(.site-logo, .site-title) + .site-description {
max-width: 640px;
2022-11-11 03:30:32 +00:00
margin-top: 16px;
font-size: 2.4rem;
2022-05-19 15:07:45 +00:00
font-weight: 400;
line-height: 1.4;
2022-05-19 15:07:45 +00:00
}
2022-05-20 10:48:43 +00:00
.site-logo + .site-description {
margin-top: 20px;
}
2022-05-20 13:37:00 +00:00
.site-title + .site-description {
color: var(--color-secondary-text);
}
2022-05-26 06:33:06 +00:00
.has-cover .site-description {
2022-05-19 15:07:45 +00:00
letter-spacing: -0.005em;
color: #fff;
}
2022-05-26 06:33:06 +00:00
.has-cover :is(.site-logo, .site-title) + .site-description {
2022-05-19 15:07:45 +00:00
font-size: 2.4rem;
}
2022-05-26 06:33:06 +00:00
.has-cover .site-header-content.left-aligned :is(.site-logo, .site-title) + .site-description {
2022-05-19 15:07:45 +00:00
font-size: 2.2rem;
V3 (#626) * Changed {{code}} to {{statusCode}} refs https://github.com/TryGhost/gscan/commit/2ebd9feeee20c084a1d4ab84e5100cdb1e1400de - {{code}} use has been deprecated in canary rule set of gscan * V3 Update * Update package and readme for 3.0 * Improve install instructions * Update to support browserlist * Upgrade dependencies * Fix misnamed property * V3 darkmode (#619) Added dark mode styles * Casper final refinements batch 1 * Casper final refinements batch 2 * Fixed bookmark card hover bug * Fixed header social links * Updated screenshots * Updated readme no issue - refreshed screenshot * Udpate screenshot in readme no issue * 3.0.0-beta.2 * Fixed cut header for post cards no issue * 3.0.0-beta.3 * 3.0.0-beta.4 * Updated current version and previous version logic (#554) no issue - Use current version from `package.json` instead of `npm_package_version` env variable - Use `release.tag_name` instead of `release.name` for previous version * Updated jQuery to 3.4.1 to avoid known vulnerabilities (#590) no issue https://snyk.io/vuln/npm:jquery?lh=3.2.1&utm_source=lighthouse&utm_medium=ref&utm_campaign=audit * Fixed code cards with long lines from being too wide no issue Credits - https://github.com/TryGhost/Casper/pull/602 * Bumped gscan version to v3.0.0 (#621) * Bumped gscan to v3.0.0 - This also fixes failing CI builds because the default rules that are being checked were for v2 * Added explicit version check for gscan command * Added member subscription support (#623) * Added member subscription support no issue * Added member subscription success message no issue * Added member subscription overlay * Refined members subscription overlay * Deleted unused website icon * Ran CSSComb * Updated built assets * 3.0.0-beta.5 * Updated built assets for v3 no issue * 3.0.0-beta.6 * Remove unused partial * V3 cleanup (#625) * Removed unused infinity icon * Removed unused location icon * Removed unused 'point' icon * Removed unused Ghost logo icon * Removed unused author partials * Cleaned up index log * Fixed responsive feature image sizes for page template
2019-10-21 05:43:34 +00:00
}
2022-11-11 03:30:32 +00:00
@media (min-width: 992px) {
.is-head-stacked.has-cover .site-header-content {
padding-top: calc(19vmin + 120px);
}
}
@media (max-width: 991px) {
.site-header-content {
padding-top: calc(19vmin + 32px);
}
}
2022-05-16 13:12:58 +00:00
@media (max-width: 767px) {
2022-05-26 06:33:06 +00:00
.has-cover .site-header-content {
2022-05-20 07:19:34 +00:00
min-height: 240px;
2022-05-16 13:12:58 +00:00
}
.site-header-inner {
gap: 16px;
}
.site-logo {
2022-05-20 13:15:27 +00:00
max-width: 60%;
2022-05-16 13:12:58 +00:00
}
.site-title {
2022-05-20 07:19:34 +00:00
font-size: 3.4rem !important;
2022-05-16 13:12:58 +00:00
}
2022-05-02 09:43:02 +00:00
.site-description {
2022-12-16 04:02:08 +00:00
font-size: 2.2rem !important;
2021-03-03 20:44:25 +00:00
}
2022-05-20 13:15:27 +00:00
.site-logo + .site-description {
margin-top: 12px !important;
}
.site-title + .site-description {
2022-12-16 04:02:08 +00:00
margin-top: 12px !important;
2022-05-20 13:15:27 +00:00
}
2021-03-03 20:44:25 +00:00
}
/* 4. Site Navigation
2017-05-15 20:03:47 +00:00
/* ---------------------------------------------------------- */
2014-07-12 17:56:26 +00:00
.gh-head {
2022-11-11 03:30:32 +00:00
height: 88px;
font-size: 1.6rem;
line-height: 1.3em;
2022-05-18 10:35:58 +00:00
background-color: #fff;
z-index: 150;
2022-05-18 10:35:58 +00:00
}
2022-05-26 06:33:06 +00:00
.has-cover:not(.home-template) .gh-head {
2022-05-18 10:35:58 +00:00
background-color: var(--ghost-accent-color);
color: #fff;
2022-05-14 05:23:02 +00:00
}
:is(.home-template, .paged:not(.tag-template):not(.author-template)).has-cover .gh-head {
2022-05-14 05:23:02 +00:00
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 2000;
2022-05-18 10:35:58 +00:00
background-color: transparent;
color: #fff;
V3 (#626) * Changed {{code}} to {{statusCode}} refs https://github.com/TryGhost/gscan/commit/2ebd9feeee20c084a1d4ab84e5100cdb1e1400de - {{code}} use has been deprecated in canary rule set of gscan * V3 Update * Update package and readme for 3.0 * Improve install instructions * Update to support browserlist * Upgrade dependencies * Fix misnamed property * V3 darkmode (#619) Added dark mode styles * Casper final refinements batch 1 * Casper final refinements batch 2 * Fixed bookmark card hover bug * Fixed header social links * Updated screenshots * Updated readme no issue - refreshed screenshot * Udpate screenshot in readme no issue * 3.0.0-beta.2 * Fixed cut header for post cards no issue * 3.0.0-beta.3 * 3.0.0-beta.4 * Updated current version and previous version logic (#554) no issue - Use current version from `package.json` instead of `npm_package_version` env variable - Use `release.tag_name` instead of `release.name` for previous version * Updated jQuery to 3.4.1 to avoid known vulnerabilities (#590) no issue https://snyk.io/vuln/npm:jquery?lh=3.2.1&utm_source=lighthouse&utm_medium=ref&utm_campaign=audit * Fixed code cards with long lines from being too wide no issue Credits - https://github.com/TryGhost/Casper/pull/602 * Bumped gscan version to v3.0.0 (#621) * Bumped gscan to v3.0.0 - This also fixes failing CI builds because the default rules that are being checked were for v2 * Added explicit version check for gscan command * Added member subscription support (#623) * Added member subscription support no issue * Added member subscription success message no issue * Added member subscription overlay * Refined members subscription overlay * Deleted unused website icon * Ran CSSComb * Updated built assets * 3.0.0-beta.5 * Updated built assets for v3 no issue * 3.0.0-beta.6 * Remove unused partial * V3 cleanup (#625) * Removed unused infinity icon * Removed unused location icon * Removed unused 'point' icon * Removed unused Ghost logo icon * Removed unused author partials * Cleaned up index log * Fixed responsive feature image sizes for page template
2019-10-21 05:43:34 +00:00
}
.gh-head a {
text-decoration: none;
}
.gh-head-inner {
display: grid;
2022-11-11 03:30:32 +00:00
column-gap: 40px;
grid-template-columns: auto 1fr auto;
grid-auto-flow: row dense;
2022-11-11 03:30:32 +00:00
align-items: center;
height: 100%;
}
/* Header styles
/* ---------------------------------------------------------- */
.is-head-left-logo .gh-head-inner {
grid-template-columns: auto 1fr auto;
}
.is-head-left-logo.home-template .gh-head:not(.is-header-hidden) .gh-head-logo {
2022-11-11 03:30:32 +00:00
display: none;
}
.is-head-left-logo.home-template .gh-head:not(.is-header-hidden) .gh-head-menu {
2022-11-11 03:30:32 +00:00
margin-left: -40px;
}
@media (min-width: 992px) {
.is-head-left-logo .gh-head-menu {
2022-12-14 08:42:46 +00:00
margin-right: 64px;
2022-11-11 03:30:32 +00:00
margin-left: 16px;
}
}
.is-head-middle-logo .gh-head-inner {
grid-template-columns: 1fr auto 1fr;
}
.is-head-middle-logo .gh-head-brand {
grid-column-start: 2;
}
@media (min-width: 992px) {
.is-head-middle-logo .gh-head-menu {
margin-right: 64px;
}
}
.is-head-stacked .gh-head {
height: auto;
}
.is-head-stacked .gh-head-inner {
grid-template-columns: 1fr auto 1fr;
}
.is-head-stacked .gh-head-brand {
grid-row-start: 1;
grid-column-start: 2;
}
@media (min-width: 992px) {
.is-head-stacked .gh-head-inner {
padding: 0;
}
.is-head-stacked .gh-head-brand {
position: relative;
display: flex;
align-items: center;
height: 80px;
}
.is-head-stacked .gh-head-menu {
grid-row-start: 2;
grid-column: 1 / 4;
justify-content: center;
height: 56px;
margin: 0 48px;
}
.is-head-stacked .gh-head-menu::before,
.is-head-stacked .gh-head-menu::after {
position: absolute;
top: 80px;
left: 0;
width: 100%;
height: 1px;
content: "";
background-color: var(--color-lightgrey);
}
.is-head-stacked.has-cover .gh-head-menu::before,
.is-head-stacked.has-cover .gh-head-menu::after {
background-color: rgba(255, 255, 255, 0.2);
}
.is-head-stacked .gh-head-menu::after {
top: 136px;
}
.is-head-stacked .gh-head-actions {
grid-row-start: 1;
grid-column: 1 / 4;
justify-content: space-between;
}
}
2017-11-20 05:42:32 +00:00
/* Brand
/* ---------------------------------------------------------- */
.gh-head-brand {
display: flex;
align-items: center;
height: 40px;
word-break: break-all;
V3 (#626) * Changed {{code}} to {{statusCode}} refs https://github.com/TryGhost/gscan/commit/2ebd9feeee20c084a1d4ab84e5100cdb1e1400de - {{code}} use has been deprecated in canary rule set of gscan * V3 Update * Update package and readme for 3.0 * Improve install instructions * Update to support browserlist * Upgrade dependencies * Fix misnamed property * V3 darkmode (#619) Added dark mode styles * Casper final refinements batch 1 * Casper final refinements batch 2 * Fixed bookmark card hover bug * Fixed header social links * Updated screenshots * Updated readme no issue - refreshed screenshot * Udpate screenshot in readme no issue * 3.0.0-beta.2 * Fixed cut header for post cards no issue * 3.0.0-beta.3 * 3.0.0-beta.4 * Updated current version and previous version logic (#554) no issue - Use current version from `package.json` instead of `npm_package_version` env variable - Use `release.tag_name` instead of `release.name` for previous version * Updated jQuery to 3.4.1 to avoid known vulnerabilities (#590) no issue https://snyk.io/vuln/npm:jquery?lh=3.2.1&utm_source=lighthouse&utm_medium=ref&utm_campaign=audit * Fixed code cards with long lines from being too wide no issue Credits - https://github.com/TryGhost/Casper/pull/602 * Bumped gscan version to v3.0.0 (#621) * Bumped gscan to v3.0.0 - This also fixes failing CI builds because the default rules that are being checked were for v2 * Added explicit version check for gscan command * Added member subscription support (#623) * Added member subscription support no issue * Added member subscription success message no issue * Added member subscription overlay * Refined members subscription overlay * Deleted unused website icon * Ran CSSComb * Updated built assets * 3.0.0-beta.5 * Updated built assets for v3 no issue * 3.0.0-beta.6 * Remove unused partial * V3 cleanup (#625) * Removed unused infinity icon * Removed unused location icon * Removed unused 'point' icon * Removed unused Ghost logo icon * Removed unused author partials * Cleaned up index log * Fixed responsive feature image sizes for page template
2019-10-21 05:43:34 +00:00
}
.gh-head-logo {
display: block;
2022-05-14 05:23:02 +00:00
font-weight: 800;
font-size: 2.6rem;
letter-spacing: -0.02em;
2022-05-18 10:35:58 +00:00
color: inherit;
2022-11-11 03:30:32 +00:00
white-space: nowrap;
2017-06-12 09:01:00 +00:00
}
2022-05-20 07:19:34 +00:00
.gh-head-logo.no-image {
margin-top: -5px;
2022-05-20 07:19:34 +00:00
}
2022-05-26 06:33:06 +00:00
.has-cover .gh-head-logo {
2022-05-16 11:33:11 +00:00
color: #fff;
}
.gh-head-logo img {
2022-11-11 03:30:32 +00:00
max-height: 40px;
2022-07-14 07:16:32 +00:00
}
2013-10-31 18:09:15 +00:00
/* Primary Navigation
/* ---------------------------------------------------------- */
V3 (#626) * Changed {{code}} to {{statusCode}} refs https://github.com/TryGhost/gscan/commit/2ebd9feeee20c084a1d4ab84e5100cdb1e1400de - {{code}} use has been deprecated in canary rule set of gscan * V3 Update * Update package and readme for 3.0 * Improve install instructions * Update to support browserlist * Upgrade dependencies * Fix misnamed property * V3 darkmode (#619) Added dark mode styles * Casper final refinements batch 1 * Casper final refinements batch 2 * Fixed bookmark card hover bug * Fixed header social links * Updated screenshots * Updated readme no issue - refreshed screenshot * Udpate screenshot in readme no issue * 3.0.0-beta.2 * Fixed cut header for post cards no issue * 3.0.0-beta.3 * 3.0.0-beta.4 * Updated current version and previous version logic (#554) no issue - Use current version from `package.json` instead of `npm_package_version` env variable - Use `release.tag_name` instead of `release.name` for previous version * Updated jQuery to 3.4.1 to avoid known vulnerabilities (#590) no issue https://snyk.io/vuln/npm:jquery?lh=3.2.1&utm_source=lighthouse&utm_medium=ref&utm_campaign=audit * Fixed code cards with long lines from being too wide no issue Credits - https://github.com/TryGhost/Casper/pull/602 * Bumped gscan version to v3.0.0 (#621) * Bumped gscan to v3.0.0 - This also fixes failing CI builds because the default rules that are being checked were for v2 * Added explicit version check for gscan command * Added member subscription support (#623) * Added member subscription support no issue * Added member subscription success message no issue * Added member subscription overlay * Refined members subscription overlay * Deleted unused website icon * Ran CSSComb * Updated built assets * 3.0.0-beta.5 * Updated built assets for v3 no issue * 3.0.0-beta.6 * Remove unused partial * V3 cleanup (#625) * Removed unused infinity icon * Removed unused location icon * Removed unused 'point' icon * Removed unused Ghost logo icon * Removed unused author partials * Cleaned up index log * Fixed responsive feature image sizes for page template
2019-10-21 05:43:34 +00:00
.gh-head-menu {
display: flex;
align-items: center;
2022-05-20 07:19:34 +00:00
margin-top: 1px;
font-weight: 500;
V3 (#626) * Changed {{code}} to {{statusCode}} refs https://github.com/TryGhost/gscan/commit/2ebd9feeee20c084a1d4ab84e5100cdb1e1400de - {{code}} use has been deprecated in canary rule set of gscan * V3 Update * Update package and readme for 3.0 * Improve install instructions * Update to support browserlist * Upgrade dependencies * Fix misnamed property * V3 darkmode (#619) Added dark mode styles * Casper final refinements batch 1 * Casper final refinements batch 2 * Fixed bookmark card hover bug * Fixed header social links * Updated screenshots * Updated readme no issue - refreshed screenshot * Udpate screenshot in readme no issue * 3.0.0-beta.2 * Fixed cut header for post cards no issue * 3.0.0-beta.3 * 3.0.0-beta.4 * Updated current version and previous version logic (#554) no issue - Use current version from `package.json` instead of `npm_package_version` env variable - Use `release.tag_name` instead of `release.name` for previous version * Updated jQuery to 3.4.1 to avoid known vulnerabilities (#590) no issue https://snyk.io/vuln/npm:jquery?lh=3.2.1&utm_source=lighthouse&utm_medium=ref&utm_campaign=audit * Fixed code cards with long lines from being too wide no issue Credits - https://github.com/TryGhost/Casper/pull/602 * Bumped gscan version to v3.0.0 (#621) * Bumped gscan to v3.0.0 - This also fixes failing CI builds because the default rules that are being checked were for v2 * Added explicit version check for gscan command * Added member subscription support (#623) * Added member subscription support no issue * Added member subscription success message no issue * Added member subscription overlay * Refined members subscription overlay * Deleted unused website icon * Ran CSSComb * Updated built assets * 3.0.0-beta.5 * Updated built assets for v3 no issue * 3.0.0-beta.6 * Remove unused partial * V3 cleanup (#625) * Removed unused infinity icon * Removed unused location icon * Removed unused 'point' icon * Removed unused Ghost logo icon * Removed unused author partials * Cleaned up index log * Fixed responsive feature image sizes for page template
2019-10-21 05:43:34 +00:00
}
.gh-head-menu .nav {
display: inline-flex;
align-items: center;
2022-11-11 03:30:32 +00:00
flex-wrap: wrap;
2022-05-16 04:08:19 +00:00
gap: 32px;
2017-05-15 20:03:47 +00:00
list-style: none;
margin: 0;
padding: 0;
2014-09-25 13:41:04 +00:00
}
.gh-head-menu .nav li {
2022-05-14 15:10:43 +00:00
margin: 0;
2017-05-15 20:03:47 +00:00
padding: 0;
2014-09-25 13:41:04 +00:00
}
.gh-head-menu .nav a {
display: inline-block;
2022-05-20 07:19:34 +00:00
line-height: 1.7;
2022-05-18 10:35:58 +00:00
color: inherit;
}
2022-05-26 08:25:05 +00:00
.gh-head-menu .nav a:hover {
opacity: 0.9;
}
2022-11-11 03:30:32 +00:00
.gh-head-menu .nav-more-toggle {
position: relative;
width: 30px;
height: 30px;
margin: 0 -6px;
padding: 0;
font-size: inherit;
background-color: transparent;
text-transform: inherit;
}
.gh-head-menu .nav-more-toggle svg {
width: 24px;
height: 24px;
}
@media (min-width: 992px) {
body:not(.is-dropdown-loaded) .gh-head-menu .nav > li {
opacity: 0;
}
}
/* Dropdown
/* ---------------------------------------------------------- */
.gh-dropdown {
position: absolute;
top: 100%;
right: -16px;
z-index: 90;
width: 200px;
padding: 12px 0;
margin-top: 24px;
opacity: 0;
visibility: hidden;
text-align: left;
background-color: #fff;
border-radius: 5px;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.04), 0 7px 20px -5px rgba(0, 0, 0, 0.15);
transform: translate3d(0, 6px, 0);
transition: opacity 0.3s, transform 0.2s;
}
.is-head-middle-logo .gh-dropdown {
right: auto;
left: -24px;
}
.is-dropdown-mega .gh-dropdown {
display: grid;
grid-template-columns: 1fr 1fr;
grid-auto-flow: column;
column-gap: 40px;
2022-11-14 02:42:10 +00:00
min-width: 320px;
2022-11-11 03:30:32 +00:00
padding: 20px 32px;
}
.is-dropdown-open .gh-dropdown {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.gh-head-menu .gh-dropdown li a {
display: block;
padding: 6px 20px;
color: #15171a;
}
.is-dropdown-mega .gh-dropdown li a {
padding: 8px 0;
}
V3 (#626) * Changed {{code}} to {{statusCode}} refs https://github.com/TryGhost/gscan/commit/2ebd9feeee20c084a1d4ab84e5100cdb1e1400de - {{code}} use has been deprecated in canary rule set of gscan * V3 Update * Update package and readme for 3.0 * Improve install instructions * Update to support browserlist * Upgrade dependencies * Fix misnamed property * V3 darkmode (#619) Added dark mode styles * Casper final refinements batch 1 * Casper final refinements batch 2 * Fixed bookmark card hover bug * Fixed header social links * Updated screenshots * Updated readme no issue - refreshed screenshot * Udpate screenshot in readme no issue * 3.0.0-beta.2 * Fixed cut header for post cards no issue * 3.0.0-beta.3 * 3.0.0-beta.4 * Updated current version and previous version logic (#554) no issue - Use current version from `package.json` instead of `npm_package_version` env variable - Use `release.tag_name` instead of `release.name` for previous version * Updated jQuery to 3.4.1 to avoid known vulnerabilities (#590) no issue https://snyk.io/vuln/npm:jquery?lh=3.2.1&utm_source=lighthouse&utm_medium=ref&utm_campaign=audit * Fixed code cards with long lines from being too wide no issue Credits - https://github.com/TryGhost/Casper/pull/602 * Bumped gscan version to v3.0.0 (#621) * Bumped gscan to v3.0.0 - This also fixes failing CI builds because the default rules that are being checked were for v2 * Added explicit version check for gscan command * Added member subscription support (#623) * Added member subscription support no issue * Added member subscription success message no issue * Added member subscription overlay * Refined members subscription overlay * Deleted unused website icon * Ran CSSComb * Updated built assets * 3.0.0-beta.5 * Updated built assets for v3 no issue * 3.0.0-beta.6 * Remove unused partial * V3 cleanup (#625) * Removed unused infinity icon * Removed unused location icon * Removed unused 'point' icon * Removed unused Ghost logo icon * Removed unused author partials * Cleaned up index log * Fixed responsive feature image sizes for page template
2019-10-21 05:43:34 +00:00
/* Secondary Navigation
/* ---------------------------------------------------------- */
2022-05-26 05:44:38 +00:00
.gh-social {
display: flex;
align-items: center;
2022-07-14 07:16:32 +00:00
gap: 20px;
2022-05-26 05:44:38 +00:00
}
.gh-social-link {
line-height: 0;
2022-06-08 11:41:57 +00:00
color: inherit;
2022-05-26 05:44:38 +00:00
}
2022-05-26 08:25:05 +00:00
.gh-social-link:hover {
opacity: 0.9;
}
2022-05-26 05:44:38 +00:00
.gh-social-link svg {
width: 18px;
height: 18px;
}
.gh-head-actions {
display: flex;
justify-content: flex-end;
align-items: center;
2022-05-26 05:44:38 +00:00
gap: 24px;
list-style: none;
text-align: right;
V3 (#626) * Changed {{code}} to {{statusCode}} refs https://github.com/TryGhost/gscan/commit/2ebd9feeee20c084a1d4ab84e5100cdb1e1400de - {{code}} use has been deprecated in canary rule set of gscan * V3 Update * Update package and readme for 3.0 * Improve install instructions * Update to support browserlist * Upgrade dependencies * Fix misnamed property * V3 darkmode (#619) Added dark mode styles * Casper final refinements batch 1 * Casper final refinements batch 2 * Fixed bookmark card hover bug * Fixed header social links * Updated screenshots * Updated readme no issue - refreshed screenshot * Udpate screenshot in readme no issue * 3.0.0-beta.2 * Fixed cut header for post cards no issue * 3.0.0-beta.3 * 3.0.0-beta.4 * Updated current version and previous version logic (#554) no issue - Use current version from `package.json` instead of `npm_package_version` env variable - Use `release.tag_name` instead of `release.name` for previous version * Updated jQuery to 3.4.1 to avoid known vulnerabilities (#590) no issue https://snyk.io/vuln/npm:jquery?lh=3.2.1&utm_source=lighthouse&utm_medium=ref&utm_campaign=audit * Fixed code cards with long lines from being too wide no issue Credits - https://github.com/TryGhost/Casper/pull/602 * Bumped gscan version to v3.0.0 (#621) * Bumped gscan to v3.0.0 - This also fixes failing CI builds because the default rules that are being checked were for v2 * Added explicit version check for gscan command * Added member subscription support (#623) * Added member subscription support no issue * Added member subscription success message no issue * Added member subscription overlay * Refined members subscription overlay * Deleted unused website icon * Ran CSSComb * Updated built assets * 3.0.0-beta.5 * Updated built assets for v3 no issue * 3.0.0-beta.6 * Remove unused partial * V3 cleanup (#625) * Removed unused infinity icon * Removed unused location icon * Removed unused 'point' icon * Removed unused Ghost logo icon * Removed unused author partials * Cleaned up index log * Fixed responsive feature image sizes for page template
2019-10-21 05:43:34 +00:00
}
2022-12-14 08:42:46 +00:00
.gh-head-members {
display: flex;
gap: 20px;
align-items: center;
}
.gh-head-link {
font-weight: 500;
color: inherit;
}
2022-05-16 04:08:19 +00:00
.gh-head-button {
2022-05-06 06:12:11 +00:00
display: inline-flex;
2022-11-11 03:30:32 +00:00
justify-content: center;
2022-05-06 06:12:11 +00:00
align-items: center;
2022-11-11 03:30:32 +00:00
padding: 8px 20px;
height: 44px;
2022-05-06 06:12:11 +00:00
font-weight: 600;
2022-05-14 15:10:43 +00:00
letter-spacing: -0.005em;
2022-11-11 03:30:32 +00:00
font-size: 1.6rem;
border-radius: 48px;
2022-05-14 05:23:02 +00:00
color: #fff;
background: var(--ghost-accent-color);
}
2022-05-26 06:33:06 +00:00
.has-cover .gh-head-button {
2022-05-14 05:23:02 +00:00
color: var(--color-darkgrey);
background: #fff;
}
@media (max-width: 767px) {
.gh-head-members {
flex-direction: column-reverse;
gap: 16px;
width: 100%;
}
}
2022-07-10 07:24:22 +00:00
/* Search
/* ---------------------------------------------------------- */
.gh-search {
display: inline-flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
padding: 0;
cursor: pointer;
background-color: transparent;
border: 0;
outline: none;
}
.gh-search:hover {
opacity: 0.9;
}
2022-07-14 07:16:32 +00:00
.gh-head-brand .gh-search {
margin-right: 8px;
}
.gh-head-actions .gh-search {
2022-11-11 03:30:32 +00:00
margin-right: -4px;
2022-07-14 07:16:32 +00:00
}
2022-12-14 08:42:46 +00:00
@media (max-width: 767px) {
2022-07-14 07:16:32 +00:00
.gh-head-actions .gh-search {
display: none;
}
}
2022-12-14 08:42:46 +00:00
@media (min-width: 768px) {
2022-07-14 07:16:32 +00:00
.gh-head-brand .gh-search {
display: none;
2022-07-10 07:24:22 +00:00
}
}
/* Mobile Menu Trigger
/* ---------------------------------------------------------- */
.gh-burger {
position: relative;
display: none;
2022-11-11 03:30:32 +00:00
width: 30px;
height: 30px;
padding: 0;
margin-right: -3px;
cursor: pointer;
2022-11-11 03:30:32 +00:00
background-color: transparent;
border: 0;
appearance: none;
}
2022-11-11 03:30:32 +00:00
.gh-burger::before,
.gh-burger::after {
position: absolute;
2022-11-11 03:30:32 +00:00
left: 3px;
width: 24px;
height: 1px;
2022-11-11 03:30:32 +00:00
content: "";
background-color: var(--color-darkgrey);
transition: all 0.2s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
}
2022-11-11 03:30:32 +00:00
.has-cover .gh-burger::before,
.has-cover .gh-burger::after {
background-color: #fff;
2017-06-13 12:48:06 +00:00
}
2022-11-11 03:30:32 +00:00
.gh-burger::before {
top: 11px;
}
2022-11-11 03:30:32 +00:00
.gh-burger::after {
bottom: 11px;
}
2022-11-11 03:30:32 +00:00
.gh-head-open .gh-burger::before {
top: 15px;
transform: rotate(45deg);
}
2022-11-11 03:30:32 +00:00
.gh-head-open .gh-burger::after {
bottom: 14px;
transform: rotate(-45deg);
}
/* Mobile Menu
/* ---------------------------------------------------------- */
/* IDs needed to ensure sufficient specificity */
V3 (#626) * Changed {{code}} to {{statusCode}} refs https://github.com/TryGhost/gscan/commit/2ebd9feeee20c084a1d4ab84e5100cdb1e1400de - {{code}} use has been deprecated in canary rule set of gscan * V3 Update * Update package and readme for 3.0 * Improve install instructions * Update to support browserlist * Upgrade dependencies * Fix misnamed property * V3 darkmode (#619) Added dark mode styles * Casper final refinements batch 1 * Casper final refinements batch 2 * Fixed bookmark card hover bug * Fixed header social links * Updated screenshots * Updated readme no issue - refreshed screenshot * Udpate screenshot in readme no issue * 3.0.0-beta.2 * Fixed cut header for post cards no issue * 3.0.0-beta.3 * 3.0.0-beta.4 * Updated current version and previous version logic (#554) no issue - Use current version from `package.json` instead of `npm_package_version` env variable - Use `release.tag_name` instead of `release.name` for previous version * Updated jQuery to 3.4.1 to avoid known vulnerabilities (#590) no issue https://snyk.io/vuln/npm:jquery?lh=3.2.1&utm_source=lighthouse&utm_medium=ref&utm_campaign=audit * Fixed code cards with long lines from being too wide no issue Credits - https://github.com/TryGhost/Casper/pull/602 * Bumped gscan version to v3.0.0 (#621) * Bumped gscan to v3.0.0 - This also fixes failing CI builds because the default rules that are being checked were for v2 * Added explicit version check for gscan command * Added member subscription support (#623) * Added member subscription support no issue * Added member subscription success message no issue * Added member subscription overlay * Refined members subscription overlay * Deleted unused website icon * Ran CSSComb * Updated built assets * 3.0.0-beta.5 * Updated built assets for v3 no issue * 3.0.0-beta.6 * Remove unused partial * V3 cleanup (#625) * Removed unused infinity icon * Removed unused location icon * Removed unused 'point' icon * Removed unused Ghost logo icon * Removed unused author partials * Cleaned up index log * Fixed responsive feature image sizes for page template
2019-10-21 05:43:34 +00:00
2022-12-14 08:42:46 +00:00
@media (max-width: 767px) {
#gh-head {
2022-11-11 03:30:32 +00:00
height: 64px;
}
2022-11-11 03:30:32 +00:00
#gh-head .gh-head-inner {
2022-11-11 03:30:32 +00:00
grid-template-rows: auto 1fr auto;
grid-template-columns: 1fr;
2022-11-11 03:30:32 +00:00
gap: 48px;
}
2022-11-11 03:30:32 +00:00
#gh-head .gh-head-brand {
2022-11-11 03:30:32 +00:00
display: grid;
grid-template-columns: 1fr auto auto;
grid-column-start: 1;
align-items: center;
2022-11-11 03:30:32 +00:00
height: 64px;
}
2022-11-11 03:30:32 +00:00
#gh-head .gh-head-logo {
font-size: 2.2rem;
}
2022-11-11 03:30:32 +00:00
#gh-head .gh-head-brand .gh-search {
margin-left: -6px;
}
2022-11-11 03:30:32 +00:00
#gh-head .gh-burger {
display: block;
}
2022-11-11 03:30:32 +00:00
#gh-head .gh-head-menu,
#gh-head .gh-head-actions {
2022-11-11 03:30:32 +00:00
position: fixed;
justify-content: center;
2022-11-11 03:30:32 +00:00
visibility: hidden;
opacity: 0;
}
2022-11-11 03:30:32 +00:00
#gh-head .gh-head-menu {
2022-11-11 03:30:32 +00:00
margin: 0;
transition: none;
transform: translateY(0);
}
2022-11-11 03:30:32 +00:00
#gh-head .nav {
gap: 16px;
align-items: center;
line-height: 1.4;
}
#gh-head .nav a {
font-size: 2.6rem;
font-weight: 600;
text-transform: none;
}
#gh-head .nav li {
opacity: 0;
transform: translateY(-4px);
}
#gh-head :is(.gh-head-button, .gh-head-link) {
opacity: 0;
transform: translateY(8px);
}
2022-11-11 03:30:32 +00:00
#gh-head .gh-head-button {
width: 100%;
font-size: 1.8rem;
text-transform: none;
opacity: 0;
transform: translateY(8px);
}
2022-11-11 03:30:32 +00:00
.gh-head-open #gh-head {
position: fixed;
2022-12-16 04:33:11 +00:00
inset: 0;
z-index: 3999999;
2022-12-16 04:33:11 +00:00
height: 100%;
overflow-y: scroll;
2022-11-11 03:30:32 +00:00
-webkit-overflow-scrolling: touch;
}
2022-11-11 03:30:32 +00:00
.gh-head-open.has-cover #gh-head,
.gh-head-open.has-cover #gh-head .gh-head-actions {
background-color: var(--ghost-accent-color);
}
.gh-head-open #gh-head .gh-head-menu,
.gh-head-open #gh-head .gh-head-actions {
position: static;
visibility: visible;
opacity: 1;
}
2022-11-11 03:30:32 +00:00
.gh-head-open #gh-head .nav {
display: flex;
2022-11-11 03:30:32 +00:00
flex-direction: column;
}
V3 (#626) * Changed {{code}} to {{statusCode}} refs https://github.com/TryGhost/gscan/commit/2ebd9feeee20c084a1d4ab84e5100cdb1e1400de - {{code}} use has been deprecated in canary rule set of gscan * V3 Update * Update package and readme for 3.0 * Improve install instructions * Update to support browserlist * Upgrade dependencies * Fix misnamed property * V3 darkmode (#619) Added dark mode styles * Casper final refinements batch 1 * Casper final refinements batch 2 * Fixed bookmark card hover bug * Fixed header social links * Updated screenshots * Updated readme no issue - refreshed screenshot * Udpate screenshot in readme no issue * 3.0.0-beta.2 * Fixed cut header for post cards no issue * 3.0.0-beta.3 * 3.0.0-beta.4 * Updated current version and previous version logic (#554) no issue - Use current version from `package.json` instead of `npm_package_version` env variable - Use `release.tag_name` instead of `release.name` for previous version * Updated jQuery to 3.4.1 to avoid known vulnerabilities (#590) no issue https://snyk.io/vuln/npm:jquery?lh=3.2.1&utm_source=lighthouse&utm_medium=ref&utm_campaign=audit * Fixed code cards with long lines from being too wide no issue Credits - https://github.com/TryGhost/Casper/pull/602 * Bumped gscan version to v3.0.0 (#621) * Bumped gscan to v3.0.0 - This also fixes failing CI builds because the default rules that are being checked were for v2 * Added explicit version check for gscan command * Added member subscription support (#623) * Added member subscription support no issue * Added member subscription success message no issue * Added member subscription overlay * Refined members subscription overlay * Deleted unused website icon * Ran CSSComb * Updated built assets * 3.0.0-beta.5 * Updated built assets for v3 no issue * 3.0.0-beta.6 * Remove unused partial * V3 cleanup (#625) * Removed unused infinity icon * Removed unused location icon * Removed unused 'point' icon * Removed unused Ghost logo icon * Removed unused author partials * Cleaned up index log * Fixed responsive feature image sizes for page template
2019-10-21 05:43:34 +00:00
2022-11-11 03:30:32 +00:00
.gh-head-open #gh-head .nav li {
opacity: 1;
transition: transform 0.2s, opacity 0.2s;
transform: translateY(0);
}
V3 (#626) * Changed {{code}} to {{statusCode}} refs https://github.com/TryGhost/gscan/commit/2ebd9feeee20c084a1d4ab84e5100cdb1e1400de - {{code}} use has been deprecated in canary rule set of gscan * V3 Update * Update package and readme for 3.0 * Improve install instructions * Update to support browserlist * Upgrade dependencies * Fix misnamed property * V3 darkmode (#619) Added dark mode styles * Casper final refinements batch 1 * Casper final refinements batch 2 * Fixed bookmark card hover bug * Fixed header social links * Updated screenshots * Updated readme no issue - refreshed screenshot * Udpate screenshot in readme no issue * 3.0.0-beta.2 * Fixed cut header for post cards no issue * 3.0.0-beta.3 * 3.0.0-beta.4 * Updated current version and previous version logic (#554) no issue - Use current version from `package.json` instead of `npm_package_version` env variable - Use `release.tag_name` instead of `release.name` for previous version * Updated jQuery to 3.4.1 to avoid known vulnerabilities (#590) no issue https://snyk.io/vuln/npm:jquery?lh=3.2.1&utm_source=lighthouse&utm_medium=ref&utm_campaign=audit * Fixed code cards with long lines from being too wide no issue Credits - https://github.com/TryGhost/Casper/pull/602 * Bumped gscan version to v3.0.0 (#621) * Bumped gscan to v3.0.0 - This also fixes failing CI builds because the default rules that are being checked were for v2 * Added explicit version check for gscan command * Added member subscription support (#623) * Added member subscription support no issue * Added member subscription success message no issue * Added member subscription overlay * Refined members subscription overlay * Deleted unused website icon * Ran CSSComb * Updated built assets * 3.0.0-beta.5 * Updated built assets for v3 no issue * 3.0.0-beta.6 * Remove unused partial * V3 cleanup (#625) * Removed unused infinity icon * Removed unused location icon * Removed unused 'point' icon * Removed unused Ghost logo icon * Removed unused author partials * Cleaned up index log * Fixed responsive feature image sizes for page template
2019-10-21 05:43:34 +00:00
2022-11-11 03:30:32 +00:00
.gh-head-open #gh-head .gh-head-actions {
position: sticky;
right: 0;
bottom: 0;
left: 0;
display: inline-flex;
flex-direction: column;
gap: 12px;
align-items: center;
padding: max(4vmin, 20px) 0 max(4vmin, 28px);
2022-11-11 03:30:32 +00:00
background-color: #fff;
}
.gh-head-open #gh-head :is(.gh-head-button, .gh-head-link) {
2022-11-11 03:30:32 +00:00
opacity: 1;
transition: transform 0.4s, opacity 0.4s;
transition-delay: 0.2s;
transform: translateY(0);
}
.gh-head-open #gh-head .gh-head-link {
transition-delay: 0.4s;
}
}
V3 (#626) * Changed {{code}} to {{statusCode}} refs https://github.com/TryGhost/gscan/commit/2ebd9feeee20c084a1d4ab84e5100cdb1e1400de - {{code}} use has been deprecated in canary rule set of gscan * V3 Update * Update package and readme for 3.0 * Improve install instructions * Update to support browserlist * Upgrade dependencies * Fix misnamed property * V3 darkmode (#619) Added dark mode styles * Casper final refinements batch 1 * Casper final refinements batch 2 * Fixed bookmark card hover bug * Fixed header social links * Updated screenshots * Updated readme no issue - refreshed screenshot * Udpate screenshot in readme no issue * 3.0.0-beta.2 * Fixed cut header for post cards no issue * 3.0.0-beta.3 * 3.0.0-beta.4 * Updated current version and previous version logic (#554) no issue - Use current version from `package.json` instead of `npm_package_version` env variable - Use `release.tag_name` instead of `release.name` for previous version * Updated jQuery to 3.4.1 to avoid known vulnerabilities (#590) no issue https://snyk.io/vuln/npm:jquery?lh=3.2.1&utm_source=lighthouse&utm_medium=ref&utm_campaign=audit * Fixed code cards with long lines from being too wide no issue Credits - https://github.com/TryGhost/Casper/pull/602 * Bumped gscan version to v3.0.0 (#621) * Bumped gscan to v3.0.0 - This also fixes failing CI builds because the default rules that are being checked were for v2 * Added explicit version check for gscan command * Added member subscription support (#623) * Added member subscription support no issue * Added member subscription success message no issue * Added member subscription overlay * Refined members subscription overlay * Deleted unused website icon * Ran CSSComb * Updated built assets * 3.0.0-beta.5 * Updated built assets for v3 no issue * 3.0.0-beta.6 * Remove unused partial * V3 cleanup (#625) * Removed unused infinity icon * Removed unused location icon * Removed unused 'point' icon * Removed unused Ghost logo icon * Removed unused author partials * Cleaned up index log * Fixed responsive feature image sizes for page template
2019-10-21 05:43:34 +00:00
/* 5. Post Feed
2017-05-15 20:03:47 +00:00
/* ---------------------------------------------------------- */
.post-feed {
position: relative;
2021-03-02 01:34:12 +00:00
display: grid;
2022-05-20 07:19:34 +00:00
gap: 4.8vmin 4vmin;
2022-05-06 07:36:35 +00:00
grid-template-columns: repeat(6, 1fr);
2022-05-20 07:19:34 +00:00
padding: max(4.8vmin, 36px) 0 0;
2021-03-02 01:34:12 +00:00
}
2022-05-20 13:46:28 +00:00
:is(.tag-template, .author-template) .post-feed {
margin-top: 4vmin;
}
2022-05-20 07:19:34 +00:00
@media (max-width: 991px) {
2021-03-02 01:34:12 +00:00
.post-feed {
grid-template-columns: 1fr 1fr;
}
}
2022-05-16 04:08:19 +00:00
2022-05-20 07:19:34 +00:00
@media (max-width: 767px) {
2021-03-02 01:34:12 +00:00
.post-feed {
grid-template-columns: 1fr;
grid-gap: 40px;
}
}
2017-05-15 20:03:47 +00:00
.post-card {
V3 (#626) * Changed {{code}} to {{statusCode}} refs https://github.com/TryGhost/gscan/commit/2ebd9feeee20c084a1d4ab84e5100cdb1e1400de - {{code}} use has been deprecated in canary rule set of gscan * V3 Update * Update package and readme for 3.0 * Improve install instructions * Update to support browserlist * Upgrade dependencies * Fix misnamed property * V3 darkmode (#619) Added dark mode styles * Casper final refinements batch 1 * Casper final refinements batch 2 * Fixed bookmark card hover bug * Fixed header social links * Updated screenshots * Updated readme no issue - refreshed screenshot * Udpate screenshot in readme no issue * 3.0.0-beta.2 * Fixed cut header for post cards no issue * 3.0.0-beta.3 * 3.0.0-beta.4 * Updated current version and previous version logic (#554) no issue - Use current version from `package.json` instead of `npm_package_version` env variable - Use `release.tag_name` instead of `release.name` for previous version * Updated jQuery to 3.4.1 to avoid known vulnerabilities (#590) no issue https://snyk.io/vuln/npm:jquery?lh=3.2.1&utm_source=lighthouse&utm_medium=ref&utm_campaign=audit * Fixed code cards with long lines from being too wide no issue Credits - https://github.com/TryGhost/Casper/pull/602 * Bumped gscan version to v3.0.0 (#621) * Bumped gscan to v3.0.0 - This also fixes failing CI builds because the default rules that are being checked were for v2 * Added explicit version check for gscan command * Added member subscription support (#623) * Added member subscription support no issue * Added member subscription success message no issue * Added member subscription overlay * Refined members subscription overlay * Deleted unused website icon * Ran CSSComb * Updated built assets * 3.0.0-beta.5 * Updated built assets for v3 no issue * 3.0.0-beta.6 * Remove unused partial * V3 cleanup (#625) * Removed unused infinity icon * Removed unused location icon * Removed unused 'point' icon * Removed unused Ghost logo icon * Removed unused author partials * Cleaned up index log * Fixed responsive feature image sizes for page template
2019-10-21 05:43:34 +00:00
position: relative;
2022-05-06 07:36:35 +00:00
grid-column: span 2;
2017-05-16 09:26:08 +00:00
display: flex;
flex-direction: column;
2017-05-15 20:03:47 +00:00
background-size: cover;
2021-04-01 05:01:09 +00:00
word-break: break-word;
2017-05-15 20:03:47 +00:00
}
2017-05-15 20:03:47 +00:00
.post-card-image-link {
position: relative;
2022-05-26 06:31:14 +00:00
overflow: hidden;
display: block;
2022-05-06 07:36:35 +00:00
margin-bottom: 32px;
}
.post-card-image-link::after {
content: "";
display: block;
padding-bottom: 55%;
}
2022-06-03 09:07:38 +00:00
.post-card[class*="post-access-"] .post-card-image-link::after {
2022-05-26 06:31:14 +00:00
background-color: rgba(0, 0, 0, 0.5);
backdrop-filter: blur(3px);
}
2022-06-03 09:07:38 +00:00
.post-card.keep-ratio[class*="post-access-"] .post-card-image-link::after {
2022-05-27 07:10:47 +00:00
position: absolute;
inset: 0;
padding-bottom: 0;
}
2022-06-03 09:07:38 +00:00
.post-card.keep-ratio:not(.post-card-large):not(.post-card-full) .post-card-image-link::after {
padding-bottom: 0;
2022-05-16 11:33:11 +00:00
}
2017-05-15 20:03:47 +00:00
.post-card-image {
2022-05-06 07:36:35 +00:00
position: absolute;
inset: 0;
2018-12-17 12:25:57 +00:00
width: 100%;
2022-05-06 07:36:35 +00:00
height: 100%;
2021-03-03 02:48:32 +00:00
background: var(--color-lightgrey) no-repeat center center;
2018-12-17 12:25:57 +00:00
object-fit: cover;
}
2022-05-16 11:33:11 +00:00
.post-card.keep-ratio:not(.post-card-large):not(.post-card-full) .post-card-image {
position: static;
}
2022-05-26 06:31:14 +00:00
.post-card-access {
position: absolute;
inset: 0;
z-index: 10;
display: flex;
align-items: center;
justify-content: center;
gap: 4px;
font-size: 1.5rem;
font-weight: 600;
color: #fff;
}
2017-05-15 20:03:47 +00:00
.post-card-content-link {
position: relative;
display: block;
2021-03-03 02:48:32 +00:00
color: var(--color-darkgrey);
}
2017-05-15 20:03:47 +00:00
.post-card-content-link:hover {
text-decoration: none;
}
V3 (#626) * Changed {{code}} to {{statusCode}} refs https://github.com/TryGhost/gscan/commit/2ebd9feeee20c084a1d4ab84e5100cdb1e1400de - {{code}} use has been deprecated in canary rule set of gscan * V3 Update * Update package and readme for 3.0 * Improve install instructions * Update to support browserlist * Upgrade dependencies * Fix misnamed property * V3 darkmode (#619) Added dark mode styles * Casper final refinements batch 1 * Casper final refinements batch 2 * Fixed bookmark card hover bug * Fixed header social links * Updated screenshots * Updated readme no issue - refreshed screenshot * Udpate screenshot in readme no issue * 3.0.0-beta.2 * Fixed cut header for post cards no issue * 3.0.0-beta.3 * 3.0.0-beta.4 * Updated current version and previous version logic (#554) no issue - Use current version from `package.json` instead of `npm_package_version` env variable - Use `release.tag_name` instead of `release.name` for previous version * Updated jQuery to 3.4.1 to avoid known vulnerabilities (#590) no issue https://snyk.io/vuln/npm:jquery?lh=3.2.1&utm_source=lighthouse&utm_medium=ref&utm_campaign=audit * Fixed code cards with long lines from being too wide no issue Credits - https://github.com/TryGhost/Casper/pull/602 * Bumped gscan version to v3.0.0 (#621) * Bumped gscan to v3.0.0 - This also fixes failing CI builds because the default rules that are being checked were for v2 * Added explicit version check for gscan command * Added member subscription support (#623) * Added member subscription support no issue * Added member subscription success message no issue * Added member subscription overlay * Refined members subscription overlay * Deleted unused website icon * Ran CSSComb * Updated built assets * 3.0.0-beta.5 * Updated built assets for v3 no issue * 3.0.0-beta.6 * Remove unused partial * V3 cleanup (#625) * Removed unused infinity icon * Removed unused location icon * Removed unused 'point' icon * Removed unused Ghost logo icon * Removed unused author partials * Cleaned up index log * Fixed responsive feature image sizes for page template
2019-10-21 05:43:34 +00:00
.post-feed .no-image .post-card-content-link {
padding: 0;
}
.no-image .post-card-header {
margin-top: 0;
}
2022-05-26 05:31:16 +00:00
.post-card-tags {
display: flex;
align-items: center;
gap: 12px;
2022-05-06 07:36:35 +00:00
margin: 0 0 10px;
color: var(--color-secondary-text);
font-size: 1.4rem;
2022-05-16 04:08:19 +00:00
font-weight: 600;
2022-05-18 10:35:58 +00:00
letter-spacing: -0.005em;
2022-05-06 07:36:35 +00:00
line-height: 1;
2017-06-08 07:19:22 +00:00
}
2022-05-26 05:31:16 +00:00
.post-card-featured {
position: relative;
2022-05-26 05:31:16 +00:00
display: flex;
align-items: center;
gap: 3px;
padding-left: 18px;
2022-05-26 05:31:16 +00:00
color: var(--ghost-accent-color);
}
.post-card-featured svg {
position: absolute;
left: 0;
}
2017-05-15 20:03:47 +00:00
.post-card-title {
2022-05-06 07:36:35 +00:00
margin: 0;
font-size: 2.6rem;
font-weight: 800;
2022-11-11 03:30:32 +00:00
line-height: 1.2;
V3 (#626) * Changed {{code}} to {{statusCode}} refs https://github.com/TryGhost/gscan/commit/2ebd9feeee20c084a1d4ab84e5100cdb1e1400de - {{code}} use has been deprecated in canary rule set of gscan * V3 Update * Update package and readme for 3.0 * Improve install instructions * Update to support browserlist * Upgrade dependencies * Fix misnamed property * V3 darkmode (#619) Added dark mode styles * Casper final refinements batch 1 * Casper final refinements batch 2 * Fixed bookmark card hover bug * Fixed header social links * Updated screenshots * Updated readme no issue - refreshed screenshot * Udpate screenshot in readme no issue * 3.0.0-beta.2 * Fixed cut header for post cards no issue * 3.0.0-beta.3 * 3.0.0-beta.4 * Updated current version and previous version logic (#554) no issue - Use current version from `package.json` instead of `npm_package_version` env variable - Use `release.tag_name` instead of `release.name` for previous version * Updated jQuery to 3.4.1 to avoid known vulnerabilities (#590) no issue https://snyk.io/vuln/npm:jquery?lh=3.2.1&utm_source=lighthouse&utm_medium=ref&utm_campaign=audit * Fixed code cards with long lines from being too wide no issue Credits - https://github.com/TryGhost/Casper/pull/602 * Bumped gscan version to v3.0.0 (#621) * Bumped gscan to v3.0.0 - This also fixes failing CI builds because the default rules that are being checked were for v2 * Added explicit version check for gscan command * Added member subscription support (#623) * Added member subscription support no issue * Added member subscription success message no issue * Added member subscription overlay * Refined members subscription overlay * Deleted unused website icon * Ran CSSComb * Updated built assets * 3.0.0-beta.5 * Updated built assets for v3 no issue * 3.0.0-beta.6 * Remove unused partial * V3 cleanup (#625) * Removed unused infinity icon * Removed unused location icon * Removed unused 'point' icon * Removed unused Ghost logo icon * Removed unused author partials * Cleaned up index log * Fixed responsive feature image sizes for page template
2019-10-21 05:43:34 +00:00
}
2022-05-26 08:25:05 +00:00
.post-card-content-link:hover .post-card-title {
opacity: 0.9;
}
V3 (#626) * Changed {{code}} to {{statusCode}} refs https://github.com/TryGhost/gscan/commit/2ebd9feeee20c084a1d4ab84e5100cdb1e1400de - {{code}} use has been deprecated in canary rule set of gscan * V3 Update * Update package and readme for 3.0 * Improve install instructions * Update to support browserlist * Upgrade dependencies * Fix misnamed property * V3 darkmode (#619) Added dark mode styles * Casper final refinements batch 1 * Casper final refinements batch 2 * Fixed bookmark card hover bug * Fixed header social links * Updated screenshots * Updated readme no issue - refreshed screenshot * Udpate screenshot in readme no issue * 3.0.0-beta.2 * Fixed cut header for post cards no issue * 3.0.0-beta.3 * 3.0.0-beta.4 * Updated current version and previous version logic (#554) no issue - Use current version from `package.json` instead of `npm_package_version` env variable - Use `release.tag_name` instead of `release.name` for previous version * Updated jQuery to 3.4.1 to avoid known vulnerabilities (#590) no issue https://snyk.io/vuln/npm:jquery?lh=3.2.1&utm_source=lighthouse&utm_medium=ref&utm_campaign=audit * Fixed code cards with long lines from being too wide no issue Credits - https://github.com/TryGhost/Casper/pull/602 * Bumped gscan version to v3.0.0 (#621) * Bumped gscan to v3.0.0 - This also fixes failing CI builds because the default rules that are being checked were for v2 * Added explicit version check for gscan command * Added member subscription support (#623) * Added member subscription support no issue * Added member subscription success message no issue * Added member subscription overlay * Refined members subscription overlay * Deleted unused website icon * Ran CSSComb * Updated built assets * 3.0.0-beta.5 * Updated built assets for v3 no issue * 3.0.0-beta.6 * Remove unused partial * V3 cleanup (#625) * Removed unused infinity icon * Removed unused location icon * Removed unused 'point' icon * Removed unused Ghost logo icon * Removed unused author partials * Cleaned up index log * Fixed responsive feature image sizes for page template
2019-10-21 05:43:34 +00:00
.no-image .post-card-title {
2017-05-15 20:03:47 +00:00
margin-top: 0;
}
2021-11-05 12:14:53 +00:00
.has-serif-title .post-card-title {
font-family: var(--font-serif);
2022-05-19 15:07:45 +00:00
letter-spacing: -0.005em;
2021-11-05 12:14:53 +00:00
}
2022-05-26 06:31:14 +00:00
.post-card-title svg {
margin-top: -3px;
margin-left: -1px;
}
2017-05-15 20:03:47 +00:00
.post-card-content {
2017-06-13 17:51:08 +00:00
flex-grow: 1;
2017-05-15 20:03:47 +00:00
display: flex;
flex-direction: column;
}
2017-05-15 20:03:47 +00:00
.post-card-excerpt {
2021-03-03 02:48:32 +00:00
display: -webkit-box;
overflow-y: hidden;
2022-05-06 07:36:35 +00:00
margin-top: 12px;
2022-05-16 11:33:11 +00:00
max-width: 720px;
2022-05-16 13:12:58 +00:00
font-size: 1.6rem;
2022-05-06 07:36:35 +00:00
line-height: 1.5;
2021-03-03 02:48:32 +00:00
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
word-break: break-word;
V3 (#626) * Changed {{code}} to {{statusCode}} refs https://github.com/TryGhost/gscan/commit/2ebd9feeee20c084a1d4ab84e5100cdb1e1400de - {{code}} use has been deprecated in canary rule set of gscan * V3 Update * Update package and readme for 3.0 * Improve install instructions * Update to support browserlist * Upgrade dependencies * Fix misnamed property * V3 darkmode (#619) Added dark mode styles * Casper final refinements batch 1 * Casper final refinements batch 2 * Fixed bookmark card hover bug * Fixed header social links * Updated screenshots * Updated readme no issue - refreshed screenshot * Udpate screenshot in readme no issue * 3.0.0-beta.2 * Fixed cut header for post cards no issue * 3.0.0-beta.3 * 3.0.0-beta.4 * Updated current version and previous version logic (#554) no issue - Use current version from `package.json` instead of `npm_package_version` env variable - Use `release.tag_name` instead of `release.name` for previous version * Updated jQuery to 3.4.1 to avoid known vulnerabilities (#590) no issue https://snyk.io/vuln/npm:jquery?lh=3.2.1&utm_source=lighthouse&utm_medium=ref&utm_campaign=audit * Fixed code cards with long lines from being too wide no issue Credits - https://github.com/TryGhost/Casper/pull/602 * Bumped gscan version to v3.0.0 (#621) * Bumped gscan to v3.0.0 - This also fixes failing CI builds because the default rules that are being checked were for v2 * Added explicit version check for gscan command * Added member subscription support (#623) * Added member subscription support no issue * Added member subscription success message no issue * Added member subscription overlay * Refined members subscription overlay * Deleted unused website icon * Ran CSSComb * Updated built assets * 3.0.0-beta.5 * Updated built assets for v3 no issue * 3.0.0-beta.6 * Remove unused partial * V3 cleanup (#625) * Removed unused infinity icon * Removed unused location icon * Removed unused 'point' icon * Removed unused Ghost logo icon * Removed unused author partials * Cleaned up index log * Fixed responsive feature image sizes for page template
2019-10-21 05:43:34 +00:00
}
2022-05-06 07:36:35 +00:00
.has-sans-body .post-card-excerpt {
2022-05-16 05:41:54 +00:00
font-family: var(--font-sans);
2022-05-06 07:36:35 +00:00
}
2022-05-19 12:55:53 +00:00
.post-card:not(.post-card-large):not(.post-card-full):not(.dynamic):not(.no-image) .post-card-excerpt {
2022-05-20 13:15:27 +00:00
-webkit-line-clamp: 2;
2022-05-16 11:33:11 +00:00
}
2022-05-20 13:46:28 +00:00
:is(.tag-template, .author-template) .post-card-excerpt {
margin-top: 6px;
}
2017-05-15 20:03:47 +00:00
.post-card-meta {
2018-04-10 18:19:29 +00:00
display: flex;
2021-03-01 01:10:09 +00:00
align-items: center;
gap: 6px;
2022-05-06 07:36:35 +00:00
margin-top: 12px;
V3 (#626) * Changed {{code}} to {{statusCode}} refs https://github.com/TryGhost/gscan/commit/2ebd9feeee20c084a1d4ab84e5100cdb1e1400de - {{code}} use has been deprecated in canary rule set of gscan * V3 Update * Update package and readme for 3.0 * Improve install instructions * Update to support browserlist * Upgrade dependencies * Fix misnamed property * V3 darkmode (#619) Added dark mode styles * Casper final refinements batch 1 * Casper final refinements batch 2 * Fixed bookmark card hover bug * Fixed header social links * Updated screenshots * Updated readme no issue - refreshed screenshot * Udpate screenshot in readme no issue * 3.0.0-beta.2 * Fixed cut header for post cards no issue * 3.0.0-beta.3 * 3.0.0-beta.4 * Updated current version and previous version logic (#554) no issue - Use current version from `package.json` instead of `npm_package_version` env variable - Use `release.tag_name` instead of `release.name` for previous version * Updated jQuery to 3.4.1 to avoid known vulnerabilities (#590) no issue https://snyk.io/vuln/npm:jquery?lh=3.2.1&utm_source=lighthouse&utm_medium=ref&utm_campaign=audit * Fixed code cards with long lines from being too wide no issue Credits - https://github.com/TryGhost/Casper/pull/602 * Bumped gscan version to v3.0.0 (#621) * Bumped gscan to v3.0.0 - This also fixes failing CI builds because the default rules that are being checked were for v2 * Added explicit version check for gscan command * Added member subscription support (#623) * Added member subscription support no issue * Added member subscription success message no issue * Added member subscription overlay * Refined members subscription overlay * Deleted unused website icon * Ran CSSComb * Updated built assets * 3.0.0-beta.5 * Updated built assets for v3 no issue * 3.0.0-beta.6 * Remove unused partial * V3 cleanup (#625) * Removed unused infinity icon * Removed unused location icon * Removed unused 'point' icon * Removed unused Ghost logo icon * Removed unused author partials * Cleaned up index log * Fixed responsive feature image sizes for page template
2019-10-21 05:43:34 +00:00
padding: 0;
2022-05-06 07:36:35 +00:00
font-size: 1.3rem;
color: var(--color-secondary-text);
}
.post-card-meta > * {
display: flex;
align-items: center;
gap: 6px;
}
.post-card-meta > * + *:not(script)::before {
width: 2px;
height: 2px;
content: "";
background-color: var(--color-secondary-text);
border-radius: 50%;
}
2022-05-06 07:36:35 +00:00
.post-card-meta .sep {
margin: 0 4px;
}
2022-05-16 04:08:19 +00:00
.author-profile-image {
2018-04-12 08:05:40 +00:00
display: block;
width: 100%;
height: 100%;
2021-03-03 02:48:32 +00:00
background: color-mod(var(--color-lightgrey) l(+10%));
2017-05-16 09:26:08 +00:00
border-radius: 100%;
object-fit: cover;
2017-05-16 09:26:08 +00:00
}
2018-04-10 18:19:29 +00:00
.author-list {
display: flex;
V3 (#626) * Changed {{code}} to {{statusCode}} refs https://github.com/TryGhost/gscan/commit/2ebd9feeee20c084a1d4ab84e5100cdb1e1400de - {{code}} use has been deprecated in canary rule set of gscan * V3 Update * Update package and readme for 3.0 * Improve install instructions * Update to support browserlist * Upgrade dependencies * Fix misnamed property * V3 darkmode (#619) Added dark mode styles * Casper final refinements batch 1 * Casper final refinements batch 2 * Fixed bookmark card hover bug * Fixed header social links * Updated screenshots * Updated readme no issue - refreshed screenshot * Udpate screenshot in readme no issue * 3.0.0-beta.2 * Fixed cut header for post cards no issue * 3.0.0-beta.3 * 3.0.0-beta.4 * Updated current version and previous version logic (#554) no issue - Use current version from `package.json` instead of `npm_package_version` env variable - Use `release.tag_name` instead of `release.name` for previous version * Updated jQuery to 3.4.1 to avoid known vulnerabilities (#590) no issue https://snyk.io/vuln/npm:jquery?lh=3.2.1&utm_source=lighthouse&utm_medium=ref&utm_campaign=audit * Fixed code cards with long lines from being too wide no issue Credits - https://github.com/TryGhost/Casper/pull/602 * Bumped gscan version to v3.0.0 (#621) * Bumped gscan to v3.0.0 - This also fixes failing CI builds because the default rules that are being checked were for v2 * Added explicit version check for gscan command * Added member subscription support (#623) * Added member subscription support no issue * Added member subscription success message no issue * Added member subscription overlay * Refined members subscription overlay * Deleted unused website icon * Ran CSSComb * Updated built assets * 3.0.0-beta.5 * Updated built assets for v3 no issue * 3.0.0-beta.6 * Remove unused partial * V3 cleanup (#625) * Removed unused infinity icon * Removed unused location icon * Removed unused 'point' icon * Removed unused Ghost logo icon * Removed unused author partials * Cleaned up index log * Fixed responsive feature image sizes for page template
2019-10-21 05:43:34 +00:00
flex-wrap: wrap;
margin: 0 0 0 4px;
2018-04-10 18:19:29 +00:00
padding: 0;
2018-04-12 08:05:40 +00:00
list-style: none;
2018-04-10 18:19:29 +00:00
}
.author-list-item {
position: relative;
2018-05-21 15:36:08 +00:00
flex-shrink: 0;
2018-04-10 18:19:29 +00:00
margin: 0;
padding: 0;
}
V3 (#626) * Changed {{code}} to {{statusCode}} refs https://github.com/TryGhost/gscan/commit/2ebd9feeee20c084a1d4ab84e5100cdb1e1400de - {{code}} use has been deprecated in canary rule set of gscan * V3 Update * Update package and readme for 3.0 * Improve install instructions * Update to support browserlist * Upgrade dependencies * Fix misnamed property * V3 darkmode (#619) Added dark mode styles * Casper final refinements batch 1 * Casper final refinements batch 2 * Fixed bookmark card hover bug * Fixed header social links * Updated screenshots * Updated readme no issue - refreshed screenshot * Udpate screenshot in readme no issue * 3.0.0-beta.2 * Fixed cut header for post cards no issue * 3.0.0-beta.3 * 3.0.0-beta.4 * Updated current version and previous version logic (#554) no issue - Use current version from `package.json` instead of `npm_package_version` env variable - Use `release.tag_name` instead of `release.name` for previous version * Updated jQuery to 3.4.1 to avoid known vulnerabilities (#590) no issue https://snyk.io/vuln/npm:jquery?lh=3.2.1&utm_source=lighthouse&utm_medium=ref&utm_campaign=audit * Fixed code cards with long lines from being too wide no issue Credits - https://github.com/TryGhost/Casper/pull/602 * Bumped gscan version to v3.0.0 (#621) * Bumped gscan to v3.0.0 - This also fixes failing CI builds because the default rules that are being checked were for v2 * Added explicit version check for gscan command * Added member subscription support (#623) * Added member subscription support no issue * Added member subscription success message no issue * Added member subscription overlay * Refined members subscription overlay * Deleted unused website icon * Ran CSSComb * Updated built assets * 3.0.0-beta.5 * Updated built assets for v3 no issue * 3.0.0-beta.6 * Remove unused partial * V3 cleanup (#625) * Removed unused infinity icon * Removed unused location icon * Removed unused 'point' icon * Removed unused Ghost logo icon * Removed unused author partials * Cleaned up index log * Fixed responsive feature image sizes for page template
2019-10-21 05:43:34 +00:00
2017-05-31 18:09:50 +00:00
/* Special Styling for home page grid (below):
2018-12-17 12:25:57 +00:00
The first post in the list is styled to be bigger than the others and take over
the full width of the grid to give it more emphasis. Wrapped in a media query to
make sure this only happens on large viewports / desktop-ish devices.
2022-05-18 02:48:08 +00:00
*/
@media (min-width: 1001px) {
.post-card-large {
2022-05-06 07:36:35 +00:00
grid-column: span 6;
display: grid;
grid-gap: 4vmin;
2022-05-14 15:51:45 +00:00
grid-template-columns: repeat(3, 1fr);
border-top: 0;
}
V3 (#626) * Changed {{code}} to {{statusCode}} refs https://github.com/TryGhost/gscan/commit/2ebd9feeee20c084a1d4ab84e5100cdb1e1400de - {{code}} use has been deprecated in canary rule set of gscan * V3 Update * Update package and readme for 3.0 * Improve install instructions * Update to support browserlist * Upgrade dependencies * Fix misnamed property * V3 darkmode (#619) Added dark mode styles * Casper final refinements batch 1 * Casper final refinements batch 2 * Fixed bookmark card hover bug * Fixed header social links * Updated screenshots * Updated readme no issue - refreshed screenshot * Udpate screenshot in readme no issue * 3.0.0-beta.2 * Fixed cut header for post cards no issue * 3.0.0-beta.3 * 3.0.0-beta.4 * Updated current version and previous version logic (#554) no issue - Use current version from `package.json` instead of `npm_package_version` env variable - Use `release.tag_name` instead of `release.name` for previous version * Updated jQuery to 3.4.1 to avoid known vulnerabilities (#590) no issue https://snyk.io/vuln/npm:jquery?lh=3.2.1&utm_source=lighthouse&utm_medium=ref&utm_campaign=audit * Fixed code cards with long lines from being too wide no issue Credits - https://github.com/TryGhost/Casper/pull/602 * Bumped gscan version to v3.0.0 (#621) * Bumped gscan to v3.0.0 - This also fixes failing CI builds because the default rules that are being checked were for v2 * Added explicit version check for gscan command * Added member subscription support (#623) * Added member subscription support no issue * Added member subscription success message no issue * Added member subscription overlay * Refined members subscription overlay * Deleted unused website icon * Ran CSSComb * Updated built assets * 3.0.0-beta.5 * Updated built assets for v3 no issue * 3.0.0-beta.6 * Remove unused partial * V3 cleanup (#625) * Removed unused infinity icon * Removed unused location icon * Removed unused 'point' icon * Removed unused Ghost logo icon * Removed unused author partials * Cleaned up index log * Fixed responsive feature image sizes for page template
2019-10-21 05:43:34 +00:00
.post-card-large:not(.no-image) .post-card-header {
margin-top: 0;
2017-05-15 20:03:47 +00:00
}
2018-12-17 12:25:57 +00:00
.post-card-large .post-card-image-link {
2017-06-13 17:51:08 +00:00
position: relative;
2022-05-14 15:51:45 +00:00
grid-column: span 2;
V3 (#626) * Changed {{code}} to {{statusCode}} refs https://github.com/TryGhost/gscan/commit/2ebd9feeee20c084a1d4ab84e5100cdb1e1400de - {{code}} use has been deprecated in canary rule set of gscan * V3 Update * Update package and readme for 3.0 * Improve install instructions * Update to support browserlist * Upgrade dependencies * Fix misnamed property * V3 darkmode (#619) Added dark mode styles * Casper final refinements batch 1 * Casper final refinements batch 2 * Fixed bookmark card hover bug * Fixed header social links * Updated screenshots * Updated readme no issue - refreshed screenshot * Udpate screenshot in readme no issue * 3.0.0-beta.2 * Fixed cut header for post cards no issue * 3.0.0-beta.3 * 3.0.0-beta.4 * Updated current version and previous version logic (#554) no issue - Use current version from `package.json` instead of `npm_package_version` env variable - Use `release.tag_name` instead of `release.name` for previous version * Updated jQuery to 3.4.1 to avoid known vulnerabilities (#590) no issue https://snyk.io/vuln/npm:jquery?lh=3.2.1&utm_source=lighthouse&utm_medium=ref&utm_campaign=audit * Fixed code cards with long lines from being too wide no issue Credits - https://github.com/TryGhost/Casper/pull/602 * Bumped gscan version to v3.0.0 (#621) * Bumped gscan to v3.0.0 - This also fixes failing CI builds because the default rules that are being checked were for v2 * Added explicit version check for gscan command * Added member subscription support (#623) * Added member subscription support no issue * Added member subscription success message no issue * Added member subscription overlay * Refined members subscription overlay * Deleted unused website icon * Ran CSSComb * Updated built assets * 3.0.0-beta.5 * Updated built assets for v3 no issue * 3.0.0-beta.6 * Remove unused partial * V3 cleanup (#625) * Removed unused infinity icon * Removed unused location icon * Removed unused 'point' icon * Removed unused Ghost logo icon * Removed unused author partials * Cleaned up index log * Fixed responsive feature image sizes for page template
2019-10-21 05:43:34 +00:00
margin-bottom: 0;
2017-05-15 20:03:47 +00:00
}
2013-08-28 16:41:32 +00:00
2022-05-06 07:36:35 +00:00
.post-card-large .post-card-content {
2022-05-14 15:51:45 +00:00
grid-column: span 1;
2021-11-05 12:14:53 +00:00
}
2022-05-18 10:35:58 +00:00
.post-card-large.no-image .post-card-content {
grid-column: span 2;
}
2018-12-17 12:25:57 +00:00
.post-card-large .post-card-image {
2017-06-13 17:51:08 +00:00
position: absolute;
2017-05-15 20:03:47 +00:00
width: 100%;
height: 100%;
}
2015-02-27 14:48:15 +00:00
2022-05-26 05:31:16 +00:00
.post-card-large .post-card-tags {
2022-05-14 05:23:02 +00:00
margin-bottom: 12px;
2017-05-15 20:03:47 +00:00
}
V3 (#626) * Changed {{code}} to {{statusCode}} refs https://github.com/TryGhost/gscan/commit/2ebd9feeee20c084a1d4ab84e5100cdb1e1400de - {{code}} use has been deprecated in canary rule set of gscan * V3 Update * Update package and readme for 3.0 * Improve install instructions * Update to support browserlist * Upgrade dependencies * Fix misnamed property * V3 darkmode (#619) Added dark mode styles * Casper final refinements batch 1 * Casper final refinements batch 2 * Fixed bookmark card hover bug * Fixed header social links * Updated screenshots * Updated readme no issue - refreshed screenshot * Udpate screenshot in readme no issue * 3.0.0-beta.2 * Fixed cut header for post cards no issue * 3.0.0-beta.3 * 3.0.0-beta.4 * Updated current version and previous version logic (#554) no issue - Use current version from `package.json` instead of `npm_package_version` env variable - Use `release.tag_name` instead of `release.name` for previous version * Updated jQuery to 3.4.1 to avoid known vulnerabilities (#590) no issue https://snyk.io/vuln/npm:jquery?lh=3.2.1&utm_source=lighthouse&utm_medium=ref&utm_campaign=audit * Fixed code cards with long lines from being too wide no issue Credits - https://github.com/TryGhost/Casper/pull/602 * Bumped gscan version to v3.0.0 (#621) * Bumped gscan to v3.0.0 - This also fixes failing CI builds because the default rules that are being checked were for v2 * Added explicit version check for gscan command * Added member subscription support (#623) * Added member subscription support no issue * Added member subscription success message no issue * Added member subscription overlay * Refined members subscription overlay * Deleted unused website icon * Ran CSSComb * Updated built assets * 3.0.0-beta.5 * Updated built assets for v3 no issue * 3.0.0-beta.6 * Remove unused partial * V3 cleanup (#625) * Removed unused infinity icon * Removed unused location icon * Removed unused 'point' icon * Removed unused Ghost logo icon * Removed unused author partials * Cleaned up index log * Fixed responsive feature image sizes for page template
2019-10-21 05:43:34 +00:00
.post-card-large .post-card-title {
margin-top: 0;
2022-05-16 11:33:11 +00:00
font-size: 4.4rem;
2022-11-11 03:30:32 +00:00
line-height: 1.05;
2022-05-06 07:36:35 +00:00
}
.post-card-large .post-card-excerpt {
margin-top: 16px;
}
2022-05-14 15:51:45 +00:00
.post-card-full {
grid-column: span 6;
}
2022-05-16 11:33:11 +00:00
.post-card-full .post-card-image-link {
margin-bottom: 40px;
}
2022-05-26 05:31:16 +00:00
.post-card-full .post-card-tags {
2022-05-16 11:33:11 +00:00
margin-bottom: 14px;
}
2022-05-14 15:51:45 +00:00
.post-card-full .post-card-title {
font-size: 6.4rem;
2022-05-16 11:33:11 +00:00
line-height: 0.95;
}
.post-card-full .post-card-excerpt {
margin-top: 20px;
font-size: 1.8rem;
2022-05-14 15:51:45 +00:00
}
2022-05-18 02:48:08 +00:00
.post-card-large + .post-card-large:nth-child(even) {
margin: 32px 0;
}
.post-card-large + .post-card-large:nth-child(even) .post-card-content {
order: -1;
}
2022-05-14 15:51:45 +00:00
.post-card.dynamic {
2022-05-06 07:36:35 +00:00
grid-column: span 3;
}
2022-05-14 15:51:45 +00:00
.post-card.dynamic .post-card-title {
2022-05-06 07:36:35 +00:00
font-size: 3rem;
V3 (#626) * Changed {{code}} to {{statusCode}} refs https://github.com/TryGhost/gscan/commit/2ebd9feeee20c084a1d4ab84e5100cdb1e1400de - {{code}} use has been deprecated in canary rule set of gscan * V3 Update * Update package and readme for 3.0 * Improve install instructions * Update to support browserlist * Upgrade dependencies * Fix misnamed property * V3 darkmode (#619) Added dark mode styles * Casper final refinements batch 1 * Casper final refinements batch 2 * Fixed bookmark card hover bug * Fixed header social links * Updated screenshots * Updated readme no issue - refreshed screenshot * Udpate screenshot in readme no issue * 3.0.0-beta.2 * Fixed cut header for post cards no issue * 3.0.0-beta.3 * 3.0.0-beta.4 * Updated current version and previous version logic (#554) no issue - Use current version from `package.json` instead of `npm_package_version` env variable - Use `release.tag_name` instead of `release.name` for previous version * Updated jQuery to 3.4.1 to avoid known vulnerabilities (#590) no issue https://snyk.io/vuln/npm:jquery?lh=3.2.1&utm_source=lighthouse&utm_medium=ref&utm_campaign=audit * Fixed code cards with long lines from being too wide no issue Credits - https://github.com/TryGhost/Casper/pull/602 * Bumped gscan version to v3.0.0 (#621) * Bumped gscan to v3.0.0 - This also fixes failing CI builds because the default rules that are being checked were for v2 * Added explicit version check for gscan command * Added member subscription support (#623) * Added member subscription support no issue * Added member subscription success message no issue * Added member subscription overlay * Refined members subscription overlay * Deleted unused website icon * Ran CSSComb * Updated built assets * 3.0.0-beta.5 * Updated built assets for v3 no issue * 3.0.0-beta.6 * Remove unused partial * V3 cleanup (#625) * Removed unused infinity icon * Removed unused location icon * Removed unused 'point' icon * Removed unused Ghost logo icon * Removed unused author partials * Cleaned up index log * Fixed responsive feature image sizes for page template
2019-10-21 05:43:34 +00:00
}
2017-06-13 12:48:06 +00:00
}
2017-05-15 20:03:47 +00:00
/* Pagination
/* ---------------------------------------------------------- */
.pagination {
display: none;
grid-template-columns: 1fr auto 1fr;
align-items: center;
margin-top: 8vmin;
}
html.no-infinite-scroll .pagination {
display: grid;
}
.pagination a {
font-size: 1.7rem;
font-weight: 600;
}
.pagination .page-number {
grid-column-start: 2;
color: var(--color-secondary-text);
}
.pagination .older-posts {
grid-column-start: 3;
text-align: right;
}
@media (max-width: 767px) {
.pagination .page-number {
display: none;
}
}
2017-05-31 18:09:50 +00:00
/* 6. Single Post
2017-05-15 20:03:47 +00:00
/* ---------------------------------------------------------- */
2021-03-03 02:48:32 +00:00
.article {
2022-05-20 13:15:27 +00:00
padding: max(8vmin, 40px) 0 max(8vmin, 64px);
2021-04-01 05:01:09 +00:00
word-break: break-word;
}
2022-05-20 13:24:53 +00:00
.page-template .article {
padding-top: max(12vmin, 64px);
}
2021-03-03 02:48:32 +00:00
.article-header {
2022-05-20 13:24:53 +00:00
padding: 0 0 max(6.4vmin, 40px) 0;
}
.page-template .article-header {
padding-bottom: max(3.2vmin, 28px);
2022-05-16 05:41:54 +00:00
}
2021-03-03 02:48:32 +00:00
.article-tag {
2022-05-16 05:41:54 +00:00
margin-bottom: 16px;
font-size: 1.6rem;
2015-02-28 12:34:58 +00:00
}
2021-03-03 02:48:32 +00:00
.article-tag a {
2022-05-16 05:41:54 +00:00
color: var(--color-secondary-text);
}
2021-03-03 02:48:32 +00:00
.article-title {
2022-05-18 02:29:44 +00:00
margin-bottom: 0;
2022-05-20 07:19:34 +00:00
font-size: clamp(3.2rem, 5vw, 5.2rem);
2022-05-16 05:41:54 +00:00
font-weight: 800;
2022-11-11 03:30:32 +00:00
line-height: 1.05;
2022-05-16 05:41:54 +00:00
color: var(--color-darkgrey);
V3 (#626) * Changed {{code}} to {{statusCode}} refs https://github.com/TryGhost/gscan/commit/2ebd9feeee20c084a1d4ab84e5100cdb1e1400de - {{code}} use has been deprecated in canary rule set of gscan * V3 Update * Update package and readme for 3.0 * Improve install instructions * Update to support browserlist * Upgrade dependencies * Fix misnamed property * V3 darkmode (#619) Added dark mode styles * Casper final refinements batch 1 * Casper final refinements batch 2 * Fixed bookmark card hover bug * Fixed header social links * Updated screenshots * Updated readme no issue - refreshed screenshot * Udpate screenshot in readme no issue * 3.0.0-beta.2 * Fixed cut header for post cards no issue * 3.0.0-beta.3 * 3.0.0-beta.4 * Updated current version and previous version logic (#554) no issue - Use current version from `package.json` instead of `npm_package_version` env variable - Use `release.tag_name` instead of `release.name` for previous version * Updated jQuery to 3.4.1 to avoid known vulnerabilities (#590) no issue https://snyk.io/vuln/npm:jquery?lh=3.2.1&utm_source=lighthouse&utm_medium=ref&utm_campaign=audit * Fixed code cards with long lines from being too wide no issue Credits - https://github.com/TryGhost/Casper/pull/602 * Bumped gscan version to v3.0.0 (#621) * Bumped gscan to v3.0.0 - This also fixes failing CI builds because the default rules that are being checked were for v2 * Added explicit version check for gscan command * Added member subscription support (#623) * Added member subscription support no issue * Added member subscription success message no issue * Added member subscription overlay * Refined members subscription overlay * Deleted unused website icon * Ran CSSComb * Updated built assets * 3.0.0-beta.5 * Updated built assets for v3 no issue * 3.0.0-beta.6 * Remove unused partial * V3 cleanup (#625) * Removed unused infinity icon * Removed unused location icon * Removed unused 'point' icon * Removed unused Ghost logo icon * Removed unused author partials * Cleaned up index log * Fixed responsive feature image sizes for page template
2019-10-21 05:43:34 +00:00
}
2021-11-05 12:14:53 +00:00
.has-serif-title .article-title {
font-family: var(--font-serif);
}
2021-03-03 02:48:32 +00:00
.article-excerpt {
2022-05-20 13:15:27 +00:00
margin-top: 20px;
2022-05-16 05:41:54 +00:00
max-width: 720px;
2021-03-03 02:48:32 +00:00
font-size: 2rem;
2022-05-18 10:35:58 +00:00
line-height: 1.45;
2022-05-16 05:41:54 +00:00
color: var(--color-darkgrey);
V3 (#626) * Changed {{code}} to {{statusCode}} refs https://github.com/TryGhost/gscan/commit/2ebd9feeee20c084a1d4ab84e5100cdb1e1400de - {{code}} use has been deprecated in canary rule set of gscan * V3 Update * Update package and readme for 3.0 * Improve install instructions * Update to support browserlist * Upgrade dependencies * Fix misnamed property * V3 darkmode (#619) Added dark mode styles * Casper final refinements batch 1 * Casper final refinements batch 2 * Fixed bookmark card hover bug * Fixed header social links * Updated screenshots * Updated readme no issue - refreshed screenshot * Udpate screenshot in readme no issue * 3.0.0-beta.2 * Fixed cut header for post cards no issue * 3.0.0-beta.3 * 3.0.0-beta.4 * Updated current version and previous version logic (#554) no issue - Use current version from `package.json` instead of `npm_package_version` env variable - Use `release.tag_name` instead of `release.name` for previous version * Updated jQuery to 3.4.1 to avoid known vulnerabilities (#590) no issue https://snyk.io/vuln/npm:jquery?lh=3.2.1&utm_source=lighthouse&utm_medium=ref&utm_campaign=audit * Fixed code cards with long lines from being too wide no issue Credits - https://github.com/TryGhost/Casper/pull/602 * Bumped gscan version to v3.0.0 (#621) * Bumped gscan to v3.0.0 - This also fixes failing CI builds because the default rules that are being checked were for v2 * Added explicit version check for gscan command * Added member subscription support (#623) * Added member subscription support no issue * Added member subscription success message no issue * Added member subscription overlay * Refined members subscription overlay * Deleted unused website icon * Ran CSSComb * Updated built assets * 3.0.0-beta.5 * Updated built assets for v3 no issue * 3.0.0-beta.6 * Remove unused partial * V3 cleanup (#625) * Removed unused infinity icon * Removed unused location icon * Removed unused 'point' icon * Removed unused Ghost logo icon * Removed unused author partials * Cleaned up index log * Fixed responsive feature image sizes for page template
2019-10-21 05:43:34 +00:00
}
2021-03-03 02:48:32 +00:00
.gh-canvas .article-image {
grid-column: wide-start / wide-end;
width: 100%;
2022-05-20 13:24:53 +00:00
margin: max(6.4vmin, 40px) 0 0;
V3 (#626) * Changed {{code}} to {{statusCode}} refs https://github.com/TryGhost/gscan/commit/2ebd9feeee20c084a1d4ab84e5100cdb1e1400de - {{code}} use has been deprecated in canary rule set of gscan * V3 Update * Update package and readme for 3.0 * Improve install instructions * Update to support browserlist * Upgrade dependencies * Fix misnamed property * V3 darkmode (#619) Added dark mode styles * Casper final refinements batch 1 * Casper final refinements batch 2 * Fixed bookmark card hover bug * Fixed header social links * Updated screenshots * Updated readme no issue - refreshed screenshot * Udpate screenshot in readme no issue * 3.0.0-beta.2 * Fixed cut header for post cards no issue * 3.0.0-beta.3 * 3.0.0-beta.4 * Updated current version and previous version logic (#554) no issue - Use current version from `package.json` instead of `npm_package_version` env variable - Use `release.tag_name` instead of `release.name` for previous version * Updated jQuery to 3.4.1 to avoid known vulnerabilities (#590) no issue https://snyk.io/vuln/npm:jquery?lh=3.2.1&utm_source=lighthouse&utm_medium=ref&utm_campaign=audit * Fixed code cards with long lines from being too wide no issue Credits - https://github.com/TryGhost/Casper/pull/602 * Bumped gscan version to v3.0.0 (#621) * Bumped gscan to v3.0.0 - This also fixes failing CI builds because the default rules that are being checked were for v2 * Added explicit version check for gscan command * Added member subscription support (#623) * Added member subscription support no issue * Added member subscription success message no issue * Added member subscription overlay * Refined members subscription overlay * Deleted unused website icon * Ran CSSComb * Updated built assets * 3.0.0-beta.5 * Updated built assets for v3 no issue * 3.0.0-beta.6 * Remove unused partial * V3 cleanup (#625) * Removed unused infinity icon * Removed unused location icon * Removed unused 'point' icon * Removed unused Ghost logo icon * Removed unused author partials * Cleaned up index log * Fixed responsive feature image sizes for page template
2019-10-21 05:43:34 +00:00
}
2021-11-05 12:14:53 +00:00
.image-full .article-image {
grid-column: full-start / full-end;
}
.image-small .article-image {
grid-column: main-start / main-end;
}
.gh-canvas .article-image img {
display: block;
margin-left: auto;
margin-right: auto;
2021-04-01 05:20:50 +00:00
width: 100%;
}
2022-05-20 07:19:34 +00:00
@media (max-width: 767px) {
2021-03-03 02:48:32 +00:00
.article-excerpt {
2022-05-20 13:15:27 +00:00
margin-top: 14px;
2022-05-20 07:19:34 +00:00
font-size: 1.7rem;
V3 (#626) * Changed {{code}} to {{statusCode}} refs https://github.com/TryGhost/gscan/commit/2ebd9feeee20c084a1d4ab84e5100cdb1e1400de - {{code}} use has been deprecated in canary rule set of gscan * V3 Update * Update package and readme for 3.0 * Improve install instructions * Update to support browserlist * Upgrade dependencies * Fix misnamed property * V3 darkmode (#619) Added dark mode styles * Casper final refinements batch 1 * Casper final refinements batch 2 * Fixed bookmark card hover bug * Fixed header social links * Updated screenshots * Updated readme no issue - refreshed screenshot * Udpate screenshot in readme no issue * 3.0.0-beta.2 * Fixed cut header for post cards no issue * 3.0.0-beta.3 * 3.0.0-beta.4 * Updated current version and previous version logic (#554) no issue - Use current version from `package.json` instead of `npm_package_version` env variable - Use `release.tag_name` instead of `release.name` for previous version * Updated jQuery to 3.4.1 to avoid known vulnerabilities (#590) no issue https://snyk.io/vuln/npm:jquery?lh=3.2.1&utm_source=lighthouse&utm_medium=ref&utm_campaign=audit * Fixed code cards with long lines from being too wide no issue Credits - https://github.com/TryGhost/Casper/pull/602 * Bumped gscan version to v3.0.0 (#621) * Bumped gscan to v3.0.0 - This also fixes failing CI builds because the default rules that are being checked were for v2 * Added explicit version check for gscan command * Added member subscription support (#623) * Added member subscription support no issue * Added member subscription success message no issue * Added member subscription overlay * Refined members subscription overlay * Deleted unused website icon * Ran CSSComb * Updated built assets * 3.0.0-beta.5 * Updated built assets for v3 no issue * 3.0.0-beta.6 * Remove unused partial * V3 cleanup (#625) * Removed unused infinity icon * Removed unused location icon * Removed unused 'point' icon * Removed unused Ghost logo icon * Removed unused author partials * Cleaned up index log * Fixed responsive feature image sizes for page template
2019-10-21 05:43:34 +00:00
}
2015-02-27 14:48:15 +00:00
}
2021-03-03 02:48:32 +00:00
/* -------- */
/* Content grid
/* ---------------------------------------------------------- */
/* Canvas creates a multi-column, centered grid which the post
is laid out on top of. Canvas just defines the grid, we don't
use it for applying any other styles. */
.gh-canvas {
display: grid;
grid-template-columns:
[full-start]
2022-05-20 07:19:34 +00:00
minmax(max(4vmin, 20px), auto)
2021-03-03 02:48:32 +00:00
[wide-start]
minmax(auto, 240px)
[main-start]
2022-05-26 07:55:16 +00:00
min(720px, calc(100% - max(8vmin, 40px)))
2021-03-03 02:48:32 +00:00
[main-end]
minmax(auto, 240px)
[wide-end]
2022-05-20 07:19:34 +00:00
minmax(max(4vmin, 20px), auto)
2021-03-03 02:48:32 +00:00
[full-end]
;
2015-02-27 14:48:15 +00:00
}
2021-03-03 02:48:32 +00:00
.gh-canvas > * {
grid-column: main-start / main-end;
V3 (#626) * Changed {{code}} to {{statusCode}} refs https://github.com/TryGhost/gscan/commit/2ebd9feeee20c084a1d4ab84e5100cdb1e1400de - {{code}} use has been deprecated in canary rule set of gscan * V3 Update * Update package and readme for 3.0 * Improve install instructions * Update to support browserlist * Upgrade dependencies * Fix misnamed property * V3 darkmode (#619) Added dark mode styles * Casper final refinements batch 1 * Casper final refinements batch 2 * Fixed bookmark card hover bug * Fixed header social links * Updated screenshots * Updated readme no issue - refreshed screenshot * Udpate screenshot in readme no issue * 3.0.0-beta.2 * Fixed cut header for post cards no issue * 3.0.0-beta.3 * 3.0.0-beta.4 * Updated current version and previous version logic (#554) no issue - Use current version from `package.json` instead of `npm_package_version` env variable - Use `release.tag_name` instead of `release.name` for previous version * Updated jQuery to 3.4.1 to avoid known vulnerabilities (#590) no issue https://snyk.io/vuln/npm:jquery?lh=3.2.1&utm_source=lighthouse&utm_medium=ref&utm_campaign=audit * Fixed code cards with long lines from being too wide no issue Credits - https://github.com/TryGhost/Casper/pull/602 * Bumped gscan version to v3.0.0 (#621) * Bumped gscan to v3.0.0 - This also fixes failing CI builds because the default rules that are being checked were for v2 * Added explicit version check for gscan command * Added member subscription support (#623) * Added member subscription support no issue * Added member subscription success message no issue * Added member subscription overlay * Refined members subscription overlay * Deleted unused website icon * Ran CSSComb * Updated built assets * 3.0.0-beta.5 * Updated built assets for v3 no issue * 3.0.0-beta.6 * Remove unused partial * V3 cleanup (#625) * Removed unused infinity icon * Removed unused location icon * Removed unused 'point' icon * Removed unused Ghost logo icon * Removed unused author partials * Cleaned up index log * Fixed responsive feature image sizes for page template
2019-10-21 05:43:34 +00:00
}
2021-03-03 02:48:32 +00:00
.kg-width-wide {
grid-column: wide-start / wide-end;
2015-02-27 14:48:15 +00:00
}
2021-03-03 02:48:32 +00:00
.kg-width-full {
grid-column: full-start / full-end;
2018-12-17 12:25:57 +00:00
}
2021-03-03 02:48:32 +00:00
.kg-width-full img {
2018-12-17 12:25:57 +00:00
width: 100%;
2017-06-13 17:51:08 +00:00
}
2015-02-28 12:34:58 +00:00
2021-03-03 02:48:32 +00:00
/* Content
/* ---------------------------------------------------------- */
/* Content refers to styling all page and post content that is
created within the Ghost editor. The main content handles
headings, text, images and lists. We deal with cards lower down. */
/* Default vertical spacing */
.gh-content > * + * {
2022-05-20 13:15:27 +00:00
margin-top: max(3.2vmin, 24px);
2021-03-03 02:48:32 +00:00
margin-bottom: 0;
2017-06-05 11:19:29 +00:00
}
2021-03-03 02:48:32 +00:00
/* [id] represents all headings h1-h6, reset all margins */
2021-03-03 20:44:25 +00:00
.gh-content > [id] {
2021-03-03 02:48:32 +00:00
margin: 0;
2021-03-03 20:44:25 +00:00
color: var(--color-darkgrey);
2015-02-28 12:34:58 +00:00
}
2021-11-05 12:14:53 +00:00
.has-serif-title .gh-content > [id] {
font-family: var(--font-serif);
}
2021-03-03 02:48:32 +00:00
/* Add back a top margin to all headings, unless a heading
is the very first element in the post content */
2021-03-03 20:44:25 +00:00
.gh-content > [id]:not(:first-child) {
2021-03-03 02:48:32 +00:00
margin: 2em 0 0;
2017-06-13 12:48:06 +00:00
}
2021-03-03 02:48:32 +00:00
/* Add a small margin between a heading and anything after it */
.gh-content > [id] + * {
margin-top: 1.5rem !important;
2017-06-05 11:19:29 +00:00
}
2021-03-03 02:48:32 +00:00
/* A larger margin before/after HRs and blockquotes */
2021-03-03 20:44:25 +00:00
.gh-content > hr,
.gh-content > blockquote {
2021-03-04 22:22:45 +00:00
position: relative;
2022-05-20 13:15:27 +00:00
margin-top: max(4.8vmin, 32px);
2017-05-31 18:09:50 +00:00
}
2021-03-03 20:44:25 +00:00
.gh-content > hr + *,
.gh-content > blockquote + * {
2022-05-20 13:15:27 +00:00
margin-top: max(4.8vmin, 32px) !important;
V3 (#626) * Changed {{code}} to {{statusCode}} refs https://github.com/TryGhost/gscan/commit/2ebd9feeee20c084a1d4ab84e5100cdb1e1400de - {{code}} use has been deprecated in canary rule set of gscan * V3 Update * Update package and readme for 3.0 * Improve install instructions * Update to support browserlist * Upgrade dependencies * Fix misnamed property * V3 darkmode (#619) Added dark mode styles * Casper final refinements batch 1 * Casper final refinements batch 2 * Fixed bookmark card hover bug * Fixed header social links * Updated screenshots * Updated readme no issue - refreshed screenshot * Udpate screenshot in readme no issue * 3.0.0-beta.2 * Fixed cut header for post cards no issue * 3.0.0-beta.3 * 3.0.0-beta.4 * Updated current version and previous version logic (#554) no issue - Use current version from `package.json` instead of `npm_package_version` env variable - Use `release.tag_name` instead of `release.name` for previous version * Updated jQuery to 3.4.1 to avoid known vulnerabilities (#590) no issue https://snyk.io/vuln/npm:jquery?lh=3.2.1&utm_source=lighthouse&utm_medium=ref&utm_campaign=audit * Fixed code cards with long lines from being too wide no issue Credits - https://github.com/TryGhost/Casper/pull/602 * Bumped gscan version to v3.0.0 (#621) * Bumped gscan to v3.0.0 - This also fixes failing CI builds because the default rules that are being checked were for v2 * Added explicit version check for gscan command * Added member subscription support (#623) * Added member subscription support no issue * Added member subscription success message no issue * Added member subscription overlay * Refined members subscription overlay * Deleted unused website icon * Ran CSSComb * Updated built assets * 3.0.0-beta.5 * Updated built assets for v3 no issue * 3.0.0-beta.6 * Remove unused partial * V3 cleanup (#625) * Removed unused infinity icon * Removed unused location icon * Removed unused 'point' icon * Removed unused Ghost logo icon * Removed unused author partials * Cleaned up index log * Fixed responsive feature image sizes for page template
2019-10-21 05:43:34 +00:00
}
2017-05-31 18:09:50 +00:00
2021-03-03 02:48:32 +00:00
/* Now the content typography styles */
.gh-content a {
2021-03-03 02:48:32 +00:00
color: var(--ghost-accent-color);
text-decoration: underline;
word-break: break-word;
}
2021-12-07 11:05:00 +00:00
.gh-content > blockquote:not([class]),
2021-03-03 02:48:32 +00:00
.gh-content > ol,
.gh-content > ul,
.gh-content > dl,
2021-12-04 12:14:00 +00:00
.gh-content > p {
2021-03-03 02:48:32 +00:00
font-family: var(--font-serif);
font-weight: 400;
2022-05-18 10:35:58 +00:00
font-size: 2rem;
2021-03-03 02:48:32 +00:00
line-height: 1.6em;
}
.gh-content .kg-callout-card .kg-callout-text,
.gh-content .kg-toggle-card .kg-toggle-content > ol,
.gh-content .kg-toggle-card .kg-toggle-content > ul,
.gh-content .kg-toggle-card .kg-toggle-content > p {
2021-12-04 12:06:09 +00:00
font-family: var(--font-serif);
font-weight: 400;
font-size: 1.9rem;
2021-12-04 12:06:09 +00:00
line-height: 1.6em;
}
.gh-content .kg-product-card .kg-product-card-description > p,
.gh-content .kg-product-card .kg-product-card-description > ol,
.gh-content .kg-product-card .kg-product-card-description > ul {
font-size: 1.7rem;
line-height: 1.6em;
}
.gh-content .kg-callout-card .kg-callout-emoji {
font-size: 2.1rem;
2021-12-15 14:00:52 +00:00
line-height: 1.4em;
2021-12-04 12:06:09 +00:00
}
.gh-content .kg-toggle-card .kg-toggle-heading-text {
font-size: 2.0rem;
2021-12-04 12:14:00 +00:00
}
2021-11-05 12:14:53 +00:00
.has-sans-body .gh-content > blockquote,
.has-sans-body .gh-content > ol,
.has-sans-body .gh-content > ul,
.has-sans-body .gh-content > dl,
.has-sans-body .gh-content > p,
.has-sans-body .gh-content .kg-callout-card .kg-callout-text,
.has-sans-body .gh-content .kg-toggle-card .kg-toggle-content > ol,
.has-sans-body .gh-content .kg-toggle-card .kg-toggle-content > ul,
.has-sans-body .gh-content .kg-toggle-card .kg-toggle-content > p {
2021-11-05 12:14:53 +00:00
font-family: var(--font-sans);
}
2021-03-03 02:48:32 +00:00
.gh-content > ul,
.gh-content > ol,
.gh-content > dl,
.gh-content .kg-toggle-card .kg-toggle-content > ol,
.gh-content .kg-toggle-card .kg-toggle-content > ul,
.gh-content .kg-product-card .kg-product-card-description > ol,
.gh-content .kg-product-card .kg-product-card-description > ul {
2021-03-03 02:48:32 +00:00
padding-left: 1.9em;
2017-05-31 18:09:50 +00:00
}
2021-12-07 11:05:00 +00:00
.gh-content > blockquote:not([class]) {
2021-03-03 02:48:32 +00:00
position: relative;
font-style: italic;
2021-03-04 22:22:45 +00:00
padding: 0;
2017-05-31 18:09:50 +00:00
}
2021-12-07 11:05:00 +00:00
.gh-content > blockquote:not([class])::before {
2021-03-03 02:48:32 +00:00
content: "";
position: absolute;
left: -1.5em;
top: 0;
bottom: 0;
width: 0.3rem;
2021-03-04 22:22:45 +00:00
background: var(--ghost-accent-color);
2017-06-08 07:19:22 +00:00
}
.gh-content :not(pre) > code {
2021-03-03 02:48:32 +00:00
vertical-align: middle;
padding: 0.15em 0.4em 0.15em;
border: #e1eaef 1px solid;
font-weight: 400 !important;
font-size: 0.9em;
line-height: 1em;
color: #15171A;
background: #f0f6f9;
border-radius: 0.25em;
}
.gh-content pre {
2021-03-19 11:19:03 +00:00
overflow: auto;
padding: 16px 20px;
2021-03-08 20:59:11 +00:00
color: var(--color-wash);
font-size: 1.4rem;
line-height: 1.5em;
background: var(--color-darkgrey);
2021-03-03 02:48:32 +00:00
border-radius: 5px;
box-shadow: 0 2px 6px -2px rgba(0,0,0,.1), 0 0 1px rgba(0,0,0,.4);
}
2021-03-03 02:48:32 +00:00
@media (max-width: 650px) {
2021-12-07 11:05:00 +00:00
.gh-content > blockquote:not([class]),
2021-11-25 02:44:09 +00:00
.gh-content > ol,
.gh-content > ul,
.gh-content > dl,
.gh-content > p,
.gh-content .kg-callout-card .kg-callout-text,
.gh-content .kg-toggle-card .kg-toggle-content > ol,
.gh-content .kg-toggle-card .kg-toggle-content > ul,
.gh-content .kg-toggle-card .kg-toggle-content > p {
2022-05-20 07:19:34 +00:00
font-size: 1.8rem;
}
2017-05-31 18:09:50 +00:00
.gh-content .kg-product-card .kg-product-card-description > p,
.gh-content .kg-product-card .kg-product-card-description > ol,
.gh-content .kg-product-card .kg-product-card-description > ul {
2022-05-20 07:19:34 +00:00
font-size: 1.6rem;
}
.gh-content blockquote:not([class])::before {
2022-05-20 07:19:34 +00:00
left: min(-4vmin, -20px);
2021-03-03 02:48:32 +00:00
}
}
2021-03-03 02:48:32 +00:00
/* Cards
/* ---------------------------------------------------------- */
2021-03-03 02:48:32 +00:00
/* Cards are dynamic blocks of content which appear within Ghost
posts, for example: embedded videos, tweets, galleries, or
specially styled bookmark links. We add extra styling here to
make sure they look good, and are given a bit of extra spacing. */
2021-03-03 02:48:32 +00:00
/* Add extra margin before/after any cards,
except for when immediately preceeded by a heading */
.gh-content :not(.kg-card):not([id]) + .kg-card {
2021-03-03 02:48:32 +00:00
margin-top: 6vmin;
margin-bottom: 0;
}
.gh-content .kg-card + :not(.kg-card) {
2021-03-03 02:48:32 +00:00
margin-top: 6vmin;
margin-bottom: 0;
2017-05-31 18:09:50 +00:00
}
2021-03-03 02:48:32 +00:00
/* This keeps small embeds centered */
.kg-embed-card {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
}
2021-03-03 02:48:32 +00:00
/* This keeps small iamges centered */
.kg-image-card img {
margin: auto;
}
.has-serif-title .kg-toggle-card .kg-toggle-heading-text {
font-family: var(--font-serif);
}
.gh-content .kg-callout-card-accent a {
text-decoration: underline;
2021-11-25 02:31:36 +00:00
}
2021-12-07 11:05:00 +00:00
.kg-blockquote-alt {
font-family: var(--font-serif);
color: var(--color-midgrey);
}
.has-sans-body .kg-blockquote-alt {
font-family: var(--font-sans);
}
.kg-card.kg-header-card.kg-style-dark {
background: var(--color-darkgrey);
}
.kg-header-card.kg-style-light h2.kg-header-card-header {
2021-12-17 07:06:34 +00:00
color: color-mod(var(--color-darkgrey) l(-5%));
}
.has-serif-title .kg-header-card h2.kg-header-card-header {
font-family: var(--font-serif);
}
2021-03-03 02:48:32 +00:00
/* Captions */
figcaption {
2021-03-03 02:48:32 +00:00
padding: 1.5rem 1.5rem 0;
2018-06-13 17:34:59 +00:00
text-align: center;
2021-03-03 02:48:32 +00:00
color: rgba(0,0,0,0.5);
font-size: 1.3rem;
line-height: 1.4em;
}
figcaption strong {
2021-03-03 02:48:32 +00:00
color: rgba(0,0,0,0.8);
}
figcaption a {
2022-05-16 05:41:54 +00:00
text-decoration: underline;
}
2021-03-03 02:48:32 +00:00
/* Highly specific styles for traditional Instagram embeds */
iframe.instagram-media {
margin-top: 6vmin !important;
margin-left: auto !important;
margin-right: auto !important;
margin-bottom: 0 !important;
}
iframe.instagram-media + script + :not([id]) {
margin-top: 6vmin;
}
2021-03-03 02:48:32 +00:00
/* Card captions
/* ---------------------------------------------------------- */
2017-06-08 07:19:22 +00:00
2021-03-03 02:48:32 +00:00
.kg-width-full.kg-card-hascaption {
display: grid;
grid-template-columns: inherit;
}
2021-03-03 02:48:32 +00:00
.kg-width-wide.kg-card-hascaption img {
grid-column: wide-start / wide-end;
}
2021-03-03 02:48:32 +00:00
.kg-width-full.kg-card-hascaption img {
grid-column: 1 / -1;
2017-06-08 07:19:22 +00:00
}
2021-03-03 02:48:32 +00:00
.kg-width-full.kg-card-hascaption figcaption {
grid-column: main-start / main-end;
2017-06-08 07:19:22 +00:00
}
.article-comments {
margin: 6vmin 0 0 0;
}
2021-03-03 02:48:32 +00:00
/* -----old------ */
2017-06-15 14:03:19 +00:00
.footnotes-sep {
margin-bottom: 30px;
}
.footnotes {
font-size: 1.5rem;
}
.footnotes p {
margin: 0;
}
.footnote-backref {
font-size: 1.2rem;
font-weight: bold;
2017-06-16 08:44:12 +00:00
text-decoration: none !important;
box-shadow: none !important;
2017-06-15 14:03:19 +00:00
}
/* Tables */
.gh-content table:not(.gist table) {
display: inline-block;
overflow-x: auto;
2017-11-20 05:42:32 +00:00
max-width: 100%;
width: auto;
2017-08-02 08:41:14 +00:00
border-spacing: 0;
border-collapse: collapse;
2022-05-16 05:41:54 +00:00
font-family: var(--font-sans);
font-size: 1.6rem;
2017-08-02 08:41:14 +00:00
white-space: nowrap;
2017-11-20 05:42:32 +00:00
vertical-align: top;
-webkit-overflow-scrolling: touch;
background: radial-gradient(ellipse at left, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 75%) 0 center, radial-gradient(ellipse at right, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 75%) 100% center;
background-attachment: scroll, scroll;
2017-11-20 05:42:32 +00:00
background-size: 10px 100%, 10px 100%;
background-repeat: no-repeat;
}
.gh-content table:not(.gist table) td:first-child {
background-image: linear-gradient(to right, rgba(255,255,255, 1) 50%, rgba(255,255,255, 0) 100%);
background-size: 20px 100%;
2017-08-02 08:41:14 +00:00
background-repeat: no-repeat;
}
.gh-content table:not(.gist table) td:last-child {
background-image: linear-gradient(to left, rgba(255,255,255, 1) 50%, rgba(255,255,255, 0) 100%);
2017-08-02 08:41:14 +00:00
background-position: 100% 0;
2017-11-20 05:42:32 +00:00
background-size: 20px 100%;
2017-08-02 08:41:14 +00:00
background-repeat: no-repeat;
}
.gh-content table:not(.gist table) th {
2021-03-03 02:48:32 +00:00
color: var(--color-darkgrey);
2017-08-02 08:41:14 +00:00
font-size: 1.2rem;
font-weight: 700;
2017-08-02 08:41:14 +00:00
letter-spacing: 0.2px;
text-align: left;
text-transform: uppercase;
2021-03-03 02:48:32 +00:00
background-color: color-mod(var(--color-wash) l(+4%));
}
.gh-content table:not(.gist table) th,
.gh-content table:not(.gist table) td {
padding: 6px 12px;
2021-03-03 02:48:32 +00:00
border: color-mod(var(--color-wash) l(-1%) s(-5%)) 1px solid;
}
/* 6.1. Post Byline
2017-05-15 20:03:47 +00:00
/* ---------------------------------------------------------- */
2021-03-03 02:48:32 +00:00
.article-byline {
V3 (#626) * Changed {{code}} to {{statusCode}} refs https://github.com/TryGhost/gscan/commit/2ebd9feeee20c084a1d4ab84e5100cdb1e1400de - {{code}} use has been deprecated in canary rule set of gscan * V3 Update * Update package and readme for 3.0 * Improve install instructions * Update to support browserlist * Upgrade dependencies * Fix misnamed property * V3 darkmode (#619) Added dark mode styles * Casper final refinements batch 1 * Casper final refinements batch 2 * Fixed bookmark card hover bug * Fixed header social links * Updated screenshots * Updated readme no issue - refreshed screenshot * Udpate screenshot in readme no issue * 3.0.0-beta.2 * Fixed cut header for post cards no issue * 3.0.0-beta.3 * 3.0.0-beta.4 * Updated current version and previous version logic (#554) no issue - Use current version from `package.json` instead of `npm_package_version` env variable - Use `release.tag_name` instead of `release.name` for previous version * Updated jQuery to 3.4.1 to avoid known vulnerabilities (#590) no issue https://snyk.io/vuln/npm:jquery?lh=3.2.1&utm_source=lighthouse&utm_medium=ref&utm_campaign=audit * Fixed code cards with long lines from being too wide no issue Credits - https://github.com/TryGhost/Casper/pull/602 * Bumped gscan version to v3.0.0 (#621) * Bumped gscan to v3.0.0 - This also fixes failing CI builds because the default rules that are being checked were for v2 * Added explicit version check for gscan command * Added member subscription support (#623) * Added member subscription support no issue * Added member subscription success message no issue * Added member subscription overlay * Refined members subscription overlay * Deleted unused website icon * Ran CSSComb * Updated built assets * 3.0.0-beta.5 * Updated built assets for v3 no issue * 3.0.0-beta.6 * Remove unused partial * V3 cleanup (#625) * Removed unused infinity icon * Removed unused location icon * Removed unused 'point' icon * Removed unused Ghost logo icon * Removed unused author partials * Cleaned up index log * Fixed responsive feature image sizes for page template
2019-10-21 05:43:34 +00:00
display: flex;
justify-content: space-between;
2022-05-20 13:15:27 +00:00
margin: min(24px, 5.6vmin) 0 0;
}
2021-03-03 02:48:32 +00:00
.article-byline-content {
flex-grow: 1;
display: flex;
align-items: center;
}
2021-03-03 02:48:32 +00:00
.article-byline-content .author-list {
justify-content: flex-start;
2022-05-16 05:41:54 +00:00
padding: 0 14px 0 0;
}
2021-03-03 02:48:32 +00:00
.article-byline-meta {
2022-05-16 05:41:54 +00:00
color: var(--color-secondary-text);
2021-03-03 20:44:25 +00:00
font-size: 1.4rem;
2021-03-03 02:48:32 +00:00
line-height: 1.2em;
}
2022-05-16 05:41:54 +00:00
.article-byline-meta .author-name {
margin: 0 0 6px;
font-size: 1.7rem;
font-weight: 700;
2022-05-27 07:01:51 +00:00
letter-spacing: 0;
}
2021-03-03 02:48:32 +00:00
.article-byline-meta .bull {
display: inline-block;
margin: 0 2px;
V3 (#626) * Changed {{code}} to {{statusCode}} refs https://github.com/TryGhost/gscan/commit/2ebd9feeee20c084a1d4ab84e5100cdb1e1400de - {{code}} use has been deprecated in canary rule set of gscan * V3 Update * Update package and readme for 3.0 * Improve install instructions * Update to support browserlist * Upgrade dependencies * Fix misnamed property * V3 darkmode (#619) Added dark mode styles * Casper final refinements batch 1 * Casper final refinements batch 2 * Fixed bookmark card hover bug * Fixed header social links * Updated screenshots * Updated readme no issue - refreshed screenshot * Udpate screenshot in readme no issue * 3.0.0-beta.2 * Fixed cut header for post cards no issue * 3.0.0-beta.3 * 3.0.0-beta.4 * Updated current version and previous version logic (#554) no issue - Use current version from `package.json` instead of `npm_package_version` env variable - Use `release.tag_name` instead of `release.name` for previous version * Updated jQuery to 3.4.1 to avoid known vulnerabilities (#590) no issue https://snyk.io/vuln/npm:jquery?lh=3.2.1&utm_source=lighthouse&utm_medium=ref&utm_campaign=audit * Fixed code cards with long lines from being too wide no issue Credits - https://github.com/TryGhost/Casper/pull/602 * Bumped gscan version to v3.0.0 (#621) * Bumped gscan to v3.0.0 - This also fixes failing CI builds because the default rules that are being checked were for v2 * Added explicit version check for gscan command * Added member subscription support (#623) * Added member subscription support no issue * Added member subscription success message no issue * Added member subscription overlay * Refined members subscription overlay * Deleted unused website icon * Ran CSSComb * Updated built assets * 3.0.0-beta.5 * Updated built assets for v3 no issue * 3.0.0-beta.6 * Remove unused partial * V3 cleanup (#625) * Removed unused infinity icon * Removed unused location icon * Removed unused 'point' icon * Removed unused Ghost logo icon * Removed unused author partials * Cleaned up index log * Fixed responsive feature image sizes for page template
2019-10-21 05:43:34 +00:00
}
2021-03-03 02:48:32 +00:00
.author-avatar {
display: block;
overflow: hidden;
margin: 0 -4px;
2022-05-20 07:19:34 +00:00
width: min(56px, 13.6vmin);
height: min(56px, 13.6vmin);
2021-03-03 02:48:32 +00:00
border: #fff 2px solid;
2022-05-16 05:41:54 +00:00
border-radius: 50%;
2022-05-20 13:15:27 +00:00
background-color: var(--color-border);
}
2021-03-10 03:02:35 +00:00
.page-template .article-title {
margin-bottom: 0;
}
2022-05-20 13:15:27 +00:00
@media (max-width: 767px) {
.article-byline-content .author-list {
padding-right: 12px;
}
.article-byline-meta .author-name {
margin-bottom: 4px;
}
}
V3 (#626) * Changed {{code}} to {{statusCode}} refs https://github.com/TryGhost/gscan/commit/2ebd9feeee20c084a1d4ab84e5100cdb1e1400de - {{code}} use has been deprecated in canary rule set of gscan * V3 Update * Update package and readme for 3.0 * Improve install instructions * Update to support browserlist * Upgrade dependencies * Fix misnamed property * V3 darkmode (#619) Added dark mode styles * Casper final refinements batch 1 * Casper final refinements batch 2 * Fixed bookmark card hover bug * Fixed header social links * Updated screenshots * Updated readme no issue - refreshed screenshot * Udpate screenshot in readme no issue * 3.0.0-beta.2 * Fixed cut header for post cards no issue * 3.0.0-beta.3 * 3.0.0-beta.4 * Updated current version and previous version logic (#554) no issue - Use current version from `package.json` instead of `npm_package_version` env variable - Use `release.tag_name` instead of `release.name` for previous version * Updated jQuery to 3.4.1 to avoid known vulnerabilities (#590) no issue https://snyk.io/vuln/npm:jquery?lh=3.2.1&utm_source=lighthouse&utm_medium=ref&utm_campaign=audit * Fixed code cards with long lines from being too wide no issue Credits - https://github.com/TryGhost/Casper/pull/602 * Bumped gscan version to v3.0.0 (#621) * Bumped gscan to v3.0.0 - This also fixes failing CI builds because the default rules that are being checked were for v2 * Added explicit version check for gscan command * Added member subscription support (#623) * Added member subscription support no issue * Added member subscription success message no issue * Added member subscription overlay * Refined members subscription overlay * Deleted unused website icon * Ran CSSComb * Updated built assets * 3.0.0-beta.5 * Updated built assets for v3 no issue * 3.0.0-beta.6 * Remove unused partial * V3 cleanup (#625) * Removed unused infinity icon * Removed unused location icon * Removed unused 'point' icon * Removed unused Ghost logo icon * Removed unused author partials * Cleaned up index log * Fixed responsive feature image sizes for page template
2019-10-21 05:43:34 +00:00
/* 6.2. Subscribe
/* ---------------------------------------------------------- */
.footer-cta {
position: relative;
text-align: center;
2021-11-05 12:14:53 +00:00
}
2022-05-16 05:41:54 +00:00
.footer-cta-title {
2022-05-20 13:15:27 +00:00
margin: 0 0 min(24px, 6.4vmin);
2022-05-20 07:19:34 +00:00
font-size: clamp(2.6rem, 5vw, 3.8rem);
2022-05-16 05:41:54 +00:00
font-weight: 800;
}
V3 (#626) * Changed {{code}} to {{statusCode}} refs https://github.com/TryGhost/gscan/commit/2ebd9feeee20c084a1d4ab84e5100cdb1e1400de - {{code}} use has been deprecated in canary rule set of gscan * V3 Update * Update package and readme for 3.0 * Improve install instructions * Update to support browserlist * Upgrade dependencies * Fix misnamed property * V3 darkmode (#619) Added dark mode styles * Casper final refinements batch 1 * Casper final refinements batch 2 * Fixed bookmark card hover bug * Fixed header social links * Updated screenshots * Updated readme no issue - refreshed screenshot * Udpate screenshot in readme no issue * 3.0.0-beta.2 * Fixed cut header for post cards no issue * 3.0.0-beta.3 * 3.0.0-beta.4 * Updated current version and previous version logic (#554) no issue - Use current version from `package.json` instead of `npm_package_version` env variable - Use `release.tag_name` instead of `release.name` for previous version * Updated jQuery to 3.4.1 to avoid known vulnerabilities (#590) no issue https://snyk.io/vuln/npm:jquery?lh=3.2.1&utm_source=lighthouse&utm_medium=ref&utm_campaign=audit * Fixed code cards with long lines from being too wide no issue Credits - https://github.com/TryGhost/Casper/pull/602 * Bumped gscan version to v3.0.0 (#621) * Bumped gscan to v3.0.0 - This also fixes failing CI builds because the default rules that are being checked were for v2 * Added explicit version check for gscan command * Added member subscription support (#623) * Added member subscription support no issue * Added member subscription success message no issue * Added member subscription overlay * Refined members subscription overlay * Deleted unused website icon * Ran CSSComb * Updated built assets * 3.0.0-beta.5 * Updated built assets for v3 no issue * 3.0.0-beta.6 * Remove unused partial * V3 cleanup (#625) * Removed unused infinity icon * Removed unused location icon * Removed unused 'point' icon * Removed unused Ghost logo icon * Removed unused author partials * Cleaned up index log * Fixed responsive feature image sizes for page template
2019-10-21 05:43:34 +00:00
2022-05-19 15:07:45 +00:00
.has-serif-title .footer-cta-title {
font-family: var(--font-serif);
}
.footer-cta-button {
position: relative;
display: inline-flex;
align-items: center;
justify-content: space-between;
width: 100%;
max-width: 500px;
padding: 5px 5px 5px 15px;
2022-05-16 05:41:54 +00:00
font-size: 1.7rem;
color: var(--color-secondary-text);
background: #fff;
2022-05-16 05:41:54 +00:00
border: 1px solid var(--color-border);
border-radius: 8px;
2022-05-16 05:41:54 +00:00
transition: border-color 0.2s;
}
2022-05-16 05:41:54 +00:00
.footer-cta-button:hover {
border-color: color-mod(var(--color-border) l(-12%));
2021-11-05 12:14:53 +00:00
}
.footer-cta-button span {
display: inline-block;
2022-05-16 05:41:54 +00:00
padding: 9px 15px;
color: #fff;
2022-05-16 05:41:54 +00:00
font-size: 1.6rem;
font-weight: 600;
letter-spacing: -0.005em;
background: var(--ghost-accent-color);
2022-05-16 05:41:54 +00:00
border-radius: 6px;
}
/* 6.3. Read more
2021-03-03 02:48:32 +00:00
/* ---------------------------------------------------------- */
2021-03-03 02:48:32 +00:00
.read-more-wrap {
margin-top: 2.4vmin;
}
.footer-cta + .read-more-wrap {
2022-05-20 13:15:27 +00:00
margin-top: max(12vmin, 72px);
}
2021-03-03 02:48:32 +00:00
.read-more {
display: grid;
2022-05-16 05:41:54 +00:00
grid-template-columns: repeat(6, 1fr);
2021-03-03 02:48:32 +00:00
grid-gap: 4vmin;
}
2022-05-26 09:41:59 +00:00
.read-more .post-card-tags {
display: none;
}
2021-03-03 02:48:32 +00:00
@media (max-width: 1000px) {
.read-more {
2022-05-16 05:41:54 +00:00
grid-template-columns: repeat(4, 1fr);
}
2022-05-16 05:41:54 +00:00
.read-more .post-card:nth-child(3) {
2021-03-03 02:48:32 +00:00
display: none;
}
2021-03-03 02:48:32 +00:00
}
2021-03-03 02:48:32 +00:00
@media (max-width: 700px) {
.read-more {
2022-05-16 05:41:54 +00:00
grid-template-columns: repeat(2, 1fr);
}
2022-05-16 05:41:54 +00:00
.read-more .post-card:nth-child(2) {
2021-03-03 02:48:32 +00:00
display: none;
}
}
/* 6.4. Comments
/* ---------------------------------------------------------- */
.comments {
display: flex;
flex-direction: column;
align-items: center;
margin: 60px 0 44px;
}
.comments-head {
display: flex;
align-items: baseline;
justify-content: space-between;
margin-bottom: 32px;
width: 100%;
max-width: 720px;
}
.comments h2 {
width: 100%;
max-width: 720px;
font-weight: 800;
font-size: 3.4rem;
}
.comments .comment-count {
color: var(--color-midgrey);
font-weight: 600;
white-space: nowrap;
}
.comments #ghost-comments-root {
width: 100%;
max-width: 720px;
}
2021-03-03 02:48:32 +00:00
/* 7. Author Template
2017-06-16 08:17:11 +00:00
/* ---------------------------------------------------------- */
2021-03-04 22:22:45 +00:00
.author-profile-pic {
display: block;
2022-05-16 04:08:19 +00:00
width: 80px;
height: 80px;
2021-03-04 22:22:45 +00:00
object-fit: cover;
margin: 0 0 2rem;
background: color-mod(var(--color-lightgrey) l(+10%));
border-radius: 50%;
V3 (#626) * Changed {{code}} to {{statusCode}} refs https://github.com/TryGhost/gscan/commit/2ebd9feeee20c084a1d4ab84e5100cdb1e1400de - {{code}} use has been deprecated in canary rule set of gscan * V3 Update * Update package and readme for 3.0 * Improve install instructions * Update to support browserlist * Upgrade dependencies * Fix misnamed property * V3 darkmode (#619) Added dark mode styles * Casper final refinements batch 1 * Casper final refinements batch 2 * Fixed bookmark card hover bug * Fixed header social links * Updated screenshots * Updated readme no issue - refreshed screenshot * Udpate screenshot in readme no issue * 3.0.0-beta.2 * Fixed cut header for post cards no issue * 3.0.0-beta.3 * 3.0.0-beta.4 * Updated current version and previous version logic (#554) no issue - Use current version from `package.json` instead of `npm_package_version` env variable - Use `release.tag_name` instead of `release.name` for previous version * Updated jQuery to 3.4.1 to avoid known vulnerabilities (#590) no issue https://snyk.io/vuln/npm:jquery?lh=3.2.1&utm_source=lighthouse&utm_medium=ref&utm_campaign=audit * Fixed code cards with long lines from being too wide no issue Credits - https://github.com/TryGhost/Casper/pull/602 * Bumped gscan version to v3.0.0 (#621) * Bumped gscan to v3.0.0 - This also fixes failing CI builds because the default rules that are being checked were for v2 * Added explicit version check for gscan command * Added member subscription support (#623) * Added member subscription support no issue * Added member subscription success message no issue * Added member subscription overlay * Refined members subscription overlay * Deleted unused website icon * Ran CSSComb * Updated built assets * 3.0.0-beta.5 * Updated built assets for v3 no issue * 3.0.0-beta.6 * Remove unused partial * V3 cleanup (#625) * Removed unused infinity icon * Removed unused location icon * Removed unused 'point' icon * Removed unused Ghost logo icon * Removed unused author partials * Cleaned up index log * Fixed responsive feature image sizes for page template
2019-10-21 05:43:34 +00:00
}
2022-05-16 04:08:19 +00:00
.author-profile-footer {
margin-top: 16px;
V3 (#626) * Changed {{code}} to {{statusCode}} refs https://github.com/TryGhost/gscan/commit/2ebd9feeee20c084a1d4ab84e5100cdb1e1400de - {{code}} use has been deprecated in canary rule set of gscan * V3 Update * Update package and readme for 3.0 * Improve install instructions * Update to support browserlist * Upgrade dependencies * Fix misnamed property * V3 darkmode (#619) Added dark mode styles * Casper final refinements batch 1 * Casper final refinements batch 2 * Fixed bookmark card hover bug * Fixed header social links * Updated screenshots * Updated readme no issue - refreshed screenshot * Udpate screenshot in readme no issue * 3.0.0-beta.2 * Fixed cut header for post cards no issue * 3.0.0-beta.3 * 3.0.0-beta.4 * Updated current version and previous version logic (#554) no issue - Use current version from `package.json` instead of `npm_package_version` env variable - Use `release.tag_name` instead of `release.name` for previous version * Updated jQuery to 3.4.1 to avoid known vulnerabilities (#590) no issue https://snyk.io/vuln/npm:jquery?lh=3.2.1&utm_source=lighthouse&utm_medium=ref&utm_campaign=audit * Fixed code cards with long lines from being too wide no issue Credits - https://github.com/TryGhost/Casper/pull/602 * Bumped gscan version to v3.0.0 (#621) * Bumped gscan to v3.0.0 - This also fixes failing CI builds because the default rules that are being checked were for v2 * Added explicit version check for gscan command * Added member subscription support (#623) * Added member subscription support no issue * Added member subscription success message no issue * Added member subscription overlay * Refined members subscription overlay * Deleted unused website icon * Ran CSSComb * Updated built assets * 3.0.0-beta.5 * Updated built assets for v3 no issue * 3.0.0-beta.6 * Remove unused partial * V3 cleanup (#625) * Removed unused infinity icon * Removed unused location icon * Removed unused 'point' icon * Removed unused Ghost logo icon * Removed unused author partials * Cleaned up index log * Fixed responsive feature image sizes for page template
2019-10-21 05:43:34 +00:00
}
2021-03-04 22:22:45 +00:00
.author-profile-location {
font-weight: 700;
2017-06-13 12:48:06 +00:00
}
2022-05-16 04:08:19 +00:00
.author-profile-meta {
display: flex;
gap: 10px;
}
2021-03-04 22:22:45 +00:00
.author-profile-social-link {
font-size: 1.3rem;
2022-05-16 04:08:19 +00:00
color: var(--color-secondary-text);
2017-06-13 12:48:06 +00:00
}
2021-03-04 22:22:45 +00:00
.author-profile-social-link:hover {
color: var(--color-darkgrey);
}
2022-05-16 04:08:19 +00:00
.author-profile-social-link svg {
width: 16px;
height: 16px;
2017-06-16 12:16:22 +00:00
}
@media (min-width: 1001px) {
2022-11-11 03:30:32 +00:00
.author-template .post-card-large .post-card-content:only-child {
grid-column: span 2;
max-width: 640px;
}
}
2017-06-13 12:48:06 +00:00
2021-03-04 23:31:29 +00:00
/* 8. Tag Template
/* ---------------------------------------------------------- */
.tag-template .post-card-large .post-card-image-link {
grid-column: 2 / span 2;
order: 2;
}
.tag-template .post-card-large .post-card-content {
order: 1;
}
@media (min-width: 1001px) {
2022-11-11 03:30:32 +00:00
.tag-template .post-card-large .post-card-content:only-child {
grid-column: span 2;
max-width: 640px;
}
}
2021-03-04 23:31:29 +00:00
2017-06-16 08:17:11 +00:00
/* 9. Error Template
/* ---------------------------------------------------------- */
2017-06-13 12:48:06 +00:00
.error-content {
2022-05-20 13:15:27 +00:00
padding: 14vw 4vw 2vw;
2017-06-13 12:48:06 +00:00
}
.error-message {
padding-bottom: 10vw;
2017-06-13 12:48:06 +00:00
text-align: center;
}
.error-code {
margin: 0;
font-size: 12vw;
line-height: 1em;
letter-spacing: -5px;
}
.error-description {
margin: 0;
2022-05-20 13:15:27 +00:00
color: var(--color-secondary-text);
2021-03-04 22:22:45 +00:00
font-size: 3.2rem;
2017-06-13 12:48:06 +00:00
line-height: 1.3em;
2022-05-20 13:15:27 +00:00
letter-spacing: -0.005em;
2017-06-13 12:48:06 +00:00
font-weight: 400;
}
.error-link {
display: inline-block;
margin-top: 5px;
}
@media (min-width: 940px) {
.error-content .post-card {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
}
2017-06-13 12:48:06 +00:00
@media (max-width: 800px) {
.error-content {
padding-top: 24vw;
}
.error-code {
font-size: 11.2rem;
}
.error-message {
padding-bottom: 16vw;
}
2017-06-13 12:48:06 +00:00
.error-description {
margin: 5px 0 0 0;
font-size: 1.8rem;
}
}
@media (max-width: 500px) {
.error-content {
padding-top: 28vw;
}
.error-message {
padding-bottom: 14vw;
}
2017-06-13 12:48:06 +00:00
}
2017-06-15 14:03:19 +00:00
/* 10. Site Footer
2017-06-16 08:17:11 +00:00
/* ---------------------------------------------------------- */
.site-footer {
position: relative;
2022-05-20 13:15:27 +00:00
margin: max(12vmin, 64px) 0 0 0;
2022-05-16 05:41:54 +00:00
padding-top: 48px;
padding-bottom: 140px;
2017-06-16 08:17:11 +00:00
color: #fff;
2021-03-03 02:48:32 +00:00
background: color-mod(var(--color-darkgrey) l(-5%));
2017-06-16 08:17:11 +00:00
}
2021-03-04 22:22:45 +00:00
.site-footer .inner {
display: grid;
grid-gap: 40px;
grid-template-columns: auto 1fr auto;
2017-06-16 08:17:11 +00:00
color: rgba(255,255,255,0.7);
font-size: 1.3rem;
}
2021-03-04 22:22:45 +00:00
.site-footer .copyright a {
color: #fff;
letter-spacing: -0.015em;
font-weight: 500;
}
.site-footer a {
color: rgba(255,255,255,0.7);
2017-06-16 08:17:11 +00:00
}
2021-03-04 22:22:45 +00:00
.site-footer a:hover {
2017-06-16 08:17:11 +00:00
color: rgba(255,255,255,1);
text-decoration: none;
}
2021-03-04 22:22:45 +00:00
.site-footer-nav ul {
2017-06-16 08:17:11 +00:00
display: flex;
2021-03-04 22:22:45 +00:00
justify-content: center;
flex-wrap: wrap;
margin: 0 0 20px;
padding: 0;
list-style: none;
}
.site-footer-nav li {
display: inline-flex;
align-items: center;
padding: 0;
margin: 0;
line-height: 2em;
2017-06-16 08:17:11 +00:00
}
.site-footer-nav a {
position: relative;
2021-03-04 22:22:45 +00:00
display: inline-flex;
align-items: center;
margin-left: 10px;
2017-06-16 08:17:11 +00:00
}
2021-03-04 22:22:45 +00:00
.site-footer-nav li:not(:first-child) a:before {
2017-06-16 08:17:11 +00:00
content: "";
2017-06-16 08:44:12 +00:00
display: block;
width: 2px;
height: 2px;
2021-03-04 22:22:45 +00:00
margin: 0 10px 0 0;
2017-06-16 08:17:11 +00:00
background: #fff;
2017-06-16 08:44:12 +00:00
border-radius: 100%;
2017-06-16 08:17:11 +00:00
}
2022-05-20 07:19:34 +00:00
@media (max-width: 767px) {
2021-03-04 22:22:45 +00:00
.site-footer .inner {
max-width: 500px;
grid-template-columns: 1fr;
grid-gap: 0;
text-align: center;
2017-06-16 12:16:22 +00:00
}
2021-03-04 22:22:45 +00:00
.site-footer .copyright,
.site-footer .copyright a {
color: #fff;
font-size: 1.5rem;
2017-06-16 12:16:22 +00:00
}
2022-05-20 07:19:34 +00:00
.site-footer .copyright {
margin-bottom: 16px;
}
V3 (#626) * Changed {{code}} to {{statusCode}} refs https://github.com/TryGhost/gscan/commit/2ebd9feeee20c084a1d4ab84e5100cdb1e1400de - {{code}} use has been deprecated in canary rule set of gscan * V3 Update * Update package and readme for 3.0 * Improve install instructions * Update to support browserlist * Upgrade dependencies * Fix misnamed property * V3 darkmode (#619) Added dark mode styles * Casper final refinements batch 1 * Casper final refinements batch 2 * Fixed bookmark card hover bug * Fixed header social links * Updated screenshots * Updated readme no issue - refreshed screenshot * Udpate screenshot in readme no issue * 3.0.0-beta.2 * Fixed cut header for post cards no issue * 3.0.0-beta.3 * 3.0.0-beta.4 * Updated current version and previous version logic (#554) no issue - Use current version from `package.json` instead of `npm_package_version` env variable - Use `release.tag_name` instead of `release.name` for previous version * Updated jQuery to 3.4.1 to avoid known vulnerabilities (#590) no issue https://snyk.io/vuln/npm:jquery?lh=3.2.1&utm_source=lighthouse&utm_medium=ref&utm_campaign=audit * Fixed code cards with long lines from being too wide no issue Credits - https://github.com/TryGhost/Casper/pull/602 * Bumped gscan version to v3.0.0 (#621) * Bumped gscan to v3.0.0 - This also fixes failing CI builds because the default rules that are being checked were for v2 * Added explicit version check for gscan command * Added member subscription support (#623) * Added member subscription support no issue * Added member subscription success message no issue * Added member subscription overlay * Refined members subscription overlay * Deleted unused website icon * Ran CSSComb * Updated built assets * 3.0.0-beta.5 * Updated built assets for v3 no issue * 3.0.0-beta.6 * Remove unused partial * V3 cleanup (#625) * Removed unused infinity icon * Removed unused location icon * Removed unused 'point' icon * Removed unused Ghost logo icon * Removed unused author partials * Cleaned up index log * Fixed responsive feature image sizes for page template
2019-10-21 05:43:34 +00:00
}
/* 11. Dark Mode
V3 (#626) * Changed {{code}} to {{statusCode}} refs https://github.com/TryGhost/gscan/commit/2ebd9feeee20c084a1d4ab84e5100cdb1e1400de - {{code}} use has been deprecated in canary rule set of gscan * V3 Update * Update package and readme for 3.0 * Improve install instructions * Update to support browserlist * Upgrade dependencies * Fix misnamed property * V3 darkmode (#619) Added dark mode styles * Casper final refinements batch 1 * Casper final refinements batch 2 * Fixed bookmark card hover bug * Fixed header social links * Updated screenshots * Updated readme no issue - refreshed screenshot * Udpate screenshot in readme no issue * 3.0.0-beta.2 * Fixed cut header for post cards no issue * 3.0.0-beta.3 * 3.0.0-beta.4 * Updated current version and previous version logic (#554) no issue - Use current version from `package.json` instead of `npm_package_version` env variable - Use `release.tag_name` instead of `release.name` for previous version * Updated jQuery to 3.4.1 to avoid known vulnerabilities (#590) no issue https://snyk.io/vuln/npm:jquery?lh=3.2.1&utm_source=lighthouse&utm_medium=ref&utm_campaign=audit * Fixed code cards with long lines from being too wide no issue Credits - https://github.com/TryGhost/Casper/pull/602 * Bumped gscan version to v3.0.0 (#621) * Bumped gscan to v3.0.0 - This also fixes failing CI builds because the default rules that are being checked were for v2 * Added explicit version check for gscan command * Added member subscription support (#623) * Added member subscription support no issue * Added member subscription success message no issue * Added member subscription overlay * Refined members subscription overlay * Deleted unused website icon * Ran CSSComb * Updated built assets * 3.0.0-beta.5 * Updated built assets for v3 no issue * 3.0.0-beta.6 * Remove unused partial * V3 cleanup (#625) * Removed unused infinity icon * Removed unused location icon * Removed unused 'point' icon * Removed unused Ghost logo icon * Removed unused author partials * Cleaned up index log * Fixed responsive feature image sizes for page template
2019-10-21 05:43:34 +00:00
/* ---------------------------------------------------------- */
2021-03-03 02:48:32 +00:00
html.dark-mode body {
color: rgba(255, 255, 255, 0.75);
background: var(--color-darkmode);
2021-03-03 02:48:32 +00:00
}
V3 (#626) * Changed {{code}} to {{statusCode}} refs https://github.com/TryGhost/gscan/commit/2ebd9feeee20c084a1d4ab84e5100cdb1e1400de - {{code}} use has been deprecated in canary rule set of gscan * V3 Update * Update package and readme for 3.0 * Improve install instructions * Update to support browserlist * Upgrade dependencies * Fix misnamed property * V3 darkmode (#619) Added dark mode styles * Casper final refinements batch 1 * Casper final refinements batch 2 * Fixed bookmark card hover bug * Fixed header social links * Updated screenshots * Updated readme no issue - refreshed screenshot * Udpate screenshot in readme no issue * 3.0.0-beta.2 * Fixed cut header for post cards no issue * 3.0.0-beta.3 * 3.0.0-beta.4 * Updated current version and previous version logic (#554) no issue - Use current version from `package.json` instead of `npm_package_version` env variable - Use `release.tag_name` instead of `release.name` for previous version * Updated jQuery to 3.4.1 to avoid known vulnerabilities (#590) no issue https://snyk.io/vuln/npm:jquery?lh=3.2.1&utm_source=lighthouse&utm_medium=ref&utm_campaign=audit * Fixed code cards with long lines from being too wide no issue Credits - https://github.com/TryGhost/Casper/pull/602 * Bumped gscan version to v3.0.0 (#621) * Bumped gscan to v3.0.0 - This also fixes failing CI builds because the default rules that are being checked were for v2 * Added explicit version check for gscan command * Added member subscription support (#623) * Added member subscription support no issue * Added member subscription success message no issue * Added member subscription overlay * Refined members subscription overlay * Deleted unused website icon * Ran CSSComb * Updated built assets * 3.0.0-beta.5 * Updated built assets for v3 no issue * 3.0.0-beta.6 * Remove unused partial * V3 cleanup (#625) * Removed unused infinity icon * Removed unused location icon * Removed unused 'point' icon * Removed unused Ghost logo icon * Removed unused author partials * Cleaned up index log * Fixed responsive feature image sizes for page template
2019-10-21 05:43:34 +00:00
2021-03-03 02:48:32 +00:00
html.dark-mode img {
opacity: 0.9;
}
V3 (#626) * Changed {{code}} to {{statusCode}} refs https://github.com/TryGhost/gscan/commit/2ebd9feeee20c084a1d4ab84e5100cdb1e1400de - {{code}} use has been deprecated in canary rule set of gscan * V3 Update * Update package and readme for 3.0 * Improve install instructions * Update to support browserlist * Upgrade dependencies * Fix misnamed property * V3 darkmode (#619) Added dark mode styles * Casper final refinements batch 1 * Casper final refinements batch 2 * Fixed bookmark card hover bug * Fixed header social links * Updated screenshots * Updated readme no issue - refreshed screenshot * Udpate screenshot in readme no issue * 3.0.0-beta.2 * Fixed cut header for post cards no issue * 3.0.0-beta.3 * 3.0.0-beta.4 * Updated current version and previous version logic (#554) no issue - Use current version from `package.json` instead of `npm_package_version` env variable - Use `release.tag_name` instead of `release.name` for previous version * Updated jQuery to 3.4.1 to avoid known vulnerabilities (#590) no issue https://snyk.io/vuln/npm:jquery?lh=3.2.1&utm_source=lighthouse&utm_medium=ref&utm_campaign=audit * Fixed code cards with long lines from being too wide no issue Credits - https://github.com/TryGhost/Casper/pull/602 * Bumped gscan version to v3.0.0 (#621) * Bumped gscan to v3.0.0 - This also fixes failing CI builds because the default rules that are being checked were for v2 * Added explicit version check for gscan command * Added member subscription support (#623) * Added member subscription support no issue * Added member subscription success message no issue * Added member subscription overlay * Refined members subscription overlay * Deleted unused website icon * Ran CSSComb * Updated built assets * 3.0.0-beta.5 * Updated built assets for v3 no issue * 3.0.0-beta.6 * Remove unused partial * V3 cleanup (#625) * Removed unused infinity icon * Removed unused location icon * Removed unused 'point' icon * Removed unused Ghost logo icon * Removed unused author partials * Cleaned up index log * Fixed responsive feature image sizes for page template
2019-10-21 05:43:34 +00:00
2022-01-03 04:08:16 +00:00
html.dark-mode kbd {
background: color-mod(var(--color-darkmode) l(+5%));
}
2022-05-18 10:35:58 +00:00
html.dark-mode figcaption a {
color: #fff;
2021-03-03 02:48:32 +00:00
}
V3 (#626) * Changed {{code}} to {{statusCode}} refs https://github.com/TryGhost/gscan/commit/2ebd9feeee20c084a1d4ab84e5100cdb1e1400de - {{code}} use has been deprecated in canary rule set of gscan * V3 Update * Update package and readme for 3.0 * Improve install instructions * Update to support browserlist * Upgrade dependencies * Fix misnamed property * V3 darkmode (#619) Added dark mode styles * Casper final refinements batch 1 * Casper final refinements batch 2 * Fixed bookmark card hover bug * Fixed header social links * Updated screenshots * Updated readme no issue - refreshed screenshot * Udpate screenshot in readme no issue * 3.0.0-beta.2 * Fixed cut header for post cards no issue * 3.0.0-beta.3 * 3.0.0-beta.4 * Updated current version and previous version logic (#554) no issue - Use current version from `package.json` instead of `npm_package_version` env variable - Use `release.tag_name` instead of `release.name` for previous version * Updated jQuery to 3.4.1 to avoid known vulnerabilities (#590) no issue https://snyk.io/vuln/npm:jquery?lh=3.2.1&utm_source=lighthouse&utm_medium=ref&utm_campaign=audit * Fixed code cards with long lines from being too wide no issue Credits - https://github.com/TryGhost/Casper/pull/602 * Bumped gscan version to v3.0.0 (#621) * Bumped gscan to v3.0.0 - This also fixes failing CI builds because the default rules that are being checked were for v2 * Added explicit version check for gscan command * Added member subscription support (#623) * Added member subscription support no issue * Added member subscription success message no issue * Added member subscription overlay * Refined members subscription overlay * Deleted unused website icon * Ran CSSComb * Updated built assets * 3.0.0-beta.5 * Updated built assets for v3 no issue * 3.0.0-beta.6 * Remove unused partial * V3 cleanup (#625) * Removed unused infinity icon * Removed unused location icon * Removed unused 'point' icon * Removed unused Ghost logo icon * Removed unused author partials * Cleaned up index log * Fixed responsive feature image sizes for page template
2019-10-21 05:43:34 +00:00
html.dark-mode body:not(.has-cover) .gh-head {
2022-05-18 10:35:58 +00:00
background: var(--color-darkmode);
color: #fff;
2021-03-03 02:48:32 +00:00
}
V3 (#626) * Changed {{code}} to {{statusCode}} refs https://github.com/TryGhost/gscan/commit/2ebd9feeee20c084a1d4ab84e5100cdb1e1400de - {{code}} use has been deprecated in canary rule set of gscan * V3 Update * Update package and readme for 3.0 * Improve install instructions * Update to support browserlist * Upgrade dependencies * Fix misnamed property * V3 darkmode (#619) Added dark mode styles * Casper final refinements batch 1 * Casper final refinements batch 2 * Fixed bookmark card hover bug * Fixed header social links * Updated screenshots * Updated readme no issue - refreshed screenshot * Udpate screenshot in readme no issue * 3.0.0-beta.2 * Fixed cut header for post cards no issue * 3.0.0-beta.3 * 3.0.0-beta.4 * Updated current version and previous version logic (#554) no issue - Use current version from `package.json` instead of `npm_package_version` env variable - Use `release.tag_name` instead of `release.name` for previous version * Updated jQuery to 3.4.1 to avoid known vulnerabilities (#590) no issue https://snyk.io/vuln/npm:jquery?lh=3.2.1&utm_source=lighthouse&utm_medium=ref&utm_campaign=audit * Fixed code cards with long lines from being too wide no issue Credits - https://github.com/TryGhost/Casper/pull/602 * Bumped gscan version to v3.0.0 (#621) * Bumped gscan to v3.0.0 - This also fixes failing CI builds because the default rules that are being checked were for v2 * Added explicit version check for gscan command * Added member subscription support (#623) * Added member subscription support no issue * Added member subscription success message no issue * Added member subscription overlay * Refined members subscription overlay * Deleted unused website icon * Ran CSSComb * Updated built assets * 3.0.0-beta.5 * Updated built assets for v3 no issue * 3.0.0-beta.6 * Remove unused partial * V3 cleanup (#625) * Removed unused infinity icon * Removed unused location icon * Removed unused 'point' icon * Removed unused Ghost logo icon * Removed unused author partials * Cleaned up index log * Fixed responsive feature image sizes for page template
2019-10-21 05:43:34 +00:00
html.dark-mode .gh-burger::before,
html.dark-mode .gh-burger::after {
background-color: #fff;
2022-05-20 13:37:00 +00:00
}
2022-05-18 10:35:58 +00:00
html.dark-mode .site-header-content {
2021-03-03 02:48:32 +00:00
color: #fff;
}
V3 (#626) * Changed {{code}} to {{statusCode}} refs https://github.com/TryGhost/gscan/commit/2ebd9feeee20c084a1d4ab84e5100cdb1e1400de - {{code}} use has been deprecated in canary rule set of gscan * V3 Update * Update package and readme for 3.0 * Improve install instructions * Update to support browserlist * Upgrade dependencies * Fix misnamed property * V3 darkmode (#619) Added dark mode styles * Casper final refinements batch 1 * Casper final refinements batch 2 * Fixed bookmark card hover bug * Fixed header social links * Updated screenshots * Updated readme no issue - refreshed screenshot * Udpate screenshot in readme no issue * 3.0.0-beta.2 * Fixed cut header for post cards no issue * 3.0.0-beta.3 * 3.0.0-beta.4 * Updated current version and previous version logic (#554) no issue - Use current version from `package.json` instead of `npm_package_version` env variable - Use `release.tag_name` instead of `release.name` for previous version * Updated jQuery to 3.4.1 to avoid known vulnerabilities (#590) no issue https://snyk.io/vuln/npm:jquery?lh=3.2.1&utm_source=lighthouse&utm_medium=ref&utm_campaign=audit * Fixed code cards with long lines from being too wide no issue Credits - https://github.com/TryGhost/Casper/pull/602 * Bumped gscan version to v3.0.0 (#621) * Bumped gscan to v3.0.0 - This also fixes failing CI builds because the default rules that are being checked were for v2 * Added explicit version check for gscan command * Added member subscription support (#623) * Added member subscription support no issue * Added member subscription success message no issue * Added member subscription overlay * Refined members subscription overlay * Deleted unused website icon * Ran CSSComb * Updated built assets * 3.0.0-beta.5 * Updated built assets for v3 no issue * 3.0.0-beta.6 * Remove unused partial * V3 cleanup (#625) * Removed unused infinity icon * Removed unused location icon * Removed unused 'point' icon * Removed unused Ghost logo icon * Removed unused author partials * Cleaned up index log * Fixed responsive feature image sizes for page template
2019-10-21 05:43:34 +00:00
2021-03-03 02:48:32 +00:00
html.dark-mode .post-card-image {
background: var(--color-darkmode);
}
V3 (#626) * Changed {{code}} to {{statusCode}} refs https://github.com/TryGhost/gscan/commit/2ebd9feeee20c084a1d4ab84e5100cdb1e1400de - {{code}} use has been deprecated in canary rule set of gscan * V3 Update * Update package and readme for 3.0 * Improve install instructions * Update to support browserlist * Upgrade dependencies * Fix misnamed property * V3 darkmode (#619) Added dark mode styles * Casper final refinements batch 1 * Casper final refinements batch 2 * Fixed bookmark card hover bug * Fixed header social links * Updated screenshots * Updated readme no issue - refreshed screenshot * Udpate screenshot in readme no issue * 3.0.0-beta.2 * Fixed cut header for post cards no issue * 3.0.0-beta.3 * 3.0.0-beta.4 * Updated current version and previous version logic (#554) no issue - Use current version from `package.json` instead of `npm_package_version` env variable - Use `release.tag_name` instead of `release.name` for previous version * Updated jQuery to 3.4.1 to avoid known vulnerabilities (#590) no issue https://snyk.io/vuln/npm:jquery?lh=3.2.1&utm_source=lighthouse&utm_medium=ref&utm_campaign=audit * Fixed code cards with long lines from being too wide no issue Credits - https://github.com/TryGhost/Casper/pull/602 * Bumped gscan version to v3.0.0 (#621) * Bumped gscan to v3.0.0 - This also fixes failing CI builds because the default rules that are being checked were for v2 * Added explicit version check for gscan command * Added member subscription support (#623) * Added member subscription support no issue * Added member subscription success message no issue * Added member subscription overlay * Refined members subscription overlay * Deleted unused website icon * Ran CSSComb * Updated built assets * 3.0.0-beta.5 * Updated built assets for v3 no issue * 3.0.0-beta.6 * Remove unused partial * V3 cleanup (#625) * Removed unused infinity icon * Removed unused location icon * Removed unused 'point' icon * Removed unused Ghost logo icon * Removed unused author partials * Cleaned up index log * Fixed responsive feature image sizes for page template
2019-10-21 05:43:34 +00:00
2022-12-15 02:00:58 +00:00
html.dark-mode :is(.post-card-tags, .post-card-meta, .article-tag a, .byline-meta-content, .pagination .page-number) {
2022-05-19 15:07:45 +00:00
color: color-mod(var(--color-secondary-text) l(-22%));
}
2022-05-26 05:31:16 +00:00
html.dark-mode .post-card-featured {
color: #fff;
}
2021-03-03 02:48:32 +00:00
html.dark-mode .post-card-title {
2022-05-18 10:35:58 +00:00
color: #fff;
2021-03-03 02:48:32 +00:00
}
V3 (#626) * Changed {{code}} to {{statusCode}} refs https://github.com/TryGhost/gscan/commit/2ebd9feeee20c084a1d4ab84e5100cdb1e1400de - {{code}} use has been deprecated in canary rule set of gscan * V3 Update * Update package and readme for 3.0 * Improve install instructions * Update to support browserlist * Upgrade dependencies * Fix misnamed property * V3 darkmode (#619) Added dark mode styles * Casper final refinements batch 1 * Casper final refinements batch 2 * Fixed bookmark card hover bug * Fixed header social links * Updated screenshots * Updated readme no issue - refreshed screenshot * Udpate screenshot in readme no issue * 3.0.0-beta.2 * Fixed cut header for post cards no issue * 3.0.0-beta.3 * 3.0.0-beta.4 * Updated current version and previous version logic (#554) no issue - Use current version from `package.json` instead of `npm_package_version` env variable - Use `release.tag_name` instead of `release.name` for previous version * Updated jQuery to 3.4.1 to avoid known vulnerabilities (#590) no issue https://snyk.io/vuln/npm:jquery?lh=3.2.1&utm_source=lighthouse&utm_medium=ref&utm_campaign=audit * Fixed code cards with long lines from being too wide no issue Credits - https://github.com/TryGhost/Casper/pull/602 * Bumped gscan version to v3.0.0 (#621) * Bumped gscan to v3.0.0 - This also fixes failing CI builds because the default rules that are being checked were for v2 * Added explicit version check for gscan command * Added member subscription support (#623) * Added member subscription support no issue * Added member subscription success message no issue * Added member subscription overlay * Refined members subscription overlay * Deleted unused website icon * Ran CSSComb * Updated built assets * 3.0.0-beta.5 * Updated built assets for v3 no issue * 3.0.0-beta.6 * Remove unused partial * V3 cleanup (#625) * Removed unused infinity icon * Removed unused location icon * Removed unused 'point' icon * Removed unused Ghost logo icon * Removed unused author partials * Cleaned up index log * Fixed responsive feature image sizes for page template
2019-10-21 05:43:34 +00:00
2021-03-03 02:48:32 +00:00
html.dark-mode .post-card-excerpt {
2022-05-18 10:35:58 +00:00
color: var(--color-secondary-text);
2021-03-03 02:48:32 +00:00
}
V3 (#626) * Changed {{code}} to {{statusCode}} refs https://github.com/TryGhost/gscan/commit/2ebd9feeee20c084a1d4ab84e5100cdb1e1400de - {{code}} use has been deprecated in canary rule set of gscan * V3 Update * Update package and readme for 3.0 * Improve install instructions * Update to support browserlist * Upgrade dependencies * Fix misnamed property * V3 darkmode (#619) Added dark mode styles * Casper final refinements batch 1 * Casper final refinements batch 2 * Fixed bookmark card hover bug * Fixed header social links * Updated screenshots * Updated readme no issue - refreshed screenshot * Udpate screenshot in readme no issue * 3.0.0-beta.2 * Fixed cut header for post cards no issue * 3.0.0-beta.3 * 3.0.0-beta.4 * Updated current version and previous version logic (#554) no issue - Use current version from `package.json` instead of `npm_package_version` env variable - Use `release.tag_name` instead of `release.name` for previous version * Updated jQuery to 3.4.1 to avoid known vulnerabilities (#590) no issue https://snyk.io/vuln/npm:jquery?lh=3.2.1&utm_source=lighthouse&utm_medium=ref&utm_campaign=audit * Fixed code cards with long lines from being too wide no issue Credits - https://github.com/TryGhost/Casper/pull/602 * Bumped gscan version to v3.0.0 (#621) * Bumped gscan to v3.0.0 - This also fixes failing CI builds because the default rules that are being checked were for v2 * Added explicit version check for gscan command * Added member subscription support (#623) * Added member subscription support no issue * Added member subscription success message no issue * Added member subscription overlay * Refined members subscription overlay * Deleted unused website icon * Ran CSSComb * Updated built assets * 3.0.0-beta.5 * Updated built assets for v3 no issue * 3.0.0-beta.6 * Remove unused partial * V3 cleanup (#625) * Removed unused infinity icon * Removed unused location icon * Removed unused 'point' icon * Removed unused Ghost logo icon * Removed unused author partials * Cleaned up index log * Fixed responsive feature image sizes for page template
2019-10-21 05:43:34 +00:00
2022-12-15 02:00:58 +00:00
html.dark-mode .pagination a {
color: #fff;
}
html.dark-mode .author-profile-location {
color: #fff;
}
html.dark-mode .author-profile-social-link:hover {
color: #fff;
}
2021-03-03 02:48:32 +00:00
html.dark-mode .article-title {
2022-05-18 10:35:58 +00:00
color: #fff;
2021-03-03 02:48:32 +00:00
}
V3 (#626) * Changed {{code}} to {{statusCode}} refs https://github.com/TryGhost/gscan/commit/2ebd9feeee20c084a1d4ab84e5100cdb1e1400de - {{code}} use has been deprecated in canary rule set of gscan * V3 Update * Update package and readme for 3.0 * Improve install instructions * Update to support browserlist * Upgrade dependencies * Fix misnamed property * V3 darkmode (#619) Added dark mode styles * Casper final refinements batch 1 * Casper final refinements batch 2 * Fixed bookmark card hover bug * Fixed header social links * Updated screenshots * Updated readme no issue - refreshed screenshot * Udpate screenshot in readme no issue * 3.0.0-beta.2 * Fixed cut header for post cards no issue * 3.0.0-beta.3 * 3.0.0-beta.4 * Updated current version and previous version logic (#554) no issue - Use current version from `package.json` instead of `npm_package_version` env variable - Use `release.tag_name` instead of `release.name` for previous version * Updated jQuery to 3.4.1 to avoid known vulnerabilities (#590) no issue https://snyk.io/vuln/npm:jquery?lh=3.2.1&utm_source=lighthouse&utm_medium=ref&utm_campaign=audit * Fixed code cards with long lines from being too wide no issue Credits - https://github.com/TryGhost/Casper/pull/602 * Bumped gscan version to v3.0.0 (#621) * Bumped gscan to v3.0.0 - This also fixes failing CI builds because the default rules that are being checked were for v2 * Added explicit version check for gscan command * Added member subscription support (#623) * Added member subscription support no issue * Added member subscription success message no issue * Added member subscription overlay * Refined members subscription overlay * Deleted unused website icon * Ran CSSComb * Updated built assets * 3.0.0-beta.5 * Updated built assets for v3 no issue * 3.0.0-beta.6 * Remove unused partial * V3 cleanup (#625) * Removed unused infinity icon * Removed unused location icon * Removed unused 'point' icon * Removed unused Ghost logo icon * Removed unused author partials * Cleaned up index log * Fixed responsive feature image sizes for page template
2019-10-21 05:43:34 +00:00
2021-03-03 02:48:32 +00:00
html.dark-mode .article-excerpt {
2022-05-18 10:35:58 +00:00
color: var(--color-secondary-text);
2021-03-03 02:48:32 +00:00
}
V3 (#626) * Changed {{code}} to {{statusCode}} refs https://github.com/TryGhost/gscan/commit/2ebd9feeee20c084a1d4ab84e5100cdb1e1400de - {{code}} use has been deprecated in canary rule set of gscan * V3 Update * Update package and readme for 3.0 * Improve install instructions * Update to support browserlist * Upgrade dependencies * Fix misnamed property * V3 darkmode (#619) Added dark mode styles * Casper final refinements batch 1 * Casper final refinements batch 2 * Fixed bookmark card hover bug * Fixed header social links * Updated screenshots * Updated readme no issue - refreshed screenshot * Udpate screenshot in readme no issue * 3.0.0-beta.2 * Fixed cut header for post cards no issue * 3.0.0-beta.3 * 3.0.0-beta.4 * Updated current version and previous version logic (#554) no issue - Use current version from `package.json` instead of `npm_package_version` env variable - Use `release.tag_name` instead of `release.name` for previous version * Updated jQuery to 3.4.1 to avoid known vulnerabilities (#590) no issue https://snyk.io/vuln/npm:jquery?lh=3.2.1&utm_source=lighthouse&utm_medium=ref&utm_campaign=audit * Fixed code cards with long lines from being too wide no issue Credits - https://github.com/TryGhost/Casper/pull/602 * Bumped gscan version to v3.0.0 (#621) * Bumped gscan to v3.0.0 - This also fixes failing CI builds because the default rules that are being checked were for v2 * Added explicit version check for gscan command * Added member subscription support (#623) * Added member subscription support no issue * Added member subscription success message no issue * Added member subscription overlay * Refined members subscription overlay * Deleted unused website icon * Ran CSSComb * Updated built assets * 3.0.0-beta.5 * Updated built assets for v3 no issue * 3.0.0-beta.6 * Remove unused partial * V3 cleanup (#625) * Removed unused infinity icon * Removed unused location icon * Removed unused 'point' icon * Removed unused Ghost logo icon * Removed unused author partials * Cleaned up index log * Fixed responsive feature image sizes for page template
2019-10-21 05:43:34 +00:00
2021-03-03 02:48:32 +00:00
html.dark-mode .post-full-image {
background-color: color-mod(var(--color-darkmode) l(+8%));
}
V3 (#626) * Changed {{code}} to {{statusCode}} refs https://github.com/TryGhost/gscan/commit/2ebd9feeee20c084a1d4ab84e5100cdb1e1400de - {{code}} use has been deprecated in canary rule set of gscan * V3 Update * Update package and readme for 3.0 * Improve install instructions * Update to support browserlist * Upgrade dependencies * Fix misnamed property * V3 darkmode (#619) Added dark mode styles * Casper final refinements batch 1 * Casper final refinements batch 2 * Fixed bookmark card hover bug * Fixed header social links * Updated screenshots * Updated readme no issue - refreshed screenshot * Udpate screenshot in readme no issue * 3.0.0-beta.2 * Fixed cut header for post cards no issue * 3.0.0-beta.3 * 3.0.0-beta.4 * Updated current version and previous version logic (#554) no issue - Use current version from `package.json` instead of `npm_package_version` env variable - Use `release.tag_name` instead of `release.name` for previous version * Updated jQuery to 3.4.1 to avoid known vulnerabilities (#590) no issue https://snyk.io/vuln/npm:jquery?lh=3.2.1&utm_source=lighthouse&utm_medium=ref&utm_campaign=audit * Fixed code cards with long lines from being too wide no issue Credits - https://github.com/TryGhost/Casper/pull/602 * Bumped gscan version to v3.0.0 (#621) * Bumped gscan to v3.0.0 - This also fixes failing CI builds because the default rules that are being checked were for v2 * Added explicit version check for gscan command * Added member subscription support (#623) * Added member subscription support no issue * Added member subscription success message no issue * Added member subscription overlay * Refined members subscription overlay * Deleted unused website icon * Ran CSSComb * Updated built assets * 3.0.0-beta.5 * Updated built assets for v3 no issue * 3.0.0-beta.6 * Remove unused partial * V3 cleanup (#625) * Removed unused infinity icon * Removed unused location icon * Removed unused 'point' icon * Removed unused Ghost logo icon * Removed unused author partials * Cleaned up index log * Fixed responsive feature image sizes for page template
2019-10-21 05:43:34 +00:00
2022-05-27 07:01:51 +00:00
html.dark-mode .author-avatar {
border-color: var(--color-darkmode);
background-color: color-mod(var(--color-darkmode) l(+8%));
}
html.dark-mode .author-profile-image {
opacity: 1;
}
html.dark-mode .author-profile-image path {
fill: var(--color-darkmode);
}
2022-05-18 10:35:58 +00:00
html.dark-mode .article-byline-meta .author-name a {
2021-03-03 02:48:32 +00:00
color: #fff;
}
V3 (#626) * Changed {{code}} to {{statusCode}} refs https://github.com/TryGhost/gscan/commit/2ebd9feeee20c084a1d4ab84e5100cdb1e1400de - {{code}} use has been deprecated in canary rule set of gscan * V3 Update * Update package and readme for 3.0 * Improve install instructions * Update to support browserlist * Upgrade dependencies * Fix misnamed property * V3 darkmode (#619) Added dark mode styles * Casper final refinements batch 1 * Casper final refinements batch 2 * Fixed bookmark card hover bug * Fixed header social links * Updated screenshots * Updated readme no issue - refreshed screenshot * Udpate screenshot in readme no issue * 3.0.0-beta.2 * Fixed cut header for post cards no issue * 3.0.0-beta.3 * 3.0.0-beta.4 * Updated current version and previous version logic (#554) no issue - Use current version from `package.json` instead of `npm_package_version` env variable - Use `release.tag_name` instead of `release.name` for previous version * Updated jQuery to 3.4.1 to avoid known vulnerabilities (#590) no issue https://snyk.io/vuln/npm:jquery?lh=3.2.1&utm_source=lighthouse&utm_medium=ref&utm_campaign=audit * Fixed code cards with long lines from being too wide no issue Credits - https://github.com/TryGhost/Casper/pull/602 * Bumped gscan version to v3.0.0 (#621) * Bumped gscan to v3.0.0 - This also fixes failing CI builds because the default rules that are being checked were for v2 * Added explicit version check for gscan command * Added member subscription support (#623) * Added member subscription support no issue * Added member subscription success message no issue * Added member subscription overlay * Refined members subscription overlay * Deleted unused website icon * Ran CSSComb * Updated built assets * 3.0.0-beta.5 * Updated built assets for v3 no issue * 3.0.0-beta.6 * Remove unused partial * V3 cleanup (#625) * Removed unused infinity icon * Removed unused location icon * Removed unused 'point' icon * Removed unused Ghost logo icon * Removed unused author partials * Cleaned up index log * Fixed responsive feature image sizes for page template
2019-10-21 05:43:34 +00:00
2021-03-03 02:48:32 +00:00
html.dark-mode .no-image .author-social-link a {
color: rgba(255, 255, 255, 0.75);
}
V3 (#626) * Changed {{code}} to {{statusCode}} refs https://github.com/TryGhost/gscan/commit/2ebd9feeee20c084a1d4ab84e5100cdb1e1400de - {{code}} use has been deprecated in canary rule set of gscan * V3 Update * Update package and readme for 3.0 * Improve install instructions * Update to support browserlist * Upgrade dependencies * Fix misnamed property * V3 darkmode (#619) Added dark mode styles * Casper final refinements batch 1 * Casper final refinements batch 2 * Fixed bookmark card hover bug * Fixed header social links * Updated screenshots * Updated readme no issue - refreshed screenshot * Udpate screenshot in readme no issue * 3.0.0-beta.2 * Fixed cut header for post cards no issue * 3.0.0-beta.3 * 3.0.0-beta.4 * Updated current version and previous version logic (#554) no issue - Use current version from `package.json` instead of `npm_package_version` env variable - Use `release.tag_name` instead of `release.name` for previous version * Updated jQuery to 3.4.1 to avoid known vulnerabilities (#590) no issue https://snyk.io/vuln/npm:jquery?lh=3.2.1&utm_source=lighthouse&utm_medium=ref&utm_campaign=audit * Fixed code cards with long lines from being too wide no issue Credits - https://github.com/TryGhost/Casper/pull/602 * Bumped gscan version to v3.0.0 (#621) * Bumped gscan to v3.0.0 - This also fixes failing CI builds because the default rules that are being checked were for v2 * Added explicit version check for gscan command * Added member subscription support (#623) * Added member subscription support no issue * Added member subscription success message no issue * Added member subscription overlay * Refined members subscription overlay * Deleted unused website icon * Ran CSSComb * Updated built assets * 3.0.0-beta.5 * Updated built assets for v3 no issue * 3.0.0-beta.6 * Remove unused partial * V3 cleanup (#625) * Removed unused infinity icon * Removed unused location icon * Removed unused 'point' icon * Removed unused Ghost logo icon * Removed unused author partials * Cleaned up index log * Fixed responsive feature image sizes for page template
2019-10-21 05:43:34 +00:00
2021-11-15 05:22:03 +00:00
html.dark-mode .gh-content > [id] {
2021-03-03 02:48:32 +00:00
color: rgba(255, 255, 255, 0.9);
}
V3 (#626) * Changed {{code}} to {{statusCode}} refs https://github.com/TryGhost/gscan/commit/2ebd9feeee20c084a1d4ab84e5100cdb1e1400de - {{code}} use has been deprecated in canary rule set of gscan * V3 Update * Update package and readme for 3.0 * Improve install instructions * Update to support browserlist * Upgrade dependencies * Fix misnamed property * V3 darkmode (#619) Added dark mode styles * Casper final refinements batch 1 * Casper final refinements batch 2 * Fixed bookmark card hover bug * Fixed header social links * Updated screenshots * Updated readme no issue - refreshed screenshot * Udpate screenshot in readme no issue * 3.0.0-beta.2 * Fixed cut header for post cards no issue * 3.0.0-beta.3 * 3.0.0-beta.4 * Updated current version and previous version logic (#554) no issue - Use current version from `package.json` instead of `npm_package_version` env variable - Use `release.tag_name` instead of `release.name` for previous version * Updated jQuery to 3.4.1 to avoid known vulnerabilities (#590) no issue https://snyk.io/vuln/npm:jquery?lh=3.2.1&utm_source=lighthouse&utm_medium=ref&utm_campaign=audit * Fixed code cards with long lines from being too wide no issue Credits - https://github.com/TryGhost/Casper/pull/602 * Bumped gscan version to v3.0.0 (#621) * Bumped gscan to v3.0.0 - This also fixes failing CI builds because the default rules that are being checked were for v2 * Added explicit version check for gscan command * Added member subscription support (#623) * Added member subscription support no issue * Added member subscription success message no issue * Added member subscription overlay * Refined members subscription overlay * Deleted unused website icon * Ran CSSComb * Updated built assets * 3.0.0-beta.5 * Updated built assets for v3 no issue * 3.0.0-beta.6 * Remove unused partial * V3 cleanup (#625) * Removed unused infinity icon * Removed unused location icon * Removed unused 'point' icon * Removed unused Ghost logo icon * Removed unused author partials * Cleaned up index log * Fixed responsive feature image sizes for page template
2019-10-21 05:43:34 +00:00
2021-04-01 04:58:41 +00:00
html.dark-mode .gh-content pre {
background: color-mod(var(--color-darkgrey) l(-8%));
}
html.dark-mode .gh-content :not(pre) > code {
background: color-mod(var(--color-darkgrey) l(+6%));
border-color: color-mod(var(--color-darkmode) l(+8%));
color: var(--color-wash);
}
:where(html.dark-mode) .gh-content a {
2021-03-03 02:48:32 +00:00
color: #fff;
}
V3 (#626) * Changed {{code}} to {{statusCode}} refs https://github.com/TryGhost/gscan/commit/2ebd9feeee20c084a1d4ab84e5100cdb1e1400de - {{code}} use has been deprecated in canary rule set of gscan * V3 Update * Update package and readme for 3.0 * Improve install instructions * Update to support browserlist * Upgrade dependencies * Fix misnamed property * V3 darkmode (#619) Added dark mode styles * Casper final refinements batch 1 * Casper final refinements batch 2 * Fixed bookmark card hover bug * Fixed header social links * Updated screenshots * Updated readme no issue - refreshed screenshot * Udpate screenshot in readme no issue * 3.0.0-beta.2 * Fixed cut header for post cards no issue * 3.0.0-beta.3 * 3.0.0-beta.4 * Updated current version and previous version logic (#554) no issue - Use current version from `package.json` instead of `npm_package_version` env variable - Use `release.tag_name` instead of `release.name` for previous version * Updated jQuery to 3.4.1 to avoid known vulnerabilities (#590) no issue https://snyk.io/vuln/npm:jquery?lh=3.2.1&utm_source=lighthouse&utm_medium=ref&utm_campaign=audit * Fixed code cards with long lines from being too wide no issue Credits - https://github.com/TryGhost/Casper/pull/602 * Bumped gscan version to v3.0.0 (#621) * Bumped gscan to v3.0.0 - This also fixes failing CI builds because the default rules that are being checked were for v2 * Added explicit version check for gscan command * Added member subscription support (#623) * Added member subscription support no issue * Added member subscription success message no issue * Added member subscription overlay * Refined members subscription overlay * Deleted unused website icon * Ran CSSComb * Updated built assets * 3.0.0-beta.5 * Updated built assets for v3 no issue * 3.0.0-beta.6 * Remove unused partial * V3 cleanup (#625) * Removed unused infinity icon * Removed unused location icon * Removed unused 'point' icon * Removed unused Ghost logo icon * Removed unused author partials * Cleaned up index log * Fixed responsive feature image sizes for page template
2019-10-21 05:43:34 +00:00
2021-11-05 12:14:53 +00:00
html.dark-mode .gh-content strong {
2021-03-03 02:48:32 +00:00
color: #fff;
}
V3 (#626) * Changed {{code}} to {{statusCode}} refs https://github.com/TryGhost/gscan/commit/2ebd9feeee20c084a1d4ab84e5100cdb1e1400de - {{code}} use has been deprecated in canary rule set of gscan * V3 Update * Update package and readme for 3.0 * Improve install instructions * Update to support browserlist * Upgrade dependencies * Fix misnamed property * V3 darkmode (#619) Added dark mode styles * Casper final refinements batch 1 * Casper final refinements batch 2 * Fixed bookmark card hover bug * Fixed header social links * Updated screenshots * Updated readme no issue - refreshed screenshot * Udpate screenshot in readme no issue * 3.0.0-beta.2 * Fixed cut header for post cards no issue * 3.0.0-beta.3 * 3.0.0-beta.4 * Updated current version and previous version logic (#554) no issue - Use current version from `package.json` instead of `npm_package_version` env variable - Use `release.tag_name` instead of `release.name` for previous version * Updated jQuery to 3.4.1 to avoid known vulnerabilities (#590) no issue https://snyk.io/vuln/npm:jquery?lh=3.2.1&utm_source=lighthouse&utm_medium=ref&utm_campaign=audit * Fixed code cards with long lines from being too wide no issue Credits - https://github.com/TryGhost/Casper/pull/602 * Bumped gscan version to v3.0.0 (#621) * Bumped gscan to v3.0.0 - This also fixes failing CI builds because the default rules that are being checked were for v2 * Added explicit version check for gscan command * Added member subscription support (#623) * Added member subscription support no issue * Added member subscription success message no issue * Added member subscription overlay * Refined members subscription overlay * Deleted unused website icon * Ran CSSComb * Updated built assets * 3.0.0-beta.5 * Updated built assets for v3 no issue * 3.0.0-beta.6 * Remove unused partial * V3 cleanup (#625) * Removed unused infinity icon * Removed unused location icon * Removed unused 'point' icon * Removed unused Ghost logo icon * Removed unused author partials * Cleaned up index log * Fixed responsive feature image sizes for page template
2019-10-21 05:43:34 +00:00
2021-11-05 12:14:53 +00:00
html.dark-mode .gh-content em {
2021-03-03 02:48:32 +00:00
color: #fff;
}
V3 (#626) * Changed {{code}} to {{statusCode}} refs https://github.com/TryGhost/gscan/commit/2ebd9feeee20c084a1d4ab84e5100cdb1e1400de - {{code}} use has been deprecated in canary rule set of gscan * V3 Update * Update package and readme for 3.0 * Improve install instructions * Update to support browserlist * Upgrade dependencies * Fix misnamed property * V3 darkmode (#619) Added dark mode styles * Casper final refinements batch 1 * Casper final refinements batch 2 * Fixed bookmark card hover bug * Fixed header social links * Updated screenshots * Updated readme no issue - refreshed screenshot * Udpate screenshot in readme no issue * 3.0.0-beta.2 * Fixed cut header for post cards no issue * 3.0.0-beta.3 * 3.0.0-beta.4 * Updated current version and previous version logic (#554) no issue - Use current version from `package.json` instead of `npm_package_version` env variable - Use `release.tag_name` instead of `release.name` for previous version * Updated jQuery to 3.4.1 to avoid known vulnerabilities (#590) no issue https://snyk.io/vuln/npm:jquery?lh=3.2.1&utm_source=lighthouse&utm_medium=ref&utm_campaign=audit * Fixed code cards with long lines from being too wide no issue Credits - https://github.com/TryGhost/Casper/pull/602 * Bumped gscan version to v3.0.0 (#621) * Bumped gscan to v3.0.0 - This also fixes failing CI builds because the default rules that are being checked were for v2 * Added explicit version check for gscan command * Added member subscription support (#623) * Added member subscription support no issue * Added member subscription success message no issue * Added member subscription overlay * Refined members subscription overlay * Deleted unused website icon * Ran CSSComb * Updated built assets * 3.0.0-beta.5 * Updated built assets for v3 no issue * 3.0.0-beta.6 * Remove unused partial * V3 cleanup (#625) * Removed unused infinity icon * Removed unused location icon * Removed unused 'point' icon * Removed unused Ghost logo icon * Removed unused author partials * Cleaned up index log * Fixed responsive feature image sizes for page template
2019-10-21 05:43:34 +00:00
2021-11-05 12:14:53 +00:00
html.dark-mode .gh-content code {
2021-03-03 02:48:32 +00:00
color: #fff;
background: #000;
}
2021-03-03 02:48:32 +00:00
html.dark-mode hr {
border-top-color: color-mod(var(--color-darkmode) l(+8%));
}
V3 (#626) * Changed {{code}} to {{statusCode}} refs https://github.com/TryGhost/gscan/commit/2ebd9feeee20c084a1d4ab84e5100cdb1e1400de - {{code}} use has been deprecated in canary rule set of gscan * V3 Update * Update package and readme for 3.0 * Improve install instructions * Update to support browserlist * Upgrade dependencies * Fix misnamed property * V3 darkmode (#619) Added dark mode styles * Casper final refinements batch 1 * Casper final refinements batch 2 * Fixed bookmark card hover bug * Fixed header social links * Updated screenshots * Updated readme no issue - refreshed screenshot * Udpate screenshot in readme no issue * 3.0.0-beta.2 * Fixed cut header for post cards no issue * 3.0.0-beta.3 * 3.0.0-beta.4 * Updated current version and previous version logic (#554) no issue - Use current version from `package.json` instead of `npm_package_version` env variable - Use `release.tag_name` instead of `release.name` for previous version * Updated jQuery to 3.4.1 to avoid known vulnerabilities (#590) no issue https://snyk.io/vuln/npm:jquery?lh=3.2.1&utm_source=lighthouse&utm_medium=ref&utm_campaign=audit * Fixed code cards with long lines from being too wide no issue Credits - https://github.com/TryGhost/Casper/pull/602 * Bumped gscan version to v3.0.0 (#621) * Bumped gscan to v3.0.0 - This also fixes failing CI builds because the default rules that are being checked were for v2 * Added explicit version check for gscan command * Added member subscription support (#623) * Added member subscription support no issue * Added member subscription success message no issue * Added member subscription overlay * Refined members subscription overlay * Deleted unused website icon * Ran CSSComb * Updated built assets * 3.0.0-beta.5 * Updated built assets for v3 no issue * 3.0.0-beta.6 * Remove unused partial * V3 cleanup (#625) * Removed unused infinity icon * Removed unused location icon * Removed unused 'point' icon * Removed unused Ghost logo icon * Removed unused author partials * Cleaned up index log * Fixed responsive feature image sizes for page template
2019-10-21 05:43:34 +00:00
2021-11-05 12:14:53 +00:00
html.dark-mode .gh-content hr:after {
2021-03-03 02:48:32 +00:00
background: color-mod(var(--color-darkmode) l(+8%));
box-shadow: var(--color-darkmode) 0 0 0 5px;
}
2021-11-05 12:14:53 +00:00
html.dark-mode figcaption {
2021-03-03 02:48:32 +00:00
color: rgba(255, 255, 255, 0.6);
}
html.dark-mode .gh-content table:not(.gist table) td:first-child {
2021-03-03 02:48:32 +00:00
background-image: linear-gradient(to right, var(--color-darkmode) 50%, color-mod(var(--color-darkmode) a(0%)) 100%);
}
html.dark-mode .gh-content table:not(.gist table) td:last-child {
2021-03-03 02:48:32 +00:00
background-image: linear-gradient(to left, var(--color-darkmode) 50%, color-mod(var(--color-darkmode) a(0%)) 100%);
}
html.dark-mode .gh-content table:not(.gist table) th {
2021-03-03 02:48:32 +00:00
color: rgba(255, 255, 255, 0.85);
background-color: color-mod(var(--color-darkmode) l(+8%));
}
html.dark-mode .gh-content table:not(.gist table) th,
html.dark-mode .gh-content table:not(.gist table) td {
2021-03-03 02:48:32 +00:00
border: color-mod(var(--color-darkmode) l(+8%)) 1px solid;
}
2023-03-01 05:53:58 +00:00
html.dark-mode .gh-content :is(input, textarea) {
2021-03-03 02:48:32 +00:00
color: color-mod(var(--color-midgrey) l(-30%));
}
V3 (#626) * Changed {{code}} to {{statusCode}} refs https://github.com/TryGhost/gscan/commit/2ebd9feeee20c084a1d4ab84e5100cdb1e1400de - {{code}} use has been deprecated in canary rule set of gscan * V3 Update * Update package and readme for 3.0 * Improve install instructions * Update to support browserlist * Upgrade dependencies * Fix misnamed property * V3 darkmode (#619) Added dark mode styles * Casper final refinements batch 1 * Casper final refinements batch 2 * Fixed bookmark card hover bug * Fixed header social links * Updated screenshots * Updated readme no issue - refreshed screenshot * Udpate screenshot in readme no issue * 3.0.0-beta.2 * Fixed cut header for post cards no issue * 3.0.0-beta.3 * 3.0.0-beta.4 * Updated current version and previous version logic (#554) no issue - Use current version from `package.json` instead of `npm_package_version` env variable - Use `release.tag_name` instead of `release.name` for previous version * Updated jQuery to 3.4.1 to avoid known vulnerabilities (#590) no issue https://snyk.io/vuln/npm:jquery?lh=3.2.1&utm_source=lighthouse&utm_medium=ref&utm_campaign=audit * Fixed code cards with long lines from being too wide no issue Credits - https://github.com/TryGhost/Casper/pull/602 * Bumped gscan version to v3.0.0 (#621) * Bumped gscan to v3.0.0 - This also fixes failing CI builds because the default rules that are being checked were for v2 * Added explicit version check for gscan command * Added member subscription support (#623) * Added member subscription support no issue * Added member subscription success message no issue * Added member subscription overlay * Refined members subscription overlay * Deleted unused website icon * Ran CSSComb * Updated built assets * 3.0.0-beta.5 * Updated built assets for v3 no issue * 3.0.0-beta.6 * Remove unused partial * V3 cleanup (#625) * Removed unused infinity icon * Removed unused location icon * Removed unused 'point' icon * Removed unused Ghost logo icon * Removed unused author partials * Cleaned up index log * Fixed responsive feature image sizes for page template
2019-10-21 05:43:34 +00:00
2021-03-03 02:48:32 +00:00
html.dark-mode .site-archive-header .no-image {
color: rgba(255, 255, 255, 0.9);
background: var(--color-darkmode);
}
V3 (#626) * Changed {{code}} to {{statusCode}} refs https://github.com/TryGhost/gscan/commit/2ebd9feeee20c084a1d4ab84e5100cdb1e1400de - {{code}} use has been deprecated in canary rule set of gscan * V3 Update * Update package and readme for 3.0 * Improve install instructions * Update to support browserlist * Upgrade dependencies * Fix misnamed property * V3 darkmode (#619) Added dark mode styles * Casper final refinements batch 1 * Casper final refinements batch 2 * Fixed bookmark card hover bug * Fixed header social links * Updated screenshots * Updated readme no issue - refreshed screenshot * Udpate screenshot in readme no issue * 3.0.0-beta.2 * Fixed cut header for post cards no issue * 3.0.0-beta.3 * 3.0.0-beta.4 * Updated current version and previous version logic (#554) no issue - Use current version from `package.json` instead of `npm_package_version` env variable - Use `release.tag_name` instead of `release.name` for previous version * Updated jQuery to 3.4.1 to avoid known vulnerabilities (#590) no issue https://snyk.io/vuln/npm:jquery?lh=3.2.1&utm_source=lighthouse&utm_medium=ref&utm_campaign=audit * Fixed code cards with long lines from being too wide no issue Credits - https://github.com/TryGhost/Casper/pull/602 * Bumped gscan version to v3.0.0 (#621) * Bumped gscan to v3.0.0 - This also fixes failing CI builds because the default rules that are being checked were for v2 * Added explicit version check for gscan command * Added member subscription support (#623) * Added member subscription support no issue * Added member subscription success message no issue * Added member subscription overlay * Refined members subscription overlay * Deleted unused website icon * Ran CSSComb * Updated built assets * 3.0.0-beta.5 * Updated built assets for v3 no issue * 3.0.0-beta.6 * Remove unused partial * V3 cleanup (#625) * Removed unused infinity icon * Removed unused location icon * Removed unused 'point' icon * Removed unused Ghost logo icon * Removed unused author partials * Cleaned up index log * Fixed responsive feature image sizes for page template
2019-10-21 05:43:34 +00:00
2021-12-17 07:06:34 +00:00
html.dark-mode .kg-header-card.kg-style-dark {
background: color-mod(var(--color-darkgrey) l(-5%));
}
html.dark-mode .kg-header-card.kg-style-light {
background: color-mod(var(--color-darkgrey) l(+5%));
}
html.dark-mode .kg-header-card h2.kg-header-card-header,
html.dark-mode .kg-header-card h3.kg-header-card-subheader {
color: #fff;
}
2022-05-18 10:35:58 +00:00
html.dark-mode .footer-cta-title {
color: #fff;
}
@media (max-width: 767px) {
html.dark-mode .gh-head-open:not(.has-cover) #gh-head,
html.dark-mode .gh-head-open:not(.has-cover) #gh-head .gh-head-actions {
background: var(--color-darkmode);
}
}
2022-05-27 06:46:30 +00:00
@media (prefers-color-scheme: dark) {
html.auto-color body {
color: rgba(255, 255, 255, 0.75);
background: var(--color-darkmode);
}
2022-05-27 06:46:30 +00:00
html.auto-color img {
opacity: 0.9;
}
2022-05-27 06:46:30 +00:00
html.auto-color kbd {
background: color-mod(var(--color-darkmode) l(+5%));
}
2022-05-27 06:46:30 +00:00
html.auto-color figcaption a {
color: #fff;
}
html.auto-color body:not(.has-cover) .gh-head {
2022-05-27 06:46:30 +00:00
background: var(--color-darkmode);
color: #fff;
}
html.auto-color .gh-burger::before,
html.auto-color .gh-burger::after {
background-color: #fff;
2022-05-27 06:46:30 +00:00
}
2022-05-27 06:46:30 +00:00
html.auto-color .site-header-content {
color: #fff;
}
2022-05-27 06:46:30 +00:00
html.auto-color .post-card-image {
background: var(--color-darkmode);
}
2022-12-15 02:00:58 +00:00
html.auto-color :is(.post-card-tags, .post-card-meta, .article-tag a, .byline-meta-content, .pagination .page-number) {
2022-05-27 06:46:30 +00:00
color: color-mod(var(--color-secondary-text) l(-22%));
}
2022-05-27 06:46:30 +00:00
html.auto-color .post-card-featured {
color: #fff;
}
2022-05-27 06:46:30 +00:00
html.auto-color .post-card-title {
color: #fff;
}
2022-05-27 06:46:30 +00:00
html.auto-color .post-card-excerpt {
color: var(--color-secondary-text);
}
2022-12-15 02:00:58 +00:00
html.auto-color .pagination a {
color: #fff;
}
html.auto-color .author-profile-location {
color: #fff;
}
html.auto-color .author-profile-social-link:hover {
color: #fff;
}
2022-05-27 06:46:30 +00:00
html.auto-color .article-title {
color: #fff;
}
2022-05-27 06:46:30 +00:00
html.auto-color .article-excerpt {
color: var(--color-secondary-text);
}
2022-05-27 06:46:30 +00:00
html.auto-color .post-full-image {
background-color: color-mod(var(--color-darkmode) l(+8%));
}
2022-05-27 07:01:51 +00:00
html.auto-color .author-avatar {
border-color: var(--color-darkmode);
background-color: color-mod(var(--color-darkmode) l(+8%));
}
2022-05-27 07:01:51 +00:00
html.auto-color .author-profile-image {
opacity: 1;
}
2022-05-27 07:01:51 +00:00
html.auto-color .author-profile-image path {
fill: var(--color-darkmode);
}
2022-05-27 06:46:30 +00:00
html.auto-color .article-byline-meta .author-name a {
color: #fff;
}
2022-05-27 06:46:30 +00:00
html.auto-color .no-image .author-social-link a {
color: rgba(255, 255, 255, 0.75);
}
2022-05-27 06:46:30 +00:00
html.auto-color .gh-content > [id] {
color: rgba(255, 255, 255, 0.9);
}
2022-05-27 06:46:30 +00:00
html.auto-color .gh-content pre {
background: color-mod(var(--color-darkgrey) l(-8%));
}
2022-05-27 06:46:30 +00:00
html.auto-color .gh-content :not(pre) > code {
background: color-mod(var(--color-darkgrey) l(+6%));
border-color: color-mod(var(--color-darkmode) l(+8%));
color: var(--color-wash);
}
:where(html.auto-color) .gh-content a {
2022-05-27 06:46:30 +00:00
color: #fff;
}
2022-05-27 06:46:30 +00:00
html.auto-color .gh-content strong {
color: #fff;
}
2022-05-27 06:46:30 +00:00
html.auto-color .gh-content em {
color: #fff;
}
2022-05-27 06:46:30 +00:00
html.auto-color .gh-content code {
color: #fff;
background: #000;
}
2022-05-27 06:46:30 +00:00
html.auto-color hr {
border-top-color: color-mod(var(--color-darkmode) l(+8%));
}
2022-05-27 06:46:30 +00:00
html.auto-color .gh-content hr:after {
background: color-mod(var(--color-darkmode) l(+8%));
box-shadow: var(--color-darkmode) 0 0 0 5px;
}
2022-05-27 06:46:30 +00:00
html.auto-color figcaption {
color: rgba(255, 255, 255, 0.6);
}
html.auto-color .gh-content table:not(.gist table) td:first-child {
2022-05-27 06:46:30 +00:00
background-image: linear-gradient(to right, var(--color-darkmode) 50%, color-mod(var(--color-darkmode) a(0%)) 100%);
}
html.auto-color .gh-content table:not(.gist table) td:last-child {
2022-05-27 06:46:30 +00:00
background-image: linear-gradient(to left, var(--color-darkmode) 50%, color-mod(var(--color-darkmode) a(0%)) 100%);
}
html.auto-color .gh-content table:not(.gist table) th {
2022-05-27 06:46:30 +00:00
color: rgba(255, 255, 255, 0.85);
background-color: color-mod(var(--color-darkmode) l(+8%));
}
html.auto-color .gh-content table:not(.gist table) th,
html.auto-color .gh-content table:not(.gist table) td {
2022-05-27 06:46:30 +00:00
border: color-mod(var(--color-darkmode) l(+8%)) 1px solid;
}
2023-03-01 05:53:58 +00:00
html.auto-color .gh-content :is(input, textarea) {
2022-05-27 06:46:30 +00:00
color: color-mod(var(--color-midgrey) l(-30%));
}
2022-05-27 06:46:30 +00:00
html.auto-color .site-archive-header .no-image {
color: rgba(255, 255, 255, 0.9);
background: var(--color-darkmode);
}
2022-05-27 06:46:30 +00:00
html.auto-color .kg-header-card.kg-style-dark {
background: color-mod(var(--color-darkgrey) l(-5%));
}
2022-05-27 06:46:30 +00:00
html.auto-color .kg-header-card.kg-style-light {
background: color-mod(var(--color-darkgrey) l(+5%));
}
2022-05-27 06:46:30 +00:00
html.auto-color .kg-header-card h2.kg-header-card-header,
html.auto-color .kg-header-card h3.kg-header-card-subheader {
color: #fff;
}
2022-05-27 06:46:30 +00:00
html.auto-color .footer-cta-title {
color: #fff;
}
@media (max-width: 767px) {
html.auto-color .gh-head-open:not(.has-cover) #gh-head,
html.auto-color .gh-head-open:not(.has-cover) #gh-head .gh-head-actions {
background: var(--color-darkmode);
}
}
2022-05-27 06:46:30 +00:00
}
2021-03-04 22:22:45 +00:00
/*
Hey! You reached the end.
Hope you enjoyed this CSS file, if you have any suggestions
for improvements that might be useful for everyone who uses
this theme, you can find the open source repository for it
here: https://github.com/tryghost/casper
Or, if you've just scrolled all the way to the bottom of the
file to add some of your own styles. Well, you've come to
the right place. Onward!
*/