mirror of
https://github.com/hashicorp/vault.git
synced 2026-05-28 04:10:44 -04:00
51 lines
1.2 KiB
SCSS
51 lines
1.2 KiB
SCSS
/**
|
|
* Copyright IBM Corp. 2016, 2025
|
|
* SPDX-License-Identifier: BUSL-1.1
|
|
*/
|
|
|
|
$base-font-size: var(--token-typography-body-300-font-size); // 16px
|
|
|
|
/*
|
|
General sizing in rem values
|
|
* Deprecated - please use the HDS text component to style fonts https://helios.hashicorp.design/components/text
|
|
*/
|
|
$size-2: 2.5rem; // 40px
|
|
$size-3: calc(24 / 14) + 0rem; // ~1.714rem ~27px
|
|
$size-4: 1.5rem; // 24px
|
|
$size-5: 1.25rem; // 20px
|
|
$size-6: 1rem; // 16px
|
|
$size-7: calc(13 / 14) + 0rem; // ~.929rem ~15px
|
|
$size-8: calc(12 / 14) + 0rem; // ~.857rem ~13.7px
|
|
$size-9: 0.75rem; // 12px
|
|
$size-10: 0.5rem; // 8px
|
|
$size-11: 0.25rem; // 4px
|
|
|
|
/* Spacing vars in px */
|
|
$spacing-4: 4px;
|
|
$spacing-8: 8px;
|
|
$spacing-10: 10px;
|
|
$spacing-12: 12px;
|
|
$spacing-14: 14px;
|
|
$spacing-16: 16px;
|
|
$spacing-18: 18px;
|
|
$spacing-20: 20px;
|
|
$spacing-24: 24px;
|
|
$spacing-32: 32px;
|
|
$spacing-36: 36px;
|
|
$spacing-48: 48px;
|
|
$spacing-64: 64px;
|
|
|
|
/* Responsiveness */
|
|
// 960, 1152, and 1344 have been chosen because they are divisible by both 12 and 16
|
|
$mobile: 769px;
|
|
// 960px container + 4rem
|
|
$desktop: 960px + (2 * 32px);
|
|
|
|
/* Animations and transitions */
|
|
$speed: 150ms;
|
|
$speed-slow: $speed * 2;
|
|
$easing: ease-out;
|
|
|
|
/* Nav */
|
|
$drawer-width: 300px;
|
|
$drawer-height: 300px;
|