Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-01-20 22:42:53 -05:00
Code Issues Activity

Added CSS changes for signup card picture/img elements (#17117)

Browse source 
refs https://github.com/TryGhost/Team/issues/3523

Instead of background images, we now use picture elements (with img
tags).
This commit is contained in:
Simon Backx 2023-06-23 13:42:14 +02:00 • committed by GitHub
parent 6f5baca849
commit c7f5ea4560
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 17 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
ghost/core/core/frontend/src/cards/css/signup.css
View file

@ -1,6 +1,5 @@
.kg-signup-card {
background-size: cover;
background-position: center center;
position: relative;
}
.kg-signup-card,
@ -70,10 +69,23 @@
z-index: 999;
}
/* Background image */
.kg-signup-card > picture > .kg-signup-card-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
background-color: #FFFFFF;
pointer-events: none;
}
/* Split layout image */
.kg-signup-card-image {
.kg-signup-card-content .kg-signup-card-image {
/* this will force the image to follow the signup card height */
height: 0;
min-height: 100%;
@ -82,7 +94,7 @@
object-position: center;
}
.kg-content-wide .kg-signup-card-image {
.kg-content-wide .kg-signup-card-content .kg-signup-card-image {
height: 100%;
padding: 8rem 0;
object-fit: contain;
@ -327,7 +339,7 @@
.kg-width-wide .kg-signup-card-text {
padding: 6.4vmax 4vmax;
}
.kg-layout-split.kg-content-wide .kg-signup-card-text,
.kg-layout-split.kg-content-wide.kg-swapped .kg-signup-card-text {
padding: 9.6vmax 0;