61 lines
877 B
SCSS
61 lines
877 B
SCSS
/**
|
|
* Copyright (c) HashiCorp, Inc.
|
|
* SPDX-License-Identifier: MPL-2.0
|
|
*/
|
|
|
|
// This file styles the following styles: title, subtitle, form-section.title and title sizes
|
|
|
|
.title:not(:last-child),
|
|
.subtitle:not(:last-child) {
|
|
display: block;
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
.title {
|
|
color: hsl(0, 0%, 21%);
|
|
font-size: 2rem;
|
|
font-weight: $font-weight-bold;
|
|
line-height: 1.125;
|
|
word-break: break-word;
|
|
|
|
> a {
|
|
color: $black;
|
|
text-decoration: none;
|
|
}
|
|
|
|
// title sizes
|
|
&.is-2 {
|
|
font-size: $size-2;
|
|
}
|
|
|
|
&.is-3 {
|
|
font-size: $size-3;
|
|
}
|
|
|
|
&.is-4 {
|
|
font-size: $size-4;
|
|
}
|
|
|
|
&.is-5 {
|
|
font-size: $size-5;
|
|
}
|
|
|
|
&.is-6 {
|
|
font-size: $size-6;
|
|
}
|
|
|
|
&.is-7 {
|
|
font-size: $size-7;
|
|
}
|
|
}
|
|
|
|
.form-section .title {
|
|
margin-bottom: $spacing-s;
|
|
}
|
|
|
|
.is-subtitle-gray {
|
|
text-transform: uppercase;
|
|
font-size: $size-7;
|
|
color: $ui-gray-500;
|
|
}
|