Elgato_dark/angular
1
0
Fork 0
mirror of https://github.com/angular/angular synced 2026-05-24 09:28:37 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

docs(docs-infra): fix callouts icon collision with the content (#61664)

Browse source 
PR Close #61664
This commit is contained in:
Hakeem 2025-05-23 17:39:33 -07:00 committed by Pawel Kozlowski
parent fe0abb7509
commit 08eded75ff
1 changed files with 6 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
adev/shared-docs/styles/docs/_callout.scss
View file

@ -10,7 +10,6 @@
border-style: solid;
margin-block: 1.5rem;
border-image: var(--callout-theme) 1;
position: relative;
// Removes bottom line if followed by another callout
// Prevents too many lines/visual noise
@ -21,8 +20,7 @@
&::before {
font-family: var(--icons);
// content: icon is defined in each docs-alert class below...
position: absolute;
right: 0;
float: right;
margin-top: 1.35rem;
color: var(--alert-accent);
font-size: 1.3rem;
@ -41,6 +39,7 @@
max-width: fit-content;
}
}
.docs-viewer .docs-callout h3 {
font-size: 0.875rem;
margin-block: 1.6rem;
@ -48,6 +47,7 @@
.docs-callout-helpful {
--callout-theme: var(--purple-to-blue-horizontal-gradient);
&::before {
content: 'check_circle';
color: var(--bright-blue);
@ -56,6 +56,7 @@
.docs-callout-critical {
--callout-theme: var(--red-to-orange-horizontal-gradient);
&::before {
content: 'warning';
color: var(--orange-red);
@ -64,9 +65,10 @@
.docs-callout-important {
--callout-theme: var(--pink-to-purple-horizontal-gradient);
&::before {
content: 'priority_high';
color: var(--electric-violet);
}
}
}
}