|
@@ -415,23 +415,26 @@
|
|
|
border: 1.5px solid transparent;
|
|
border: 1.5px solid transparent;
|
|
|
background:
|
|
background:
|
|
|
linear-gradient(var(--background-base) 0 0) padding-box,
|
|
linear-gradient(var(--background-base) 0 0) padding-box,
|
|
|
- conic-gradient(from var(--border-angle),
|
|
|
|
|
- transparent 0deg,
|
|
|
|
|
- transparent 0deg,
|
|
|
|
|
- var(--border-warning-strong, var(--border-warning-selected)) 300deg,
|
|
|
|
|
- var(--border-warning-base) 360deg) border-box;
|
|
|
|
|
|
|
+ conic-gradient(
|
|
|
|
|
+ from var(--border-angle),
|
|
|
|
|
+ transparent 0deg,
|
|
|
|
|
+ transparent 0deg,
|
|
|
|
|
+ var(--border-warning-strong, var(--border-warning-selected)) 300deg,
|
|
|
|
|
+ var(--border-warning-base) 360deg
|
|
|
|
|
+ )
|
|
|
|
|
+ border-box;
|
|
|
animation: chase-border 2.5s linear infinite;
|
|
animation: chase-border 2.5s linear infinite;
|
|
|
pointer-events: none;
|
|
pointer-events: none;
|
|
|
z-index: -1;
|
|
z-index: -1;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
- &>*:first-child {
|
|
|
|
|
|
|
+ & > *:first-child {
|
|
|
border-top-left-radius: 6px;
|
|
border-top-left-radius: 6px;
|
|
|
border-top-right-radius: 6px;
|
|
border-top-right-radius: 6px;
|
|
|
overflow: hidden;
|
|
overflow: hidden;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
- &>*:last-child {
|
|
|
|
|
|
|
+ & > *:last-child {
|
|
|
border-bottom-left-radius: 6px;
|
|
border-bottom-left-radius: 6px;
|
|
|
border-bottom-right-radius: 6px;
|
|
border-bottom-right-radius: 6px;
|
|
|
overflow: hidden;
|
|
overflow: hidden;
|