Compare commits

...

8 Commits
2.0.4 ... 2.0.6

Author SHA1 Message Date
a7d5c885bd Upgrading Casper to 2.0.6 2017-08-22 12:38:02 +01:00
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
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
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
8d17e9a452 Upgrading Casper to 2.0.5 2017-08-17 17:47:36 +01:00
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
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
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
4 changed files with 24 additions and 7 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -51,6 +51,17 @@ body {
/* 2. Layout - Page building blocks
/* ---------------------------------------------------------- */
.site-wrapper {
display: flex;
flex-direction: column;
min-height: 100vh;
}
.site-main {
z-index: 100;
flex-grow: 1;
}
/* Full width page blocks */
.outer {
position: relative;
@ -149,6 +160,7 @@ body {
padding: 0;
font-size: 3.8rem;
font-weight: 700;
z-index: 10;
}
.site-logo {
@ -162,6 +174,7 @@ body {
font-weight: 300;
letter-spacing: 0.5px;
opacity: 0.8;
z-index: 10;
}
@media (max-width: 500px) {
@ -358,10 +371,6 @@ The knock-on effect of this is ugly browser-scroll bars at the bottom, so 80px o
/* 6. Post Feed
/* ---------------------------------------------------------- */
.site-main {
z-index: 100;
}
.post-feed {
position: relative;
display: flex;
@ -450,6 +459,7 @@ The knock-on effect of this is ugly browser-scroll bars at the bottom, so 80px o
height: 25px;
margin-right: 5px;
border-radius: 100%;
object-fit: cover;
}
.post-card-author {
@ -1449,6 +1459,10 @@ Usage (In Ghost editor):
background-color: var(--blue);
}
.progress::-moz-progress-bar {
background-color: var(--blue);
}
.progress-container {
position: absolute;
top: 0;
@ -1511,10 +1525,12 @@ Usage (In Ghost editor):
height: 100px;
margin: 0 0 20px 0;
box-shadow: rgba(255,255,255,0.1) 0 0 0 6px;
z-index: 10;
}
.site-header-content .author-bio {
flex-shrink: 0;
z-index: 10;
max-width: 600px;
margin: 5px 0 10px 0;
font-size: 2rem;
@ -1526,6 +1542,7 @@ Usage (In Ghost editor):
.site-header-content .author-meta {
flex-shrink: 0;
z-index: 10;
display: flex;
justify-content: center;
align-items: center;

View File

@ -2,7 +2,7 @@
"name": "casper",
"description": "The default personal blogging theme for Ghost. Beautiful, minimal and responsive.",
"demo": "https://demo.ghost.io",
"version": "2.0.4",
"version": "2.0.6",
"engines": {
"ghost": ">=1.2.0"
},