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