bitwarden/browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser synced 2025-12-10 21:33:27 +00:00
Code Issues Releases Wiki Activity

[PM-26984] Use medium instead of semibold or bold, and for headings (#17184)

Browse Source
This commit is contained in:
Vicki League
2025-11-10 17:11:35 -05:00
committed by GitHub
parent c25cd63022
commit c22cba76ec
10 changed files with 30 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
libs/components/src/multi-select/scss/bw.theme.scss
View File

@@ -342,7 +342,7 @@ $ng-dropdown-shadow: rgb(var(--color-secondary-100)) !default;
&.ng-option-selected.ng-option-marked {
color: $ng-select-dropdown-optgroup-marked;
background-color: $ng-select-selected;
font-weight: 600;
font-weight: 500;
}
}
.ng-option {
@@ -356,7 +356,7 @@ $ng-dropdown-shadow: rgb(var(--color-secondary-100)) !default;
&.ng-option-selected.ng-option-marked {
color: $ng-select-selected-text;
.ng-option-label {
font-weight: 600;
font-weight: 500;
}
}
&.ng-option-marked {

20
libs/components/src/tw-theme-preflight.css
View File

@@ -14,22 +14,22 @@
}
h1 {
@apply tw-text-3xl tw-text-main tw-mb-2;
@apply tw-text-3xl tw-text-main tw-mb-2 tw-font-medium;
}
h2 {
@apply tw-text-2xl tw-text-main tw-mb-2;
@apply tw-text-2xl tw-text-main tw-mb-2 tw-font-medium;
}
h3 {
@apply tw-text-xl tw-text-main tw-mb-2;
@apply tw-text-xl tw-text-main tw-mb-2 tw-font-medium;
}
h4 {
@apply tw-text-lg tw-text-main tw-mb-2;
@apply tw-text-lg tw-text-main tw-mb-2 tw-font-medium;
}
h5 {
@apply tw-text-base tw-text-main tw-mb-1.5;
@apply tw-text-base tw-text-main tw-mb-1.5 tw-font-medium;
}
h6 {
@apply tw-text-sm tw-text-main tw-mb-1.5;
@apply tw-text-sm tw-text-main tw-mb-1.5 tw-font-medium;
}
code {
@@ -82,4 +82,12 @@
th {
@apply tw-font-medium;
}
b {
@apply tw-font-medium;
}
strong {
@apply tw-font-medium;
}
}

12
libs/components/src/typography/typography.directive.ts
View File

@@ -3,12 +3,12 @@ import { booleanAttribute, Directive, HostBinding, input } from "@angular/core";
type TypographyType = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "body1" | "body2" | "helper";
const styles: Record<TypographyType, string[]> = {
h1: ["!tw-text-3xl", "tw-text-main"],
h2: ["!tw-text-2xl", "tw-text-main"],
h3: ["!tw-text-xl", "tw-text-main"],
h4: ["!tw-text-lg", "tw-text-main"],
h5: ["!tw-text-base", "tw-text-main"],
h6: ["!tw-text-sm", "tw-text-main"],
h1: ["!tw-text-3xl", "tw-text-main", "tw-font-medium"],
h2: ["!tw-text-2xl", "tw-text-main", "tw-font-medium"],
h3: ["!tw-text-xl", "tw-text-main", "tw-font-medium"],
h4: ["!tw-text-lg", "tw-text-main", "tw-font-medium"],
h5: ["!tw-text-base", "tw-text-main", "tw-font-medium"],
h6: ["!tw-text-sm", "tw-text-main", "tw-font-medium"],
body1: ["!tw-text-base"],
body2: ["!tw-text-sm"],
helper: ["!tw-text-xs"],