0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-02-17 23:44:39 -05:00

Updated breakpoints

This commit is contained in:
Peter Zimon 2021-08-20 12:29:52 +02:00
parent 3f66165bca
commit b0e3143d10
2 changed files with 5 additions and 10 deletions

View file

@ -19,7 +19,7 @@ const DEV_MODE_DATA = {
showPopup: true,
site: Fixtures.site,
member: Fixtures.member.paid,
page: 'accountHome'
page: 'signup'
};
function SentryErrorBoundary({site, children}) {

View file

@ -115,24 +115,18 @@ export const ProductsSectionStyles = ({site}) => {
padding: 32px 2vw;
}
@media (max-width: 1080px) {
@media (max-width: 1280px) {
.gh-portal-products-grid {
grid-template-columns: repeat(${((productColumns(noOfProducts) >= 3) ? 3 : productColumns(noOfProducts))}, minmax(0, 300px));
}
}
@media (max-width: 800px) {
@media (max-width: 960px) {
.gh-portal-products-grid {
grid-template-columns: repeat(${((productColumns(noOfProducts) >= 2) ? 2 : productColumns(noOfProducts))}, minmax(0, 300px));
}
}
@media (max-width: 600px) {
.gh-portal-products-grid {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
@media (max-width: 360px) {
div:not(.gh-portal-products-priceswitch) .gh-portal-discount-label {
font-size: 0.9rem;
@ -387,7 +381,7 @@ export const ProductsSectionStyles = ({site}) => {
margin-top: -2px;
}
@media (max-width: 480px) {
@media (max-width: 670px) {
.gh-portal-products {
margin: 24px -32px 0 -32px;
padding: 12px 32px 20px 32px;
@ -398,6 +392,7 @@ export const ProductsSectionStyles = ({site}) => {
grid-gap: 20px;
padding: 32px 0 0;
width: 100%;
max-width: 420px;
}
.gh-portal-priceoption-label {