bellingcat/ukraine-timemap
1
0
Fork 0
mirror of https://github.com/bellingcat/ukraine-timemap.git synced 2026-06-13 13:58:35 +03:00
Code Issues Packages Projects Releases Wiki Activity

some styling fixes (#178)

Browse Source 
* logos at bottom

* use GT-Zirkon font

* update filter/category copy

* add a fallback font

* stop tracking

* make timeline smaller for smaller laptops

* fix for firefox responsive intropopup

* mobile fallback

* update design system version
This commit is contained in:
Lachlan Kermode
2020-10-29 18:14:32 +01:00
committed by GitHub
parent 955e3631f9
commit 8b507fde96
27 changed files with 92 additions and 80 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/scss/_variables.scss
View File

@@ -1,3 +1,8 @@
@font-face {
font-family: 'GT-Zirkon';
src: url(../assets/fonts/timemapfont.woff); // a Lato woff by default
}
$event_default: red;
$offwhite: #efefef;
@@ -24,6 +29,7 @@ $other: yellow;
.alpha { background: $alpha; }
.beta { background: $beta; }
$mainfont: 'GT-Zirkon', 'Lato', Helvetica, sans-serif;
// Font sizes
$xsmall: 10px;//0.7em;
@@ -54,7 +60,7 @@ $card-width: 386px;
$card-right: 9px;
$narrative-info-height: 205px;
$narrative-info-desc-height: 153px;
$timeline-height: 170px;
$timeline-height: 250px;
$toolbar-width: 110px;
$panel-width: 1000px;
@@ -68,4 +74,5 @@ $header-inset: 10px;
// CSS variables (for React access)
:root {
--toolbar-width: 110px;
}
--error-red: #eb443e;
}