Add GitHub-styled alerts

This commit is contained in:
daudix
2024-07-05 03:00:38 +03:00
parent 149cb38a68
commit 29fa3ec522
11 changed files with 227 additions and 26 deletions

View File

@ -47,7 +47,7 @@
box-shadow: var(--edge-highlight);
border-radius: var(--rounded-corner);
border-top-right-radius: 2.125rem;
background-color: var(--faves-bg);
background-color: var(--yellow-bg);
padding: 1rem;
overflow: hidden;
@ -77,7 +77,7 @@
}
&:hover {
outline: 0.125rem dashed var(--faves-fg);
outline: 0.125rem dashed var(--yellow-fg);
outline-offset: 0.5rem;
&::before {
@ -89,7 +89,7 @@
margin-top: 0.25rem;
a {
color: var(--faves-fg);
color: var(--yellow-fg);
}
}
@ -104,8 +104,8 @@
}
.tags a:hover {
background-color: var(--faves-bg);
color: var(--faves-fg);
background-color: var(--yellow-bg);
color: var(--yellow-fg);
}
:root[dir*="rtl"] & {
@ -167,14 +167,14 @@
}
.featured-badge {
background-color: var(--faves-bg);
color: var(--faves-fg);
background-color: var(--yellow-bg);
color: var(--yellow-fg);
.icon {
$icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M8 0a1 1 0 0 0-.95.684l-1.448 4.34-4.59-.016C.032 5.004-.371 6.266.43 6.828l3.625 2.555-1.5 4.285c-.317.902.687 1.691 1.492 1.172l4.004-2.594 3.894 2.586c.801.531 1.817-.258 1.5-1.16l-1.504-4.29 3.645-2.577c.789-.563.394-1.809-.574-1.813l-4.66-.015L8.949.69A1 1 0 0 0 8 0m0 0'/%3E%3C/svg%3E");
-webkit-mask-image: $icon;
mask-image: $icon;
background-color: var(--faves-fg);
background-color: var(--yellow-fg);
}
}
}