bitwarden/browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser synced 2026-02-18 10:23:52 +00:00
Code Issues Releases Wiki Activity

[CL-234] callout style refresh (#9920)

Browse Source 
* update callout styles; make component standalone

* add import block to mdx page
This commit is contained in:
Will Martin
2024-07-03 15:17:47 -04:00
committed by GitHub
parent b1246fa195
commit 0bfbba2d03
5 changed files with 21 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
libs/components/src/callout/callout.component.html
View File

@@ -1,16 +1,13 @@
<aside
class="tw-mb-4 tw-box-border tw-rounded tw-border tw-border-l-8 tw-border-solid tw-border-secondary-300 tw-bg-background-alt tw-px-5 tw-py-3 tw-leading-5 tw-text-main"
class="tw-mb-4 tw-box-border tw-rounded-lg tw-border tw-border-l-4 tw-border-solid tw-bg-background tw-pl-3 tw-pr-2 tw-py-2 tw-leading-5 tw-text-main"
[ngClass]="calloutClass"
[attr.aria-labelledby]="titleId"
>
<header
id="{{ titleId }}"
class="tw-mb-2 tw-mt-0 tw-text-base tw-font-bold tw-uppercase"
[ngClass]="headerClass"
*ngIf="title"
>
<i class="bwi {{ icon }}" *ngIf="icon" aria-hidden="true"></i>
<header id="{{ titleId }}" class="tw-mb-1 tw-mt-0 tw-text-base tw-font-semibold" *ngIf="title">
<i class="bwi" [ngClass]="[icon, headerClass]" *ngIf="icon" aria-hidden="true"></i>
{{ title }}
</header>
<ng-content></ng-content>
<div bitTypography="body2">
<ng-content></ng-content>
</div>
</aside>