Fix CSS formatting

Shopify · Aug 20, 2018 · 39412d9 · 39412d9
1 parent 70d30c5
commit 39412d9
Showing 1 changed file with 63 additions and 54 deletions.
diff --git 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{
 </head>
 <body>
   <main id="CookiePartitionPrompt">
-    <div class="Polaris-Page Polaris-Page--singleColumn">
+    <div class="Polaris-Page">
       <div class="Polaris-Page__Content">
         <div class="Polaris-Layout">
           <div class="Polaris-Layout__Section">