Merge pull request #1204 from pixelfed/frontend-ui-refactor

Frontend ui refactor

public/mix-manifest.json

@@ -1,9 +1,9 @@
 {
     "/js/activity.js": "/js/activity.js?id=7915246c3bc2b7e9770e",
     "/js/app.js": "/js/app.js?id=3cd2f5b91d50cb028347",
-    "/css/app.css": "/css/app.css?id=bf2aa55e1be9b812669f",
-    "/css/appdark.css": "/css/appdark.css?id=12306d2c0ad1a8447ef8",
-    "/css/landing.css": "/css/landing.css?id=deda9ca9ab8609f8c5ea",
+    "/css/app.css": "/css/app.css?id=74d8a4ede8e2fb2de6cb",
+    "/css/appdark.css": "/css/appdark.css?id=9b6627072c6c5de39494",
+    "/css/landing.css": "/css/landing.css?id=876ebeefc3f7dc522464",
     "/js/components.js": "/js/components.js?id=7e2c0820d0ca5af5aeaa",
     "/js/compose.js": "/js/compose.js?id=4d8c53b4575f463214f2",
     "/js/developers.js": "/js/developers.js?id=1359f11c7349301903f8",

resources/assets/sass/_variables.scss

@@ -5,6 +5,7 @@ $body-bg: #f5f8fa;
 // Typography
 $font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
 $font-size-base: 0.9rem;
+$font-weight-lighter: 300;
 $line-height-base: 1.6;
 
 $font-size-lg: ($font-size-base * 1.25);
@@ -19,4 +20,4 @@ $custom-control-description-disabled-color: #868e96;
 $white: white;
 $theme-colors: (
   'primary': #08d
-);
+);

resources/assets/sass/custom.scss

@@ -132,6 +132,10 @@ body, button, input, textarea {
     background-color: rgba(0,0,0,0.5);
 }
 
+.font-weight-lighter {
+    font-weight: 300 !important
+}
+
 .font-weight-ultralight {
     font-weight: 200 !important;
 }