mirror of
https://github.com/home-assistant/home-assistant.io.git
synced 2025-07-21 16:27:19 +00:00
Fix alert spacing issues (#38569)
This commit is contained in:
parent
c277ec5d5c
commit
9a1d317b08
@ -1,55 +1,62 @@
|
||||
div.alert {
|
||||
background: #e7f2fa;
|
||||
border-radius: 16px;
|
||||
margin-bottom: 24px;
|
||||
padding: 20px 24px 20px 24px;
|
||||
position: relative;
|
||||
|
||||
background: #e7f2fa;
|
||||
|
||||
padding: 20px 24px 20px 24px;
|
||||
margin-bottom: 24px;
|
||||
border-radius: 16px;
|
||||
>*:last-of-type {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
p {
|
||||
margin-bottom: 0px;
|
||||
&.alert-title {
|
||||
font-weight: bold;
|
||||
line-height: 1.5em;
|
||||
}
|
||||
|
||||
&.alert-content {
|
||||
padding: 6px;
|
||||
}
|
||||
}
|
||||
|
||||
&.alert-note {
|
||||
background-color: #e7f2fa;
|
||||
|
||||
p.alert-title {
|
||||
color: #6ab0de;
|
||||
}
|
||||
background-color: #e7f2fa;
|
||||
}
|
||||
|
||||
&.alert-tip {
|
||||
background-color: #e6f4ea;
|
||||
|
||||
p.alert-title {
|
||||
color: #4caf50;
|
||||
}
|
||||
background-color: #e6f4ea;
|
||||
}
|
||||
|
||||
&.alert-important {
|
||||
background-color: #ede7f6;
|
||||
|
||||
p.alert-title {
|
||||
color: #7e57c2;
|
||||
}
|
||||
background-color: #ede7f6;
|
||||
}
|
||||
|
||||
&.alert-warning {
|
||||
background-color: #f7f9e1;
|
||||
|
||||
p.alert-title {
|
||||
color: rgb(187, 185, 13);
|
||||
}
|
||||
background-color: #f7f9e1;
|
||||
}
|
||||
|
||||
&.alert-caution {
|
||||
background-color: #fdecea;
|
||||
|
||||
p.alert-title {
|
||||
color: #d32f2f;
|
||||
}
|
||||
background-color: #fdecea;
|
||||
}
|
||||
}
|
||||
}
|
Loading…
x
Reference in New Issue
Block a user