Skip to content

Commit

Permalink
Add v4.31.0
Browse files Browse the repository at this point in the history
  • Loading branch information
@RadoslavGatev
RadoslavGatev committed Dec 16, 2021
1 parent 3d9b0e7 commit 7eeb6fb
Show file tree
Hide file tree
Showing 24 changed files with 730 additions and 235 deletions.
2 changes: 1 addition & 1 deletion content/themes/casper/assets/built/screen.css
View file

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion content/themes/casper/assets/built/screen.css.map
View file

Large diffs are not rendered by default.

44 changes: 30 additions & 14 deletions content/themes/casper/assets/css/screen.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -556,6 +556,12 @@ body:not(.gh-head-open) .gh-burger:hover .gh-burger-inner::after {
word-break: break-word;
}

@media (max-width: 700px) {
.post-card {
min-height: auto;
}
}

.post-card-image-link {
position: relative;
display: block;
Expand Down Expand Up @@ -750,25 +756,40 @@ make sure this only happens on large viewports / desktop-ish devices.
*/

@media (min-width: 1001px) {
.post-card-large {
@media (min-width: 701px) {
.post-feed.list .post-card-large {
grid-column: 1 / span 3;
display: grid;
grid-gap: 4vmin;
grid-template-columns: 1fr 1fr 1fr;
min-height: 280px;
border-top: 0;
}

.post-feed.list .post-card-large {
grid-template-columns: 3fr 5fr;
min-height: auto;
border-top: 0;
}

.post-feed.list .post-card-large.no-image {
grid-template-columns: 1fr;
}

.post-feed.list .post-card-large:not(.no-image) .post-card-header {
margin-top: 0;
}

.post-feed.list .post-card-large .post-card-content {
justify-content: flex-start;
margin-top: -6px;
}
}

@media (min-width: 1001px) {
.post-card-large {
grid-column: 1 / span 3;
display: grid;
grid-gap: 4vmin;
grid-template-columns: 1fr 1fr 1fr;
min-height: 280px;
border-top: 0;
}

.post-card-large:not(.no-image) .post-card-header {
margin-top: 0;
}
Expand Down Expand Up @@ -802,11 +823,6 @@ make sure this only happens on large viewports / desktop-ish devices.
justify-content: center;
}

.post-feed.list .post-card-large .post-card-content {
justify-content: flex-start;
margin-top: -6px;
}

.post-card-large .post-card-title {
margin-top: 0;
font-size: 3.2rem;
Expand Down Expand Up @@ -1031,7 +1047,7 @@ is the very first element in the post content */

.gh-content .kg-callout-card .kg-callout-emoji {
font-size: 2.1rem;
line-height: 1.7em;
line-height: 1.4em;
}

.gh-content .kg-toggle-card .kg-toggle-heading-text {
Expand Down
2 changes: 1 addition & 1 deletion content/themes/casper/package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
"name": "casper",
"description": "A clean, minimal default theme for the Ghost publishing platform",
"demo": "https://demo.ghost.io",
"version": "4.6.0",
"version": "4.6.1",
"engines": {
"ghost": ">=4.0.0",
"ghost-api": "v4"
Expand Down
2 changes: 1 addition & 1 deletion ...dark-1594d07a0716e0253a78234c8e42d765.css → ...dark-60b50b44689a4c79fd9e72356f94a844.css
View file

Large diffs are not rendered by default.

8 changes: 4 additions & 4 deletions ...t.min-884660873d56fcc3d2a3b9fe94c9f022.js → ...t.min-7690e7e32d3e53ec5480a234962341a6.js
View file

Large diffs are not rendered by default.

1 change: 0 additions & 1 deletion core/built/assets/ghost.min-c21fea11c3f431994a8ee7c47a8ed145.css
View file

This file was deleted.

1 change: 1 addition & 0 deletions core/built/assets/ghost.min-e628c133ed6b5ec32a1cc3511c2b2978.css
View file

Large diffs are not rendered by default.

177 changes: 99 additions & 78 deletions ...r.min-a2fd1e62ce6da8911fee8e812d8c6ceb.js → ...r.min-f4bc3ac0c7d33722341d0da4291aa888.js
View file

Large diffs are not rendered by default.

134 changes: 134 additions & 0 deletions core/frontend/apps/amp/lib/views/amp.hbs
View file
Original file line number Diff line number Diff line change
Expand Up @@ -674,6 +674,140 @@
font-size: 1.25em;
}
.kg-header-card {
padding: 6em 3em;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
}
.kg-header-card.kg-size-small {
padding-top: 4em;
padding-bottom: 4em;
}
.kg-header-card.kg-size-large {
padding-top: 12em;
padding-bottom: 12em;
}
.kg-header-card.kg-width-full {
padding-left: 4em;
padding-right: 4em;
}
.kg-header-card.kg-align-left {
text-align: left;
align-items: flex-start;
}
.kg-header-card.kg-style-invert {
background: #15171a;
color: #ffffff;
}
.kg-header-card.kg-style-clear {
color: #15171a;
border: 1px solid rgba(124, 139, 154, 0.25);
border-width: 1px 0;
}
.kg-header-card.kg-style-accent {
background-color: var(--ghost-accent-color);
}
.kg-header-card.kg-style-image {
background-color: #e7e7eb;
background-size: cover;
background-position: center center;
}
.kg-header-card h2 {
font-size: 4em;
font-weight: 700;
line-height: 1.1em;
margin: 0;
}
.kg-header-card h2 strong {
font-weight: 800;
}
.kg-header-card.kg-size-small h2 {
font-size: 3em;
}
.kg-header-card.kg-size-large h2 {
font-size: 5em;
}
.kg-header-card h3 {
font-size: 1.25em;
font-weight: 500;
line-height: 1.3em;
margin: 0;
}
.kg-header-card h3 strong {
font-weight: 600;
}
.kg-header-card.kg-size-small h3 {
font-size: 1em;
}
.kg-header-card.kg-size-large h3 {
font-size: 1.5em;
}
.kg-header-card:not(.kg-style-clear) h2,
.kg-header-card:not(.kg-style-clear) h3 {
color: #ffffff;
}
.kg-header-card a.kg-header-card-button {
display: flex;
position: static;
align-items: center;
padding: 0 1.2em;
height: 2.4em;
line-height: 1em;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: 0.95em;
font-weight: 600;
text-decoration: none !important;
border-radius: 5px;
transition: opacity 0.2s ease-in-out;
background-color: var(--ghost-accent-color);
color: #ffffff !important;
margin: 1.75em 0 0;
}
.kg-header-card a.kg-header-card-button:hover {
opacity: 0.85;
}
.kg-header-card.kg-size-large a.kg-header-card-button {
margin-top: 2em;
}
.kg-header-card.kg-size-small a.kg-header-card-button {
margin-top: 1.5em;
}
.kg-header-card.kg-style-image a.kg-header-card-button,
.kg-header-card.kg-style-invert a.kg-header-card-button {
background: #ffffff;
color: #15171a !important;
}
.kg-header-card.kg-style-accent a.kg-header-card-button {
background: #ffffff;
color: var(--ghost-accent-color) !important;
}
.kg-audio-card {
display: flex;
width: 100%;
Expand Down
56 changes: 45 additions & 11 deletions core/frontend/src/cards/css/before-after.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,20 +8,24 @@
overflow: hidden;
top: 0;
left: 0;
height: 100%;
}

.kg-before-after-card .kg-before-after-card-image-after img {
width: 100%;
}

.kg-before-after-card img {
.kg-before-after-card .kg-before-after-card-image-before img {
max-width: none;
width: unset;
object-fit: cover;
}

.kg-before-after-card input {
top:0;
left: -25px;
position: absolute;
top: 0;
-webkit-appearance: none;
appearance: none;
width: calc(100% + 50px);
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0);
outline: none;
Expand All @@ -31,17 +35,47 @@
.kg-before-after-card input::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 50px;
height: 50px;
width: 5px;
height: 100%;
background: white;
cursor: pointer;
border-radius: 25px;
}

.kg-before-after-card input::-moz-range-thumb {
width: 50px;
height: 50px;
width: 5px;
height: 100%;
background: white;
cursor: pointer;
border-radius: 25px;
}

.kg-before-after-card-slider-handle {
pointer-events: none;
position: absolute;
width: 30px;
height: 30px;
border-radius: 50%;
background-color: white;
left: calc(50% - 18px);
top: calc(50% - 18px);
display: flex;
justify-content: center;
align-items: center;
}

.kg-before-after-card-slider-handle:after {
transform: rotate(-45deg);
content: '';
padding: 3px;
display: inline-block;
border: solid #5D5D5D;
border-width: 0 2px 2px 0;
}

.kg-before-after-card-slider-handle:before {
transform: rotate(135deg);
content: '';
padding: 3px;
display: inline-block;
border: solid #5D5D5D;
border-width: 0 2px 2px 0;
}
7 changes: 6 additions & 1 deletion core/frontend/src/cards/css/callout.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -42,8 +42,9 @@
color: #fff;
}

.kg-callout-card-accent a {
.kg-callout-card.kg-callout-card-accent a {
color: #fff;
text-decoration: underline;
}

.kg-callout-card div.kg-callout-emoji {
Expand All @@ -55,4 +56,8 @@
.kg-callout-card div.kg-callout-text {
font-size: .95em;
line-height: 1.5em;
}

.kg-callout-card + .kg-callout-card {
margin-top: 1em;
}
12 changes: 9 additions & 3 deletions core/frontend/src/cards/css/file.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@

.kg-file-card a.kg-file-card-container {
display: flex;
align-items: center;
align-items: stretch;
justify-content: space-between;
color: inherit;
padding: 6px;
Expand All @@ -25,6 +25,7 @@
flex-direction: column;
justify-content: space-between;
margin: 4px 8px;
width: 100%
}

.kg-file-card-title {
Expand All @@ -35,14 +36,18 @@

.kg-file-card-caption {
font-size: 0.95em;
line-height: 1.5em;
line-height: 1.3em;
opacity: 0.6;
}

.kg-file-card-title + .kg-file-card-caption {
margin-top: -6px;
}

.kg-file-card-metadata {
display: inline;
font-size: 0.825em;
line-height: 1.5em;
line-height: 1.3em;
margin-top: 2px;
}

Expand Down Expand Up @@ -108,6 +113,7 @@
}

.kg-file-card-small a.kg-file-card-container {
align-items: center;
min-height: 52px;
}

Expand Down
Loading

0 comments on commit 7eeb6fb

Please sign in to comment.