mirror of
https://github.com/hashicorp/vault.git
synced 2025-11-13 06:41:33 +01:00
7f03393630
* fix button padding * rename spacing variables using numerical values * fix toggle aligment * remove unused toggle classes * replace margin and padding with spacing vars * increase base font size * remove switch css, use toggle consistently * remaining margin/padding size vars to spacing pixels * add deprecated note, rever changes to size vars * decrease console size * remove function * adjust card size for small selectable cards * fix select to fit to content width * fix toolbar-scroller height * add changelog; * fix checkbox styling
205 lines
2.8 KiB
SCSS
205 lines
2.8 KiB
SCSS
/**
|
|
* Copyright (c) HashiCorp, Inc.
|
|
* SPDX-License-Identifier: BUSL-1.1
|
|
*/
|
|
|
|
/* Helpers that define margin and padding in pixels */
|
|
|
|
.is-paddingless {
|
|
padding: 0 !important;
|
|
}
|
|
|
|
.has-short-padding {
|
|
padding: $spacing-4 $spacing-18;
|
|
}
|
|
|
|
.has-tall-padding {
|
|
padding: $spacing-36;
|
|
}
|
|
|
|
.has-side-padding-s {
|
|
padding-left: $spacing-12;
|
|
padding-right: $spacing-12;
|
|
}
|
|
|
|
.has-padding-s {
|
|
padding: $spacing-12;
|
|
}
|
|
|
|
.has-padding-xxs {
|
|
padding: $spacing-4;
|
|
}
|
|
|
|
.has-padding-m {
|
|
padding: $spacing-16;
|
|
}
|
|
.has-padding-l {
|
|
padding: $spacing-24;
|
|
}
|
|
|
|
.has-padding-l {
|
|
padding: $spacing-24;
|
|
}
|
|
|
|
.has-bottom-padding-s {
|
|
padding-bottom: $spacing-12;
|
|
}
|
|
|
|
.has-bottom-padding-m {
|
|
padding-bottom: $spacing-16;
|
|
}
|
|
|
|
.has-bottom-padding-l {
|
|
padding-bottom: $spacing-24;
|
|
}
|
|
|
|
.has-top-padding-s {
|
|
padding-top: $spacing-12;
|
|
}
|
|
|
|
.has-top-padding-m {
|
|
padding-top: $spacing-16;
|
|
}
|
|
|
|
.has-top-padding-l {
|
|
padding-top: $spacing-24;
|
|
}
|
|
|
|
.has-left-padding-xs {
|
|
padding-left: $spacing-8;
|
|
}
|
|
|
|
.has-left-padding-s {
|
|
padding-left: $spacing-12;
|
|
}
|
|
|
|
.has-left-padding-l {
|
|
padding-left: $spacing-24;
|
|
}
|
|
|
|
.has-top-padding-xxl {
|
|
padding-top: $spacing-48;
|
|
}
|
|
|
|
// All Margin helpers
|
|
.is-marginless {
|
|
margin: 0 !important;
|
|
}
|
|
|
|
.has-top-bottom-margin {
|
|
margin: $spacing-18 0rem;
|
|
}
|
|
|
|
.has-top-bottom-margin-xxs {
|
|
margin: $spacing-4 0;
|
|
}
|
|
|
|
.has-top-bottom-margin-negative-m {
|
|
margin-top: -$spacing-16;
|
|
margin-bottom: -$spacing-16;
|
|
}
|
|
|
|
.has-top-margin-negative-xxl {
|
|
margin-top: -$spacing-48;
|
|
}
|
|
|
|
.has-right-margin-xxs {
|
|
margin-right: $spacing-4;
|
|
}
|
|
|
|
.has-left-margin-xxs {
|
|
margin-left: $spacing-4;
|
|
}
|
|
|
|
.has-bottom-margin-xxs {
|
|
margin-bottom: $spacing-4 !important;
|
|
}
|
|
|
|
.has-bottom-margin-xs {
|
|
margin-bottom: $spacing-8 !important;
|
|
}
|
|
|
|
.has-bottom-margin-s {
|
|
margin-bottom: $spacing-12;
|
|
}
|
|
|
|
.has-bottom-margin-m {
|
|
margin-bottom: $spacing-16;
|
|
}
|
|
|
|
.has-bottom-margin-l {
|
|
margin-bottom: $spacing-24;
|
|
}
|
|
|
|
.has-bottom-margin-xl {
|
|
margin-bottom: $spacing-36;
|
|
}
|
|
|
|
.has-bottom-margin-xxl {
|
|
margin-bottom: $spacing-48;
|
|
}
|
|
|
|
.has-top-margin-xxs {
|
|
margin-top: $spacing-4;
|
|
}
|
|
|
|
.has-top-margin-s {
|
|
margin-top: $spacing-12;
|
|
}
|
|
|
|
.has-top-margin-xs {
|
|
margin-top: $spacing-8;
|
|
}
|
|
|
|
.has-top-margin-m {
|
|
margin-top: $spacing-16;
|
|
}
|
|
|
|
.has-top-margin-l {
|
|
margin-top: $spacing-24;
|
|
}
|
|
|
|
.has-top-margin-xl {
|
|
margin-top: $spacing-36;
|
|
}
|
|
|
|
.has-top-margin-xxl {
|
|
margin-top: $spacing-48;
|
|
}
|
|
|
|
.has-top-margin-negative-s {
|
|
margin-top: (-1 * $spacing-12);
|
|
}
|
|
|
|
.has-left-margin-xxs {
|
|
margin-left: $spacing-4;
|
|
}
|
|
|
|
.has-left-margin-xs {
|
|
margin-left: $spacing-8;
|
|
}
|
|
|
|
.has-left-margin-s {
|
|
margin-left: $spacing-12;
|
|
}
|
|
|
|
.has-left-margin-m {
|
|
margin-left: $spacing-16;
|
|
}
|
|
|
|
.has-left-margin-l {
|
|
margin-left: $spacing-24;
|
|
}
|
|
|
|
.has-left-margin-xl {
|
|
margin-left: $spacing-36;
|
|
}
|
|
|
|
.has-right-margin-m {
|
|
margin-right: $spacing-16;
|
|
}
|
|
|
|
.has-right-margin-l {
|
|
margin-right: $spacing-24;
|
|
}
|