mirror of
https://github.com/eosswedenorg/apt
synced 2026-06-16 04:34:56 +02:00
58 lines
1.1 KiB
SCSS
58 lines
1.1 KiB
SCSS
@charset "utf-8";
|
|
|
|
// Branding
|
|
// ------------------------------
|
|
$green: #00b00b;
|
|
$brand-color: $green;
|
|
|
|
// Typography
|
|
// ------------------------------
|
|
$body-font: -apple-system, BlinkMacSystemFont,
|
|
"Segoe UI", Roboto, "Helvetica Neue", Arial,
|
|
"Noto Sans", sans-serif, "Apple Color Emoji",
|
|
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
|
|
|
$mono-font: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
|
|
|
|
$font-size-normal: 16px;
|
|
$font-size-small: 14px;
|
|
|
|
$spacer-1: 4px;
|
|
$spacer-2: 8px;
|
|
$spacer-3: 16px;
|
|
$spacer-4: 24px;
|
|
$spacer-5: 32px;
|
|
$spacer-6: 40px;
|
|
|
|
// Heading sizes - mobile
|
|
$h0-size-mobile: 31px;
|
|
$h1-size-mobile: 25px;
|
|
$h2-size-mobile: 21px;
|
|
$h3-size-mobile: 17px;
|
|
|
|
// Heading sizes - desktop
|
|
$h0-size: 39px;
|
|
$h1-size: 31px;
|
|
$h2-size: 23px;
|
|
$h3-size: 19px;
|
|
$h4-size: 15px;
|
|
$h5-size: 13px;
|
|
$h6-size: 12px;
|
|
|
|
// Container
|
|
|
|
$container-max-sm: 540px;
|
|
$container-max-md: 720px;
|
|
$container-max-lg: 960px;
|
|
$container-max-xl: 1140px;
|
|
|
|
$border-radius: 4px;
|
|
|
|
// Colors
|
|
// ------------------------------
|
|
|
|
$bg-gray-light: $gray-200;
|
|
$border-gray: $gray-500;
|
|
$border-gray-light: $gray-300;
|
|
|
|
$text-gray: $gray-900;
|