#37 some more scss conversion

src/components/Home.js

@@ -1,11 +1,11 @@
 import React from 'react';
 import { Route, Link } from 'react-router-dom';
 import {Donate} from './Snippets';
+import "../scss/with_love.scss";
 
 export default function Home() {
   return (
     <div>
-      <link rel="stylesheet" href="/src/css/with_love.css" />
       <br />
       <div className="with-love">
         <div>Welcome to the <a href="https://github.com/chaoticbackup" className="name" target="_blank">Chaotic Backup Project</a>.

src/components/entercode/PackSimulator.js

@@ -47,8 +47,7 @@ export default class PackSimulator extends React.Component {
       if (i>9) break;
     }
 
-    return (<div>
-      <link rel="stylesheet" href="/src/css/packs.css" />
+    return (<div className="packsim">
       <Interactive as={Link} {...s.link}
        to={`/EnterTheCode/`}>Enter The Code</Interactive>
       <br /><br />

src/scss/packs.scss

@@ -4,6 +4,13 @@
 }
 } /* Desktop */
 
+.packsim {
+    input[type=number]::-webkit-inner-spin-button,
+    input[type=number]::-webkit-outer-spin-button {
+       opacity: 1;
+    }
+}
+
 .pack {
     height: 100%;
     display: flex;
@@ -11,7 +18,6 @@
     flex-wrap: wrap;
     justify-content: center;
     margin: auto;
-}
 
     .card {
         width: 150px;
@@ -34,11 +40,6 @@
         height: 350px;
     }
 
-input[type=number]::-webkit-inner-spin-button,
-input[type=number]::-webkit-outer-spin-button {
-   opacity: 1;
-}
-
     .stats {
         height: 100%;
         width: 100%;
@@ -100,3 +101,5 @@ input[type=number]::-webkit-outer-spin-button {
         left: -21px;
         font-size: 20px;
     }
+
+}

src/scss/portal.scss

@@ -109,7 +109,3 @@
     font-size: 16px;
     line-height: 20px;
 }
-
-.collection > .left {
-    position: fixed;
-}