Commit Graph

269 Commits

Author SHA1 Message Date
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
John O'Nolan
c8c63d170c Fix bug with embeds overflowing content width 2019-02-18 12:54:29 +07:00
John O'Nolan
f57f9ebc99 Update no-image classes
Closes https://github.com/TryGhost/Casper/pull/513
2019-01-15 15:06:19 +07:00
John O'Nolan
79ebbd50a3
Responsive images (#505) 2018-12-17 12:25:57 +00:00
Oshawk
d48178fde9 Remove css rule that stops syntax highlighting (#484)
* Remove suspect css rule

Removed the ".post-full-content pre code * { color: inherit }" rule which prevents highlight.js from working.

* Changed to just exclude span

Less disruptive to just remove span from color inheritance.

* Remove extra newline
2018-10-08 06:40:06 +02:00
Antonio
6f4fe840b3 [Fix] Inline <code> tag word-break inside a <p> tag (#483) 2018-10-08 06:38:28 +02:00
Peter Zimon
04854967a8 Adjusting spaces for galleries and wide images in a sequence (#480) 2018-09-24 14:35:47 +02:00
Aileen Nowak
ae192a9fff 🐛 Fixed word-wrap for extra long anchor links text (#478)
refs #466

Anchor links didn't break, when the text was too long. Using `word-break: break-all` specifically on a-tags in post-content fixes this without screwing up other tags and their breaks.
2018-09-07 14:45:18 +02:00
Zimo
676e17bd13 Restructure spacings for generic figure element 2018-08-31 11:24:50 +01:00
Kevin Ansfield
7a88c88ea2 Added Koenig gallery card support (#475)
no issue

- Update CSS and JS for new gallery card
- Updates CSS to support new gallery card
- Adds JS to support grid layout for gallery view
- Fix gallery breakout size
- Refining styles for gallery card
2018-08-30 17:44:55 +01:00
Kevin Ansfield
dc3bb316c7 Fixed incorrect image aspect ratio when images have width/height attrs
no issue
- when large images have width/height attributes but the image is constrained to it's container or `max-width` style the aspect ratio would be broken because browsers use the `height` attribute value even though the width is smaller
2018-08-30 14:49:40 +01:00
Kevin Ansfield
d41fcbbc8a Remove .kg-card-markdown styles
no issue
- `.kg-card-markdown` no longer exists in Ghost 2.x
2018-08-11 19:09:58 +01:00
Peter Zimon
f67caaba5c 🐛 Fixed content overflow on mobile
closes https://github.com/TryGhost/Casper/issues/464
- setting max-width of `kg-markdown-card` wrapper that is still used by non-Koenig posts
2018-07-30 12:21:17 +01:00
Kevin Ansfield
5c6cce1519
Ghost 1.25 Koenig updates (#463)
refs https://github.com/TryGhost/Ghost/pull/9741
- Ghost 1.25 has updated the HTML output of Koenig beta posts
  - the `<div class="kg-post">` wrapper around post content has been removed
  - for image cards the `.kg-image-wide` and `.kg-image-full` classes have been changed to `.kg-width-wide` and `.kg-width-full` and applied to the `<figure>` element rather than the `<img>` element
- this will be the default for *all* posts after upgrading to Ghost 2.0

Example output of the `{{content}}` helper for Koenig beta...

Before 1.25.0 (Ghost 1.23.0-1.24.9):
```html
<div class="kg-post">
    <figure class="kg-image-card">
        <img class="kg-image kg-image-wide" src="...">
        <figcaption>example wide image</figcaption>
    </figure>
</div>
```

After 1.25.0:
```html
<figure class="kg-image-card kg-width-wide">
    <img class="kg-image" src="...">
    <figcaption>example wide image</figcaption>
</figure>
```

For reference, in Ghost 1.x a non Koenig post with nothing but an image in the markdown (`![](...)`) would generate output like this:

```html
<div class="kg-card-markdown">
    <img src="...">
</div>
```
2018-07-23 12:20:46 +01:00
Peter Zimon
1860a8305b Koenig embed card (#460) 2018-06-13 18:34:59 +01:00
John O'Nolan
6417b4cf2a Fix rendering bug for non-square user images 2018-06-06 19:29:22 -07:00
malfusion
cd3b470c18 Fix for missing default avatar and firefox footer misalignment (#458) 2018-05-29 10:38:27 +02:00
Peter Zimon
b83917060f Applying styles for Koenig content (#455)
refs https://github.com/TryGhost/Ghost/issues/9311
- move `.kg-card-markdown` styles and add deprecation notice
- add support for new `.kg-post` wrapper
- add support for `.kg-image` and `.kg-image-wide/full` image variants
- add support for image captions
2018-05-22 19:09:58 +01:00
Zimo
4aaedf69d2 Running CSSComb 2018-05-21 17:36:08 +02:00
John O'Nolan
4fe2eac739 Additional comments 2018-04-12 10:05:53 +02:00
John O'Nolan
6e3399366d Small refactor of multi-authors 2018-04-12 10:05:40 +02:00
John O'Nolan
636882bce4 Fix mobile display bug on smaller screens 2018-04-10 20:34:35 +02:00
Peter Zimon
79e113226c Multiple authors in Casper (#448) 2018-04-10 20:19:29 +02:00
John O'Nolan
8e865b797b Maybe fix it properly this time instead of completely failing 2018-04-10 15:29:09 +02:00
John O'Nolan
a655b59e69 Fix link target size 2018-04-10 15:27:01 +02:00
John O'Nolan
b078dcb86e Updated hover animations 2018-04-10 15:21:25 +02:00
Paul Corbett
1e10549ee2 🐛Fixed render issue with code blocks in lists (#436)
Closes #415

* Add max-width to ul & ol tags
2018-02-27 11:43:39 +07:00
Joseph Frazer
99fad4cbc4 Fix colors in code blocks
Closes #407
The font color should be inherited to avoid "invisible" text.

* fix conflicts with upstream branch
2017-11-21 17:50:54 +08:00
Aileen Nowak
990f712209 💅 CSS comb and built
no issue
2017-11-20 13:42:32 +08:00
Joona Viertola
4ff4b4c7f8 Removed double semicolons (#400)
no issue
2017-11-20 13:38:20 +08:00
John O'Nolan
269d2b5787 Fix border radius bug on featured posts 2017-09-07 09:34:44 -07:00
John O'Nolan
aee9f69bb0 Refactor headings, quotes and margins, mobile improvements
A few people commented how pull-quote styling is odd for blockquotes. I agree. This reverts casper to use more traditional blockquote styling, but maintains the special pullquote styling now over on the H5 element. So if you want nice/wide/centered blue text, use an H5.

- Closes https://github.com/TryGhost/Casper/issues/364
- Closes https://github.com/TryGhost/Casper/issues/368
2017-08-25 16:31:10 -04:00
Kevin Ansfield
9bc5c92628 Fix z-index bug with header author profile image
no issue
- add z-index to `.site-header-content .author-profile-image` so it isn't covered by the header overlay
2017-08-22 12:05:09 +01:00
Niels
0f3651c23f 🎨 Do not stretch author profile image (#365)
- add `object-fit: cover` to `.author-profile-image` to prevent non-square images being stretched/squashed
2017-08-22 11:56:38 +01:00
Phoenix Eve Aspacio
d739bb52a4 Fixed z-index bug with header social links on author page (#370)
no issue
- add z-index to `.author-bio` and `.author-meta` so they aren't covered by the header image overlay
2017-08-22 11:49:49 +01:00
Kevin Ansfield
e4e6bb9c5a Fixed z-index bug with header title/description
closes #363
- add z-index to `.site-title` and `.site-description` so they aren't covered by the header overlay
2017-08-17 12:35:37 +01:00
John O'Nolan
d2375a3917 Sticky footer
Closes https://github.com/TryGhost/Casper/issues/354, Closes https://github.com/TryGhost/Casper/issues/362
2017-08-16 11:57:39 +01:00
John Thile
577b92811c Add progress bar styling for Firefox (#360)
I alter this color to reddish for my own site, so it stood out much more easily than the Casper blue not matching the Firefox default. Autoprefixer isn't handling this one. Also, I tried adding this rule, comma separated, to the immediately above webkit rule... but it doesn't actually work when I do that, for some reason. Sorry for the redundancy!

https://developer.mozilla.org/en-US/docs/Web/CSS/::-moz-progress-bar
2017-08-16 11:43:58 +01:00
John O'Nolan
b024b544e4 Fixed janky webkit border-radius bug
Closes https://github.com/TryGhost/Casper/issues/352
2017-08-14 11:22:27 +01:00
John O'Nolan
9caeb2a2e7 Fixed wide blockquote bug when used first in post
Closes https://github.com/TryGhost/Casper/issues/355
2017-08-14 11:11:12 +01:00
John O'Nolan
12d139aa7d Fixed z-index bug on index post-feed
Closes https://github.com/TryGhost/Casper/issues/349, closes https://github.com/TryGhost/Casper/pull/350
2017-08-14 11:03:28 +01:00
John O'Nolan
10f11bb14f Update image caption margins 2017-08-09 14:10:28 +01:00
John O'Nolan
7d4f93bf23 Added support for basic image captions
See https://github.com/TryGhost/Ghost/issues/8859
2017-08-09 13:26:08 +01:00
John O'Nolan
11f61782ad Keep logo vertically centred when there's no navigation
Closes https://github.com/TryGhost/Casper/issues/338
2017-08-08 16:23:18 +01:00
John O'Nolan
fd108b1b40 Corrected navigation z-index bug
Closes https://github.com/TryGhost/Casper/issues/345
2017-08-08 16:14:06 +01:00
John O'Nolan
33005666ca Set overflow auto on tables
Closes https://github.com/TryGhost/Casper/issues/328

This applies mobile styles everywhere, which is not really ideal tbh - but covers all cases.
2017-08-08 15:58:54 +01:00
John O'Nolan
1767ca59b8 Added CSScomb and combed 💇🏻 2017-08-02 12:41:14 +04:00
Phoenix Eve Aspacio
08e5cbe021 Prevent floating navigation from blocking the text header in fragmented urls (#334)
Prevent floating header from covering the header when a fragment identifier enabled URL is opened.
2017-08-01 09:50:32 +04:00
John O'Nolan
615d8a9001 Fixed broken author links due to z-index issue
Closes https://github.com/TryGhost/Casper/issues/333
2017-07-31 19:44:07 +04:00
John O'Nolan
2565c16916 Fix minor visual bug with clipped descenders in floating header 2017-07-31 17:14:00 +04:00
John O'Nolan
35e91ecee9 Better support for iframes 2017-07-27 13:12:04 +04:00
John O'Nolan
cd4e0e03f5 Better support for the video element 2017-07-27 11:15:19 +04:00
John O'Nolan
6c5d6af6d0 Fix post images overflowing viewport on mobile
See #322
2017-07-20 17:27:02 +04:00
John O'Nolan
96ffcdceed 😒😒😒😒😒😒😒😒 2017-06-27 11:30:11 +02:00
John O'Nolan
aa80667232 Fix small images in content + minor typography improvements
Closes #320
2017-06-27 11:28:36 +02:00
John O'Nolan
2ca409032a Full responsive table styles
- This took 5 hours
- FUUUUUU
2017-06-19 23:03:56 +01:00
John O'Nolan
397a096949 Rejig asset compilation destination
Avoid using "public" because it's a reserved word by the asset helper
2017-06-16 13:23:03 +01:00
John O'Nolan
4b6905f175 Mobile support 📱 2017-06-16 13:16:22 +01:00
John O'Nolan
535ead65e7 DOCS 2017-06-16 10:44:06 +01:00
John O'Nolan
1214676bd5 CSS Comb 💇🏻 2017-06-16 09:44:12 +01:00
John O'Nolan
0791b0fdb7 Organise CSS 2017-06-16 09:17:11 +01:00
John O'Nolan
67f27e2add New subscribe overlay 2017-06-15 15:03:19 +01:00
John O'Nolan
9f7c0e30e2 Scroll progress bar 2017-06-14 12:16:16 +01:00
John O'Nolan
eb84edae6d Fix all the fucking bugs that I created yesterday 2017-06-14 10:41:30 +01:00
John O'Nolan
834d14b204 Allow linebreaks in bio 2017-06-14 10:29:17 +01:00
John O'Nolan
7f4d581caf Restyle read-next card 2017-06-13 18:51:08 +01:00
John O'Nolan
655c35b53c New error template and author template 2017-06-13 13:48:06 +01:00
John O'Nolan
55f35da8e9 Whatever pass I lost count 2017-06-12 10:01:00 +01:00
John O'Nolan
d55446f2ca Next pass 2.0 2017-06-08 09:19:22 +02:00
John O'Nolan
938eaaf7a6 Third pass 2.0 2017-06-05 12:19:29 +01:00
John O'Nolan
bc9e5a0b2e Second pass 2.0 2017-05-31 19:09:50 +01:00
John O'Nolan
ad9cb81a06 Many tweaks 2017-05-16 10:26:08 +01:00
John O'Nolan
eda0ec4db2 First pass 2.0 design 2017-05-15 21:03:47 +01:00
Jeroen
054cd87653 No margin-bottom for last p inside li tags (#262)
Fixes #241.
2016-10-24 20:17:30 +07:00
Matthias
5060c945e6 Fixed page title and description being visible before fading in (#268) 2016-10-24 20:15:01 +07:00
Aileen Nowak
d07d6dee09 🐛 Fix .post-title (#273)
no issue

fixes the post-title font-size again, as it didn't work with two body:notstatements.
2016-10-24 20:11:49 +07:00
Aileen Nowak
c1b77b74cb Remove old body classes (#272)
refs TryGhost/Ghost#2597

Make Casper work without old body classes `.archive-template`, `.page` and use `.page-template` *only* for pages, as `.post-template` will not be available for pages anymore.
2016-10-07 14:02:00 +02:00
Sérgio Rodrigues
146f2ecaab Fix invalid css property declaration 2016-06-26 15:21:32 -03:00
Max.Nova
4614c6a162 Fixing Table of Contents in CSS 2016-05-22 12:31:02 -04:00
John O'Nolan
09b4830398 Add new subscribers form + visual fixes
- New opt-in form for subscribers features
- Bumped version to 1.3.0
- Resolved author image alignment, closes #238
2016-05-08 10:50:20 +02:00
Fong-Wan Chau
591d1fb782 Update normalize.css to v3.0.3 on 'screen.css' 2016-01-22 12:42:31 -04:00
Alex Jegtnes
f0ce0d8718 Disable ligatures in code blocks
I recently created a new Ghost blog and a colleague pointed out that ligatures for code blocks looked a bit off. They weren't enabled in Firefox by default, but in Chrome (possibly different browser defaults?). This PR standardises it and removes any ligatures from `<code>` and `<tt>` blocks.
2016-01-20 22:31:24 +00:00
John O'Nolan
1196a13aef Merge pull request #208 from emersonkeenan/master
Fix embedded gist indentation
2016-01-05 10:56:05 +02:00
Łukasz Kliś
c4f631b28d Added missing vendor prefixes 2015-06-30 13:41:17 +02:00
Łukasz Kliś
dd9d027709 Added box-sizing for a read next story link 2015-06-22 14:08:03 +02:00
Emerson Keenan
8fda6ac74f Fix embedded gist indentation
closes #204
- set text-rendering to auto inside embedded gist
2015-05-24 00:32:37 +10:00
Paul Adam Davis
6c04f651aa Remove border from menu button on small screens
No issue

In #189 I reworked much of the CSS for the menu button. The border on the menu button is supposed to be removed on small screens, but I missed that. This removes it.
2015-04-23 12:39:19 +01:00
John O'Nolan
c06a731384 No. 2015-04-22 20:34:39 +02:00
John O'Nolan
2773ac926a Fix footnotes line-height and return-link styling 2015-04-22 19:23:42 +02:00
HLFH
bc38e7df61 Social media icons with brand colors on hover 2015-04-19 20:35:28 +02:00
Paul Adam Davis
ffea9590ea Fix copyright footer bug
Closes #196

- Absolutely positions the `.site-footer` when it's adjacent to the `.read-next` container

I've opted to use absolute positioning here because we can't be 10% sure what the height of the footer will be at smaller viewport widths as the `@blog.title` length can vary, so adding loads of breakpoints with negative margins isn't really viable.
2015-04-16 10:43:35 +01:00
Paul Adam Davis
88666559f6 Add version number to icon font src urls
No issue

To prevent browsers using an older version of the icon font when a newer version is available, we must add a version number to that src url.

This number must be incremented when the file files change, so this also adds a note explaining that.
2015-04-15 10:44:01 +01:00
John O'Nolan
c94651d8fb Set min width on next-posts
Closes #194
2015-04-14 11:09:00 +02:00
John O'Nolan
5d01cb7a7c Merge pull request #189 from PaulAdamDavis/menu-icon
Remove some !important declarations
2015-04-11 11:11:59 +03:00
Paul Adam Davis
4f1c76f2e7 Remove some !important declarations
Relates to b071548

- Fixes an issue where the menu button would be the wrong colour

The navigation was using `!important` in a few places. I've changed the CSS a bit to no longer need these, but that means I've made some selectors slightly more specific.

The use of `!important` was to get around the hover state being persisted when the menu was opened but the mouse hadn't moved, which meant the menu button kept its white background when it should be black.
iMaking the hover state only apply when the nav is closed, gets around that.
2015-03-31 10:29:03 +01:00
John O'Nolan
dd02a12258 no message 2015-03-27 19:10:31 +02:00
Paul Adam Davis
b071548965 Add menu icon to icon font
Closes #186

- Adds the menu icon from Ghost's icon set
- Alters CSS to use that new icon
2015-03-23 16:21:53 +00:00
John O'Nolan
acc6896393 Style footnotes
Fixes #187
2015-03-23 12:21:28 +02:00