final tweaks - all checked on issue #10

the-engine-room · Oct 20, 2017 · 7fb3c27 · 7fb3c27
1 parent fd13c21
commit 7fb3c27
Show file tree

Hide file tree

Showing 6 changed files with 60 additions and 4 deletions.
diff --git a/dist/assets/external.png b/dist/assets/external.png
diff --git a/dist/assets/logos/UKaid-logo.png b/dist/assets/logos/UKaid-logo.png
diff --git a/dist/assets/logos/USAID-logo.png b/dist/assets/logos/USAID-logo.png
diff --git a/dist/css/main.css b/dist/css/main.css
@@ -31,6 +31,13 @@
   box-sizing: border-box;
   line-height: 180%;
 }
+a {
+  color: #380497;
+  outline: 0;
+}
+a:visited {
+  color: #380497;
+}
 /** Body **/
 html,
 body {
@@ -348,16 +355,41 @@ footer .logo-label {
   ::before {
     line-height: 140%;
   }
+  div.container {
+    margin: 0px 0px 0px 0px;
+    width: 95%;
+    text-align: left;
+  }
+  h1 {
+    font-family: "Sintony", sans-serif;
+    font-weight: bold;
+    color: #380497;
+    font-size: 24px;
+  }
   div.container > header,
   .message {
     height: auto;
     min-height: 100vh;
   }
   div.container > header a.see-all-content {
     position: relative;
+    bottom: 0px;
+    right: 0px;
+    display: block;
+    float: right;
+  }
+  .message article header h2 {
+    font-size: 22px;
+    height: auto;
   }
   .message article .content {
-    width: calc(100% - 72px);
+    width: calc(100% - 36px);
+    margin-right: 0px;
+    padding-right: 0px;
+  }
+  footer {
+    font-size: 12px;
+    padding: 25px;
   }
   footer .made-by,
   footer .partners {

diff --git a/src/less/main.less b/src/less/main.less
@@ -8,7 +8,9 @@
   line-height: 180%;
 }
 
-
+a { color: @violet; outline: 0; 
+  &:visited { color: @violet; }
+}
 /** Body **/
 html, body {
   text-align: center;

diff --git a/src/less/mobile.less b/src/less/mobile.less
@@ -2,22 +2,44 @@
   *, ::after, ::before {
     line-height: 140%;
   }
+
+  div.container {
+    margin: 0px 0px 0px 0px;
+    width: 95%;
+    text-align: left;
+  }
+  h1 {
+    .sintony;
+    color: @violet;
+    font-size: 24px;
+  }
   div.container > header, .message {
     height: auto;
     min-height: 100vh;
   }
   div.container > header a.see-all-content {
     position: relative;
+    bottom: 0px;
+    right: 0px;
+    display: block; float: right;
+  }
+  .message article header h2 {
+    font-size: 22px;
+    height: auto;
   }
   .message article .content {
-    width: ~"calc(100% - 72px)";
+    width: ~"calc(100% - 36px)";
+    margin-right: 0px;
+    padding-right: 0px;
   }
 
   footer {
+    font-size: 12px;
+    padding: 25px;
     .made-by, .partners {
       width: 100%;
       margin: 15px 0px;
-      clear: both; 
+      clear: both;
     }
   }