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 * @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 { @mixin alert {
padding: $gap * 2; padding: $gap * 2;
border-left-width: $gap / 2; border-left-width: $gap / 2;

4
templates/components/alert.html
View File

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