Commit Graph

201 Commits

Author SHA1 Message Date
Sodbileg Gansukh
b3f6b8a82c Include lists inside toggle card to content styling 2021-11-23 11:28:35 +08:00
Sodbileg Gansukh
2d940d8f59 Exclude default CTA links from link styling 2021-11-23 11:22:56 +08:00
Sodbileg Gansukh
a8150f7c30 Include toggle text in content styling 2021-11-22 21:35:48 +08:00
Peter Zimon
b5b1ea001e Updated NFT card styles 2021-11-19 12:02:09 +01:00
Sodbileg Gansukh
370b9ec74e Include .kg-callout-text to content styling 2021-11-19 16:07:09 +08:00
Sodbileg Gansukh
3cbe9b2c97 Remove bookmark card related CSS 2021-11-17 18:22:47 +08:00
Sodbileg Gansukh
d652252699 Remove gallery card related CSS and JS 2021-11-17 17:02:16 +08:00
Sodbileg Gansukh
6107a411a1 Exclude cards from default link styling
refs https://github.com/TryGhost/Team/issues/1227
2021-11-17 15:40:32 +08:00
Sodbileg Gansukh
8feb988375 Update heading selector on dark mode 2021-11-15 13:22:03 +08:00
Sodbileg Gansukh
ceaa887371 Add custom settings 2021-11-05 20:14:53 +08:00
Sodbileg Gansukh
2234b14bbd Fix nested main element issue 2021-09-22 15:24:17 +08:00
Sodbileg Gansukh
e49664eca4
Add alt and caption support to feature images (#812)
* Add alt and caption support to feature images

* Add feature image alt support to post card

* Remove three-curlies
2021-07-05 10:59:21 +08:00
Sodbileg Gansukh
5adeaa458b Make the footer stick to bottom
Currently, the footer doesn't stick to the bottom of the viewport when the page content is small. This fixes the issue by making the <main> element fill the remaining space
2021-05-10 14:20:40 +08:00
Sodbileg Gansukh
5013c91f1a Revert "Pin beeper to v2"
This reverts commit f43f6c567f.
2021-05-06 15:48:36 +08:00
Sodbileg Gansukh
f43f6c567f Pin beeper to v2
Beeper started requiring ESM syntax from v3, and it caused an error when running development workflow
Error [ERR_REQUIRE_ESM]: Must use import to load ES Module
2021-05-06 12:28:54 +08:00
Sodbileg Gansukh
5ad96f7c12 Fix post featured image width 2021-04-01 13:20:50 +08:00
Sodbileg Gansukh
6ac55407b3 Break long words
Fixes #788
2021-04-01 13:01:09 +08:00
Sodbileg Gansukh
b0e21fe0f7 Improve code block styling 2021-04-01 12:58:41 +08:00
Sodbileg Gansukh
53ff37cf10 Add background color to default profile image
Fixes #785
2021-03-29 11:43:45 +08:00
Sodbileg Gansukh
816e1f608e Make image block element by default
By doing that, any possible future image alignment issues in post content can be prevented
refs #786
2021-03-29 11:34:53 +08:00
Sodbileg Gansukh
0d49da97a2 Fix list item spacing issue
List items had both top and bottom margin, and it caused some inconsistent spacing for lists inside post content. This updates fixes the issue by only assigning top margin on list items except the first one.
refs: #787
2021-03-29 10:52:15 +08:00
Sodbileg Gansukh
e34e2e3e0a Fix mobile menu overlapping Portal popup
fixes #784
2021-03-22 11:38:03 +08:00
Sodbileg Gansukh
d9e9e097cd Fix headings and card caption color on dark mode
refs #780
2021-03-19 14:15:52 +08:00
Sodbileg Gansukh
3fa7f25147 Add Facebook link to the header
Fixes #776
2021-03-18 14:31:56 +08:00
Paul Davis
48d06196c2
Fix horizontal scrolling caused by scaling on the subscribe CTA h2 (#765) 2021-03-12 09:53:43 -05:00
Paul Davis
5f127c395b
Fix traditional Instagram embeds (#767)
Highly specific styles for traditional Instagram embeds

Co-authored-by: John O'Nolan <john@ghost.org>
2021-03-12 08:27:58 -05:00
Sodbileg Gansukh
3cc9cb0988
Fix headings typography scale (#771) 2021-03-12 08:25:37 -05:00
Paul Davis
e72f4236be
Fix long links causing horizontal scrolling on small screens (#761)
Co-authored-by: John O'Nolan <john@ghost.org>
2021-03-11 13:36:13 -05:00
Paul Davis
c0d5a3d999
Fix broken card layout caused by long strings (#762) 2021-03-11 13:33:25 -05:00
Paul Davis
b927cf62ed
Adjust infinite scroll selector to target article.post-card (#763)
The tag archive header shares the same classes as post cards, but have different elements.

This changes the selector to target article.post-card, which ignores header.post-card
2021-03-11 13:32:57 -05:00
John O'Nolan
3a5fda7009 Spacing fix on author profile 2021-03-09 22:23:47 -05:00
John O'Nolan
4f2fe7eb43 Update page template style 2021-03-09 22:02:35 -05:00
John O'Nolan
be0600a603 Update end of post CTA bg color 2021-03-09 21:33:13 -05:00
John O'Nolan
a78784decf Fix codeblock specificity, props @pauladamdavis 2021-03-09 09:27:47 -05:00
John O'Nolan
a516282b73 Correct logo height in navbar 2021-03-09 09:04:50 -05:00
John O'Nolan
ea6942a7fe Fix bug with :not unfixing previous fix of ::not which it turns out is not a thing 2021-03-09 09:03:54 -05:00
John O'Nolan
b5c2869ff6 Fix bug where incorrect styles were applied if codeblocks have captions 2021-03-08 16:08:47 -05:00
John O'Nolan
b7faac9eda Dark codeblocks by default 2021-03-08 15:59:11 -05:00
John O'Nolan
372dca859b Reinstate a class which as it turns out was not unused after all 2021-03-08 11:46:41 -05:00
John O'Nolan
0584a58c6c Remove overlays from cover image, these only worked when CSS bg image, not img tag 2021-03-08 11:28:11 -05:00
John O'Nolan
2231274b07 Remove unused old class 2021-03-08 11:25:46 -05:00
John O'Nolan
715f95d209 Typography fixes 2021-03-06 21:54:43 -05:00
Daniel Lockyer
70f71e9839
Updated built JS assets
no issue

- these weren't rebuilt when changing the code
2021-03-05 14:05:57 +00:00
John O'Nolan
f590fb029a Tag archive 2021-03-04 18:31:29 -05:00
John O'Nolan
7617c7baf2 Author profile 2021-03-04 17:22:45 -05:00
John O'Nolan
b5d0589222 And so the lord said unto Moses, let us obliterate this CSS 2021-03-04 08:05:28 -05:00
John O'Nolan
1365eab4ae Cleanup 2021-03-03 15:44:30 -05:00
John O'Nolan
6c7cf02111 Style refresh 2021-03-02 21:48:32 -05:00
Sodbileg Gansukh
609507d22d Keep bookmark author and publisher classes for GScan 2021-03-02 16:53:53 +08:00
Sodbileg Gansukh
fd89c6575c Remove specific selectors from bookmark metadata 2021-03-02 13:59:05 +08:00
John O'Nolan
c680f4efcd Style refresh 2021-03-01 20:34:12 -05:00
John O'Nolan
5fd447b815 Style refresh 2021-02-28 20:10:09 -05:00
Sodbileg Gansukh
f9d9b1fab5 Disable dark mode by default
Dark mode is disabled by default, but can be enabled by adding a class dark-mode to html element.
2021-02-25 21:58:09 +08:00
Sodbileg Gansukh
676b73172f Increase contrast of excerpts 2021-02-18 15:16:42 +08:00
Sodbileg Gansukh
2505089a41 Use old font size for primary tags 2021-02-18 15:09:33 +08:00
Sodbileg Gansukh
957d3049aa Fix link hover effect 2021-02-18 14:50:59 +08:00
Sodbileg Gansukh
8f81522907 Remove focus state from buttons 2021-02-18 14:48:24 +08:00
Sodbileg Gansukh
28d63e1cd2 Accent color for subscribe overlay button 2021-02-18 14:36:49 +08:00
Sodbileg Gansukh
b374b88126 Dark grey as subscribe form border 2021-02-18 12:17:40 +08:00
Sodbileg Gansukh
0449bf5537 Use grey for blockquotes 2021-02-18 12:16:27 +08:00
Sodbileg Gansukh
e985805958 Try a new default accent color 2021-02-18 12:05:56 +08:00
Sodbileg Gansukh
c1fcece376 Use accent color as header background when there is no cover image 2021-02-18 11:40:20 +08:00
Sodbileg Gansukh
306f7b2d9b Accent color usage and subscribe form design update 2021-02-18 11:32:40 +08:00
Sodbileg Gansukh
df4bfbffb2 Disable dark mode with code injection
It's now possible to disable the dark mode with code injection instead of removing the CSS and rebuilding it, by simply adding a class no-dark to html element.
2021-02-01 12:06:56 +08:00
Sodbileg Gansukh
069280eea2 Apply scroll-margin-top to all elements with id attribute instead of only headings 2021-01-27 17:06:11 +08:00
Sodbileg Gansukh
854880747d Fix text fragment scrolling which behind the floating top bar
refs: #749
2021-01-22 10:02:51 +08:00
Sodbileg Gansukh
6b9df8bb51 Rebuild assets 2021-01-22 09:52:32 +08:00
Sanne de Vries
c3cb51711a Changed bookmark card metadata styling to be consistent with the editor
Classes for author and publisher are temporarily swapped to make sure the changes are backwards compatible until Ghost 4.0
2020-11-10 18:17:11 +01:00
Daniel Lockyer
aa3c83ec35 Updated built assets 2020-10-16 09:18:36 +01:00
Sodbileg Gansukh
38481aac9a Fixed post content input color issue on dark mode
Fixes #718
2020-10-08 11:36:41 +08:00
Sodbileg Gansukh
0052c2ddc3 Added subscribe failure notification
Fixes #738
2020-10-08 10:22:49 +08:00
Sodbileg Gansukh
6350790798 Fix close button in the subscribe success message 2020-09-10 12:28:44 +08:00
Allan Stromfeldt Christensen
807018ca97
Fix background color of slash of darkmode <hr> (#733) 2020-08-09 00:34:53 +07:00
John O'Nolan
e637d809f6 Upgraded to color-mod, native CSS vars
Dropping final support for IE11 and moving to newer color-mod package to replace the old deprecated one
2020-07-28 00:52:31 +07:00
Daniel Lockyer
c465d95e14 Added new build assets
no issue
2020-07-21 13:40:03 +01:00
Daniel Lockyer
14f7cc4e31 Updated built files
no issue
2020-04-03 16:04:41 +01:00
Peter Zimon
8886056719 Fixed navigation scrollbar bug
no refs.
- fixed issue that made top navigation scrollbar appear for sites with secondary navigation and members turned off
2020-03-11 13:46:20 +01:00
Peter Zimon
702b2cbf1f Refined width of image captions
no refs.
- updated max width of image caption text
2020-03-04 15:34:15 +01:00
Peter Zimon
e5969f93da Improved author and tag header styles
no refs.

- added default avatar for authors template
- fixed typography inconsistencies, alignment and spacing issues for author and tags headers
- applied CSSComb
2020-03-04 14:34:03 +01:00
Peter Zimon
9e29e145fc 🐛 Subscribe overlay fixes
refs. https://github.com/TryGhost/Casper/issues/630

- added a dedicated close button element for the subscribe overlay which sits on top of all elements to ensure the modal is always closable
- fixed alignment and spacing of "Subscribe" button for mobile sizes
2020-03-04 11:26:27 +01:00
Peter Zimon
74ae3d5140 🐛 Fixed image alignment for small images
refs. https://github.com/TryGhost/Casper/issues/517

- updated styles to center align small images with long caption text
2020-03-03 17:29:34 +01:00
Peter Zimon
09d701c4bc 🐛 Removed non-existent variable
Refs. https://github.com/TryGhost/Casper/issues/676

- removed corresponding CSS declaration as the variable `--white` doesn't exist
2020-01-10 15:29:50 +01:00
Peter Zimon
bf4b8d7f15 Added secondary navigation (#664)
refs https://github.com/TryGhost/Ghost/pull/11409

- Adds secondary navigation to the main menu
- Updated secondary nav mobile styles
- Updated cover for the scrollable main navigation
2019-12-04 17:41:50 +07:00
Peter Zimon
a66beb4e10 🐛 Fixed page style in dark mode
closes https://github.com/TryGhost/Casper/issues/643

- fixes background color for pages in dark mode
2019-10-30 13:43:47 +01:00
Peter Zimon
065849105b Author meta and bookmark style refinements
refs. https://github.com/TryGhost/Casper/pull/631
- refined colors of links and separator dots for various cases (light/dark mode/with and without header background image)
- fixed bookmark card hover style
- ran CSSComb
2019-10-30 11:35:29 +01:00
Peter Zimon
68b0270ed5
Dark mode table style fix (#641)
refs. https://github.com/TryGhost/Casper/issues/637

- fixed styles for tables in dark mode
2019-10-29 16:27:40 +01:00
Peter Zimon
8993409296
Error page improvements (#639)
refs. https://github.com/TryGhost/Casper/issues/632

Error page fixes and improvements
- uses default template (i.e. standard header and footer) on 404 error page
- fixed not displaying authors and primary tags on recommended posts on 404 error page
- fixed background for navigation bar on generic error page
- refined error code and message styles
2019-10-28 16:28:25 +01:00
Kevin Ansfield
307c334cd5
🐛 Fixed images on infinite scroll index pages being stretched in Safari (#636)
closes #634, closes #635

- use `document.importNode` to create a clone of post card elements when pulling them in from infinite scroll pages
- cloning the element means the element's owner document matches the viewed document and ensures images in the inserted post card elements are sized according to the viewed document
2019-10-24 17:15:34 +01:00
Kevin Ansfield
ff51925567
Fixed sticky title and author hover JS (#629)
no issue

- replaces author hover JS that was lost during merge
- replaces `floating-header.js` with `sticky-nav-title.js` containing the relevant JS that was lost during merge with a cleanup for unused variables and unnecessary event listeners
- removes reference to non-existent `{{> floating-header}}` partial
2019-10-21 10:02:05 +01:00
Kevin Ansfield
3e910e954e
Updated built CSS (#627)
no issue

- ran `gulp` to rebuild the CSS after the v3 merge
2019-10-21 09:53:28 +01:00
Fabien O'Carroll
b51dd8ce22
V3 (#626)
* Changed {{code}} to {{statusCode}}

refs 2ebd9feeee

- {{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 12:43:34 +07:00
Kevin Ansfield
7ad20d1325 Fixed deprecated autoprefixer config warning when running build tasks
no issue

Passing browser options directly into `autoprefixer()` has been deprecated in favour of general browserslist configuration in `package.json` or a `.browserslistrc` config file

- moved autoprefixer browsers list into `browserslist` config in `package.json`
- updated `autoprefixer` version
2019-10-20 16:05:37 +02:00
Kevin Ansfield
978ffe0eb6
Concatenated all JS into a single file (#624)
no issue

- moved large inline JS from templates into separate JS files
  - floating header
  - gallery card support
- use `gulp-concat` to concatenate all JS files into a single `built/casper.js` file
- reduces external JS file requests from 3 (jquery, infinite-scroll.js, jquery.fitvids.js) down to 2 (jquery, casper.js) and reduces page size by removing repeated inline code
2019-10-20 15:55:06 +02:00
Rish
8bb4508ff2 Fixed code cards with long lines from being too wide
no issue

Credit to https://github.com/mvasilkov for the fix -  https://github.com/TryGhost/Casper/pull/602
2019-10-20 12:14:21 +05:30
Peter Zimon
c40627256a Added max length for bookmark card publisher field (#608)
no issue

- fixed style for bookmark cards with too long publisher field
2019-08-27 19:29:48 +01:00
Rishabh Garg
f5b2a2f209
Added bookmark card CSS (#607)
refs 9bfd340885 and c2aa62083c

Adds css for styling new bookmark card which generates following html -
  ```html
  <figure class="kg-card kg-bookmark-card">
    <a href="[URL]" class="kg-bookmark-container">
      <div class="kg-bookmark-content">
        <div class="kg-bookmark-title">[TITLE]</div>
        <div class="kg-bookmark-description">[DESCRIPTION]</div>
        <div class="kg-bookmark-metadata">
          <img src="[ICON]" class="kg-bookmark-icon">
          <span class="kg-bookmark-author">[AUTHOR]</span>
          <span class="kg-bookmark-publisher">[PUBLISHER]</span>
        </div>
      </div>
      <div class="kg-bookmark-thumbnail">
        <img src="[THUMBNAIL]">
      </div>
    </a>
  </figure>
  ```
2019-08-27 20:56:42 +05:30
Mark Vasilkov
56d1ff2337 Better contrast for selected text inside pre code blocks 2019-07-30 14:08:45 +03:00
Kevin Ansfield
ec296edfa0
Added support for code cards with captions (#575)
refs https://github.com/TryGhost/Ghost/pull/10719

- adds styling for `.kg-code-card` so that code blocks are styled the same no matter if they are top-level or inside of a `<figure>` element
2019-05-01 17:12:18 +02:00
Kevin Ansfield
0b17a6ac06
Re-build CSS using latest dependencies (#573)
no issue

- CSS preprocessor dependencies have been updated, this re-builds the CSS to match the latest processed output
  - the primary change is the addition of the `::-moz-selection` vendor prefix
2019-05-01 10:28:34 +02:00
Kevin Ansfield
a212518827 🐛 Fixed incorrect/missing colours for various elements
closes https://github.com/TryGhost/Casper/issues/548
- the recent postcss upgrade resulted in real CSS variables being output with a fallback mechanism, unfortunately this broke a number of colors throughout the theme
- disabled the fallback mechanism to revert back to the previous behaviour
2019-03-12 18:14:48 +00:00