diff --git a/dist/assets/external.png b/dist/assets/external.png index 774921a..05adea3 100644 Binary files a/dist/assets/external.png and b/dist/assets/external.png differ diff --git a/dist/assets/logos/UKaid-logo.png b/dist/assets/logos/UKaid-logo.png index fd47261..7a63899 100644 Binary files a/dist/assets/logos/UKaid-logo.png and b/dist/assets/logos/UKaid-logo.png differ diff --git a/dist/assets/logos/USAID-logo.png b/dist/assets/logos/USAID-logo.png index b8eb436..5e7f2f7 100644 Binary files a/dist/assets/logos/USAID-logo.png and b/dist/assets/logos/USAID-logo.png differ diff --git a/dist/css/main.css b/dist/css/main.css index da59da8..6603bf6 100644 --- 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,6 +355,17 @@ 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; @@ -355,9 +373,23 @@ footer .logo-label { } 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 index 1c76e9d..13b4fcd 100644 --- 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 index 5ffa928..bc55776 100644 --- 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; } }