_variables.scss 694 Bytes
Newer Older
arturo's avatar
arturo committed
1 2
@use 'sass:map';

3 4
/// Global spacing value
$space-unit: 8px;
5

arturo's avatar
arturo committed
6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21
// Bootstrap color system
// * with added shades of gray
$white:    #FFFFFF;
$gray-100: #F8F9FA;
$gray-150: #FAFAFA; // (+)
$gray-175: #F0F0F0; // (+)
$gray-200: #E9ECEF;
$gray-300: #DEE2E6;
$gray-400: #CED4DA;
$gray-500: #ADB5BD;
$gray-600: #6C757D;
$gray-700: #495057;
$gray-800: #343A40;
$gray-900: #212529;
$black:    #000000;

arturo's avatar
arturo committed
22

23 24 25 26 27 28 29 30 31 32 33 34
/// Z-Index Management
/// @link https://medium.com/alistapart/sassier-z-index-management-for-complex-layouts-4540717a9488
$z-indexes: (
  main: (
  ),
  forest-layout: (
    "teaser",
  ),
  phylo-layout: (
    "sidebar",
    "spinner",
  ),
arturo's avatar
arturo committed
35 36 37
  graph-layout: (
    "toolbar",
    "sidebar",
38 39
  ),
);