[S] Create a gradient for logo

2019-11-11 22:30:41 -05:00
parent 1df427b4b4
commit 41fbf70428
2 changed files with 12 additions and 1 deletions
@@ -63,6 +63,17 @@
        height: 70%;
        margin-right: 10px;
    }
+
+    #nav-logo-text
+    {
+        // Color
+        -webkit-background-clip: text !important;
+        -webkit-text-fill-color: transparent;
+        color: #6bbeff;
+        background: linear-gradient(90deg,
+                rgba(90,177,239,1) 0%,
+                rgba(25,212,174,1) 100%);
+    }
 }

 #next-course
@@ -5,7 +5,7 @@

            <div id="nav-title">
                <img id="nav-logo" alt="logo" src="../../assets/logo.png">
-                Veracross Analyzer
+                <span id="nav-logo-text">Veracross Analyzer</span>
            </div>

            <el-menu-item index="overall">Overall</el-menu-item>