pk/atst
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

adjust alert headers

Browse Source
This commit is contained in:
dandds 2019-04-30 06:56:29 -04:00
parent 4d5ddb447e
commit 106fe17aa7
2 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
styles/components/_alerts.scss
View File

@ -4,6 +4,11 @@
* @source https://github.com/uswds/uswds/blob/develop/src/stylesheets/components/_alerts.scss
*/
.usa-alert-heading {
line-height: 2.4rem;
margin-bottom: $gap;
}
@mixin alert {
padding: $gap * 2;
border-left-width: $gap / 2;

4
templates/components/alert.html
View File

@ -25,9 +25,9 @@
<div class='usa-alert-body'>
{% if vue_template %}
<h2 class='usa-alert-heading' v-html='title'></h2>
<h3 class='usa-alert-heading' v-html='title'></h3>
{% else %}
<h2 class='usa-alert-heading'>{{title}}</h2>
<h3 class='usa-alert-heading'>{{title}}</h3>
{% endif %}
{% if message %}