diff --git a/app/views/shopify_app/sessions/enable_cookies.html.erb b/app/views/shopify_app/sessions/enable_cookies.html.erb index 748433b9c..6b1eb7208 100644 --- a/app/views/shopify_app/sessions/enable_cookies.html.erb +++ b/app/views/shopify_app/sessions/enable_cookies.html.erb @@ -7,54 +7,57 @@ body { min-height:100%; height:100%; + font-size:1.5rem; + font-weight:400; + line-height:2rem; + text-transform:initial; + letter-spacing:initial; + font-weight:400; + color:#212b36; + font-family:-apple-system, BlinkMacSystemFont, San Francisco, Roboto, Segoe UI, Helvetica Neue, sans-serif; } - html, -body{ - font-size:1.5rem; - font-weight:400; - line-height:2rem; - text-transform:initial; - letter-spacing:initial; - font-weight:400; - color:#212b36; - font-family:-apple-system, BlinkMacSystemFont, San Francisco, Roboto, Segoe UI, Helvetica Neue, sans-serif; } - @media (min-width: 40em){ - html, - body{ - font-size:1.4rem; } } - -html{ - position:relative; - font-size:62.5%; - -webkit-font-smoothing:antialiased; - -moz-osx-font-smoothing:grayscale; - -webkit-text-size-adjust:100%; + @media (min-width: 40em) { + html, + body { + font-size:1.4rem; + } + } + + html { + position:relative; + font-size:62.5%; + -webkit-font-smoothing:antialiased; + -moz-osx-font-smoothing:grayscale; + -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; - text-size-adjust:100%; - text-rendering:optimizeLegibility; } - -body{ - min-height:100%; - margin:0; - padding:0; - background-color:#f4f6f8; } - -*, -*::before, -*::after{ - box-sizing:border-box; } - -h1, -h2, -h3, -h4, -h5, -h6, -p{ - margin:0; - font-size:1em; - font-weight:400; } + text-size-adjust:100%; + text-rendering:optimizeLegibility; + } + + body { + min-height:100%; + margin:0; + padding:0; + background-color:#f4f6f8; + } + + *, + *::before, + *::after{ + box-sizing:border-box; } + + h1, + h2, + h3, + h4, + h5, + h6, + p { + margin:0; + font-size:1em; + font-weight:400; + } #CookiePartitionPrompt { display: none; @@ -65,6 +68,7 @@ p{ padding:0; max-width:99.8rem; } + @media (min-width: 30.625em) { .Polaris-Page { padding:0 2rem; @@ -76,14 +80,6 @@ p{ } } - .Polaris-Page--fullWidth { - max-width:none; - } - - .Polaris-Page--singleColumn { - max-width:66.2rem; - } - .Polaris-Page__Content { margin:2rem 0; } @@ -164,6 +160,19 @@ p{ min-width:0; } + .Polaris-Heading { + font-size:1.7rem; + font-weight:600; + line-height:2.4rem; + margin:0; + } + + @media (min-width: 40em) { + .Polaris-Heading { + font-size:1.6rem; + } + } + .Polaris-Card { overflow:hidden; background-color:white; @@ -342,7 +351,7 @@ p{
-
+