Base/_settings.scss at master · Fall-Back/Base · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
//$fallback--base-include-cleanse-css: false !default;


$fallback--root-font-size: 16px !default;
$fallback--base-font-size: 16px !default;
$fallback--base-line-height: 24px !default; // 1.25

$fallback--base-em-ratio: $fallback--base-line-height / $fallback--base-font-size; // 1.71428571429
$fallback--root-font-size-percent: ($fallback--root-font-size / 16px) * 100;
//@debug $fallback--base-line-height;
//@debug ($fallback--base-line-height / $fallback--root-font-size);
//@debug ($fallback--base-line-height / $fallback--root-font-size) * 1rem;

$fallback--base-rem-space-unit: ($fallback--base-line-height / $fallback--root-font-size) * 1rem;
$fallback--base-rem-1px: 1px / $fallback--root-font-size * 1rem;
//$fallback--base-rem-1px: 0.0625rem;

$fallback--base-font-family: sans-serif !default;
// Consider:
//$fallback--base-font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif !default;
// https://bitsofco.de/the-new-system-font-stack/ https://github.com/necolas/normalize.css/issues/665


//$fallback--base-ui-color: #FF8C00 !default; // darkorange #FF8C00 rgb(255,140,0)
//$fallback--base-ui-color: #2F4F4F !default; // teal, #008080, rgb(0,128,128)
$fallback--base-ui-color: #663399 !default; //rebeccapurple #663399 rgb(102,51,153)

$fallback--base-background-color: #fff !default;
$fallback--base-text-color: #333 !default;

$fallback--breakpoint--enhanced: 50em !default;