mirror of
https://github.com/bellingcat/ukraine-timemap.git
synced 2026-06-13 05:48:36 +03:00
86 lines
1.6 KiB
SCSS
86 lines
1.6 KiB
SCSS
@font-face {
|
|
font-family: "GT-Zirkon";
|
|
src: url(../assets/fonts/timemapfont.woff); // a Lato woff by default
|
|
}
|
|
|
|
$event_default: red;
|
|
|
|
$offwhite: #efefef;
|
|
$offwhite-transparent: rgba(239, 239, 239, 0.9);
|
|
$lightwhite: #dfdfdf;
|
|
$midwhite: #a0a0a0;
|
|
$darkwhite: darken($midwhite, 15%);
|
|
$yellow: #eb443e; // #ffd800;
|
|
$red: rgb(233, 0, 19);
|
|
$green: rgb(61, 241, 79);
|
|
$midgrey: rgb(44, 44, 44);
|
|
$darkgrey: #232323;
|
|
$black: #000000;
|
|
$black-transparent: rgba(0, 0, 0, 0.7);
|
|
|
|
// Category colors
|
|
$default: red;
|
|
$alpha: #00ff00;
|
|
$beta: #ff00ff;
|
|
$other: yellow;
|
|
|
|
.default {
|
|
background: $default;
|
|
}
|
|
.other {
|
|
background: $other;
|
|
}
|
|
.alpha {
|
|
background: $alpha;
|
|
}
|
|
.beta {
|
|
background: $beta;
|
|
}
|
|
|
|
$mainfont: "GT-Zirkon", "Lato", Helvetica, sans-serif;
|
|
|
|
// Font sizes
|
|
$xsmall: 10px; //0.7em;
|
|
$small: 11px; //0.9em;
|
|
$normal: 12px; //1em;
|
|
$large: 14px; //1.1em;
|
|
$xlarge: 16px; //1.2em;
|
|
$xxlarge: 20px; //1.4em;
|
|
$xxxlarge: 32px;
|
|
|
|
// z-index levels
|
|
$final-level: 10000;
|
|
$loading-overlay: 500;
|
|
$overheader: 100;
|
|
$header: 10;
|
|
$map-overlay: 2;
|
|
$map: 1;
|
|
$scene: 1;
|
|
$hidden: -1;
|
|
$timeline: 3;
|
|
|
|
// platform-specific sizes
|
|
$infopopup-width: 400px;
|
|
$infopopup-left: 122px;
|
|
$infopopup-bottom: 180px;
|
|
$card-width: 386px;
|
|
$card-right: 9px;
|
|
$narrative-info-height: 205px;
|
|
$narrative-info-desc-height: 153px;
|
|
$timeline-height: 250px;
|
|
$toolbar-width: 110px;
|
|
|
|
$panel-width: 1000px;
|
|
$panel-height: 1000px;
|
|
$vimeo-width: $panel-width - 100;
|
|
$vimeo-height: $panel-height / 2;
|
|
$banner-height: 100px;
|
|
$padding: 20px;
|
|
$header-inset: 10px;
|
|
|
|
// CSS variables (for React access)
|
|
:root {
|
|
--toolbar-width: 110px;
|
|
--error-red: #eb443e;
|
|
}
|