Add GitHub-styled alerts
This commit is contained in:
@ -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);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
Reference in New Issue
Block a user