Files
vault/ui/app/styles/utils/_size_variables.scss
claire bontempo b7b53b0c41 UI: Delete wizard code (#27162)
* delete wizard files

* uninstall xstate

* delete codemods log

* remve features-selection css
2024-05-21 12:56:46 -07:00

55 lines
1.2 KiB
SCSS

/**
* Copyright (c) HashiCorp, Inc.
* SPDX-License-Identifier: BUSL-1.1
*/
$base-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;
/* Border radius */
$radius: 2px;
$radius-large: 4px;
/* 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;