clean tests & other things

resources/sass/app.scss

@@ -1,5 +1,3 @@
-// Fonts
-@import url('https://fonts.googleapis.com/css?family=Nunito');
 
 @import "setup/reset";
 @import "setup/colors";
@@ -15,3 +13,4 @@
 @import "components/alert_box";
 
 @import "pages/auth";
+@import "pages/memos";

resources/sass/components/_btn.scss

@@ -3,14 +3,17 @@
 .btn {
     font-size: 1.6rem;
     border: 1px solid transparent;
-    padding: 0.5rem;
+    padding: 0.5rem 1rem;
     border-radius: 0.5rem;
     cursor: pointer;
     box-shadow: 1px 1px 2px $grey;
+    text-decoration: none;
     transition: background-color 0.2s, color 0.2s;
 
     &:hover {
         transition: background-color 0.2s, color 0.2s;
+        background-color: $mediumDark;
+        color: $white;
     }
 }
 
@@ -20,20 +23,26 @@
     border-color: $medium;
     color: $white;
 
-    &:hover {
-        background-color: $dark;
-        color: $light;
+    &:visited,
+    &:focus {
+        color: $white;
     }
 }
 
 .btn-secondary {
     @extend .btn;
     background-color: $mediumLight;
-    border-color: $medium;
+    border-color: $mediumLight;
     color: $dark;
+}
+
+.btn-alert {
+    @extend .btn;
+    background-color: $error;
+    border-color: $error;
+    color: $white;
 
     &:hover {
         background-color: $dark;
-        color: $light;
     }
 }

resources/sass/components/_elements.scss

@@ -4,11 +4,13 @@ label {
     display: block;
 }
 
+textarea,
 input {
     width: 100%;
     border: 1px solid $light;
     background-color: $greyLight;
     font-size: 1.6rem;
+    font-family: $fontMain;
     padding: 0.5rem;
     border-radius: 0.5rem;
 
@@ -21,3 +23,12 @@ input {
 input[type="checkbox"] {
     width: unset;
 }
+
+a {
+    color: $mediumDark;
+
+    &:focus,
+    &:visited {
+        color: $dark;
+    }
+}

resources/sass/components/main.scss

@@ -8,3 +8,7 @@ main {
     width: 100%;
     height: calc(100vh - 4.5rem);
 }
+
+.main-top {
+
+}

resources/sass/pages/memos.scss

@@ -0,0 +1,30 @@
+.memo {
+
+    &-list {
+
+        h1 {
+            font-size: 2.2rem;
+        }
+
+        a {
+            text-decoration: none;
+        }
+
+        &:nth-child(even) {
+            background-color: $light;
+        }
+
+        &:hover {
+            background-color: $mediumLight;
+
+            .memo-date {
+                opacity: 1;
+            }
+        }
+    }
+
+    &-date {
+        opacity: 0.6;
+    }
+}
+

resources/sass/setup/_fonts.scss

@@ -1,12 +1,14 @@
 // Fonts
 @import url('https://fonts.googleapis.com/css?family=Open+Sans');
 
+$fontMain: 'Open Sans', sans-serif;
+
 html {
     font-size: 62.5%;
 }
 
 body {
-    font-family: 'Open Sans', sans-serif;
+    font-family: $fontMain;
     font-size: 1.6rem;
     color: $font;
 }

resources/sass/setup/_positions.scss

@@ -30,6 +30,7 @@ $base: 1rem;
 .flex-center {
     display: flex;
     justify-content: center;
+    align-items: center;
 }
 
 .flex-end {