Move inline style to static css file (#1143)

karrot-dev · Nov 24, 2018 · 53b1e1a · 53b1e1a
1 parent ecc07ed
commit 53b1e1a
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 17 deletions.
diff --git a/src/base/index.html b/src/base/index.html
@@ -17,23 +17,7 @@
     <title>(karrot loading...)</title>
     <link rel="shortcut icon" href="statics/carrot_logo.ico">
     <link rel="icon" type="image/png" href="statics/carrot_logo.png" sizes="32x32">
-    <style>
-      .root-splash {
-        position: fixed;
-        top: 55%;
-        left: 50%;
-        transform: translate(-50%, -50%);
-        max-width: 50%;
-      }
-      .root-splash-first {
-        animation: root-splash-fadein-first 1s;
-        opacity: 0.3;
-      }
-      @keyframes root-splash-fadein-first {
-        from { opacity: 0; }
-        to   { opacity: 0.3; }
-      }
-    </style>
+    <link rel="stylesheet" type="text/css" href="statics/splash.css">
   </head>
   <body style="overscroll-behavior: none">
     <div id="q-app">

diff --git a/src/statics/splash.css b/src/statics/splash.css
@@ -0,0 +1,15 @@
+.root-splash {
+  position: fixed;
+  top: 55%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  max-width: 50%;
+}
+.root-splash-first {
+  animation: root-splash-fadein-first 1s;
+  opacity: 0.3;
+}
+@keyframes root-splash-fadein-first {
+  from { opacity: 0; }
+  to   { opacity: 0.3; }
+}