Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Remove alert__paragraph #2990

Merged
merged 4 commits into from Mar 25, 2019
Merged

Remove alert__paragraph #2990

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
01211ad
Remove paragraph alert from components
thisisdano Mar 25, 2019
5db5334
Remove paragraph alert Sass
thisisdano Mar 25, 2019
da2f122
Remove paragraph alert settings
thisisdano Mar 25, 2019
b293e64
Improve mobile margin between list examples
thisisdano Mar 25, 2019
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
10 changes: 5 additions & 5 deletions src/components/01-type/lists.njk
View file
Open in desktop
@@ -1,25 +1,25 @@

<div class="grid-row grid-gap">
<div class="mobile-lg:grid-col-4">
<h6 class="usa-heading-alt">Unordered list</h6>
<h6 class="margin-0">Unordered list</h6>
<ul class="usa-list">
<li>Unordered list item</li>
<li>Unordered list item</li>
<li>Unordered list item</li>
</ul>
</div>

<div class="mobile-lg:grid-col-4">
<h6 class="usa-heading-alt">Ordered list</h6>
<div class="mobile-lg:grid-col-4 margin-top-4 mobile-lg:margin-top-0">
<h6 class="margin-0">Ordered list</h6>
<ol class="usa-list">
<li>Ordered list item</li>
<li>Ordered list item</li>
<li>Ordered list item</li>
</ol>
</div>

<div class="mobile-lg:grid-col-4">
<h6 class="usa-heading-alt">Unstyled list</h6>
<div class="mobile-lg:grid-col-4 margin-top-4 mobile-lg:margin-top-0">
<h6 class="margin-0">Unstyled list</h6>
<ul class="usa-list usa-list--unstyled">
<li>Unstyled list item</li>
<li>Unstyled list item</li>
Expand Down
8 changes: 0 additions & 8 deletions src/components/05-alerts/alerts.config.yml
View file
Open in desktop
Expand Up @@ -36,14 +36,6 @@ variants:
title: Error status
role: "alert"

- name: paragraph
label: Paragraph
context:
alert:
classes: "usa-alert--info usa-alert__paragraph"
title: "Informative status: Paragraph width"
content: "Multi line. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui atione voluptatem sequi nesciunt. Neque porro quisquam est, qui doloremipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo."

- name: no-header
label: No header
context:
Expand Down
4 changes: 0 additions & 4 deletions src/stylesheets/components/_alerts.scss
View file
Open in desktop
Expand Up @@ -128,7 +128,3 @@ $padding-left: units($theme-alert-padding-x) + units($theme-alert-bar-width);
padding-left: 0;
}
}

.usa-alert__paragraph {
width: measure($theme-alert-measure);
}
1 change: 0 additions & 1 deletion src/stylesheets/settings/_settings-components.scss
View file
Open in desktop
Expand Up @@ -26,7 +26,6 @@ $theme-accordion-font-family: 'body' !default;
$theme-alert-bar-width: 1 !default;
$theme-alert-font-family: 'ui' !default;
$theme-alert-icon-size: 4 !default;
$theme-alert-measure: 5 !default;
$theme-alert-padding-x: 2.5 !default;

// Banner
Expand Down
1 change: 0 additions & 1 deletion src/stylesheets/theme/_uswds-theme-components.scss
View file
Open in desktop
Expand Up @@ -26,7 +26,6 @@ $theme-accordion-font-family: 'body';
$theme-alert-bar-width: 1;
$theme-alert-font-family: 'ui';
$theme-alert-icon-size: 4;
$theme-alert-measure: 5;
$theme-alert-padding-x: 2.5;

// Banner
Expand Down