Thank you for the useful plugin that generates really nice code!
However, the style-sheet was not rendering notices correctly - paddings were off, especially top padding. Below is the corrected assets/notices.css to generate notices that are more similar to the original looks achieved by nested blockquotes. Border settings were moved to the .notices class, margin for paragraph is set to 0 and only border-color is left in the color classes:
.notices {
padding: 15px;
margin: 1rem 0;
border-width: 1px 1px 1px 10px;
border-style: solid;
border-radius: 3px;
}
.notices p {
margin: 0;
}
.notices.yellow {
border-color: #f0ad4e;
background: #fcf8f2;
color: #df8a13;
}
.notices.red {
border-color: #d9534f;
background: #fdf7f7;
color: #b52b27;
}
.notices.blue {
border-color: #5bc0de;
background: #f4f8fa;
color: #28a1c5;
}
.notices.green {
border-color: #5cb85c;
background: #f1f9f1;
color: #3d8b3d;
}
Thank you for the useful plugin that generates really nice code!
However, the style-sheet was not rendering notices correctly - paddings were off, especially top padding. Below is the corrected assets/notices.css to generate notices that are more similar to the original looks achieved by nested blockquotes. Border settings were moved to the .notices class, margin for paragraph is set to 0 and only border-color is left in the color classes:
.notices {
padding: 15px;
margin: 1rem 0;
border-width: 1px 1px 1px 10px;
border-style: solid;
border-radius: 3px;
}
.notices p {
margin: 0;
}
.notices.yellow {
border-color: #f0ad4e;
background: #fcf8f2;
color: #df8a13;
}
.notices.red {
border-color: #d9534f;
background: #fdf7f7;
color: #b52b27;
}
.notices.blue {
border-color: #5bc0de;
background: #f4f8fa;
color: #28a1c5;
}
.notices.green {
border-color: #5cb85c;
background: #f1f9f1;
color: #3d8b3d;
}