Ghost/ghost/admin/app/styles/layouts/offers.css
Peter Zimon 96ec92a47b Update offer details structure
- Added static UI to offer details page
- Deleted offer modal
2021-10-04 15:00:41 +02:00

121 lines
2.1 KiB
CSS
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

.fullscreen-modal-edit-offer {
max-width: 1220px;
}
.gh-offer-modal-content {
margin: -32px -32px 0;
padding: 32px 32px 0;
max-height: calc(100vh - 16vw);
overflow: scroll;
}
.gh-offer-modal-content .gh-main-section.columns-3 {
grid-template-columns: 0.8fr 0.8fr 1.2fr;
}
.gh-offers-list-cta {
display: flex;
flex-direction: column;
align-items: center;
padding: 4vw;
}
.gh-offers-list-cta h4 {
color: var(--darkgrey);
text-align: center;
font-weight: 600;
margin-bottom: 8px;
}
.gh-offers-list-cta p {
max-width: 390px;
color: var(--midgrey);
text-align: center;
line-height: 1.45em;
margin: 0 0 20px;
padding: 0;
}
.gh-offers-list-cta .discount-bubble {
color: var(--lightgrey);
width: 72px;
height: 72px;
margin-bottom: 16px;
}
.gh-offers-list-cta .discount-bubble path,
.gh-offers-list-cta .discount-bubble circle {
stroke-width: 0.8px;
}
.gh-offers-list-cta button {
min-width: 140px;
}
.gh-offers-list {
padding: 0;
}
.gh-offers-list-footer {
display: flex;
align-items: center;
justify-content: space-between;
padding: 8px 20px;
}
.gh-offers-list-footer a svg path {
stroke-width: 1.5px;
}
.gh-offer-modal-content .form-group:last-of-type {
margin-bottom: 0;
}
.gh-offer-type {
display: grid;
grid-template-columns: 160px auto;
grid-gap: 24px;
white-space: nowrap;
margin-top: -8px;
}
.gh-offer-type .gh-radio {
margin-bottom: 0;
align-items: center;
}
.gh-offer-type .gh-radio-content {
margin-left: 6px;
}
.gh-offer-type .gh-radio-label {
font-size: 1.3rem;
}
.gh-offer-form textarea {
max-width: unset;
}
.gh-offer-form .form-group {
max-width: unset;
}
/* Offers  Portal preview */
.gh-offer-portal-preview {
display: flex;
justify-content: flex-end;
width: 100%;
}
.gh-offer-portal-preview-mock {
display: flex;
align-items: center;
justify-content: center;
color: var(--midgrey);
border-radius: 5px;
height: 640px;
width: 420px;
background: #fff;
box-shadow: var(--box-shadow-preview-box);
}