Skip to content

Commit 5bdf64d

Browse files
committed
fix(alert): less shadow on hover for alert danger
1 parent 9f15ab5 commit 5bdf64d

1 file changed

Lines changed: 26 additions & 34 deletions

File tree

src/css/custom.css

Lines changed: 26 additions & 34 deletions
Original file line numberDiff line numberDiff line change
@@ -104,13 +104,15 @@ body {
104104

105105
.markdown a {
106106
color: var(--ifm-color-primary);
107+
text-shadow: 0 0 15px rgba(0, 138, 230, 0.1);
107108
text-decoration: none;
108109
border-bottom: 1px solid rgba(0, 138, 230, 0.3);
109110
transition: all 0.2s ease;
110111
font-weight: 500;
111112
}
112113

113114
.markdown a:hover {
115+
text-shadow: 0 0 20px rgba(0, 138, 230, 0.4);
114116
border-bottom-color: var(--ifm-color-primary);
115117
background-color: rgba(0, 138, 230, 0.05);
116118
}
@@ -298,6 +300,30 @@ body {
298300
color: #b91c1c;
299301
}
300302

303+
.alert--info:hover {
304+
box-shadow: 0 10px 10px -5px rgba(0, 138, 230, 0.15);
305+
transform: translateY(-1px);
306+
z-index: 10;
307+
}
308+
309+
.alert--success:hover {
310+
box-shadow: 0 10px 10px -5px rgba(16, 185, 129, 0.15);
311+
transform: translateY(-1px);
312+
z-index: 10;
313+
}
314+
315+
.alert--warning:hover {
316+
box-shadow: 0 10px 10px -5px rgba(245, 158, 11, 0.15);
317+
transform: translateY(-1px);
318+
z-index: 10;
319+
}
320+
321+
.alert--danger:hover {
322+
box-shadow: 0 10px 10px -5px rgba(239, 68, 68, 0.15);
323+
transform: translateY(-1px);
324+
z-index: 10;
325+
}
326+
301327
.markdown .alert a {
302328
border-bottom: none;
303329
text-decoration: underline;
@@ -542,37 +568,3 @@ button[class*="closeButton_"]:hover {
542568
padding-left: 7rem !important;
543569
}
544570
}
545-
546-
/* --- GLOWING ADMONITIONS --- */
547-
.alert--info:hover {
548-
box-shadow: 0 10px 10px -5px rgba(0, 138, 230, 0.15);
549-
transform: translateY(-1px);
550-
z-index: 10;
551-
}
552-
553-
.alert--success:hover {
554-
box-shadow: 0 10px 10px -5px rgba(16, 185, 129, 0.15);
555-
transform: translateY(-1px);
556-
z-index: 10;
557-
}
558-
559-
.alert--warning:hover {
560-
box-shadow: 0 10px 10px -5px rgba(245, 158, 11, 0.15);
561-
transform: translateY(-1px);
562-
z-index: 10;
563-
}
564-
565-
.alert--danger:hover {
566-
box-shadow: 0 20px 40px -5px rgba(239, 68, 68, 0.15);
567-
transform: translateY(-1px);
568-
z-index: 10;
569-
}
570-
571-
/* --- GLOWING LINKS --- */
572-
.markdown a {
573-
text-shadow: 0 0 15px rgba(0, 138, 230, 0.1);
574-
}
575-
576-
.markdown a:hover {
577-
text-shadow: 0 0 20px rgba(0, 138, 230, 0.4);
578-
}

0 commit comments

Comments
 (0)