Add centered class for paragraphs

This commit is contained in:
Patrick Smith 2019-01-12 10:48:21 -05:00
parent 94b89917ef
commit 5c7f3fa294
3 changed files with 10 additions and 9 deletions

View File

@ -12,6 +12,11 @@
p {
margin: 0 0 ($gap * 2) 0;
@include line-max;
&.centered {
margin-left: auto;
margin-right: auto;
}
}
h1, h2, h3, h4, h5, h6 {

View File

@ -2,12 +2,6 @@
text-align: center;
padding: 4rem 6rem;
.task-order-get-started__panel {
p {
margin: 2rem auto;
}
}
.task-order-get-started__list {
ul {
list-style: none;

View File

@ -16,9 +16,11 @@
<div class="col col--grow task-order-get-started">
<div class="panel task-order-get-started__panel">
<h1 class="panel__content">Let's get started</h1>
<p class="panel__content">
To create a portfolio of JEDI cloud applications, you'll complete and submit a task order in your organization's system of record. We'll help you complete the necessary pieces of that task order, including your:
</p>
<div class="panel__content">
<p class="centered">
To create a portfolio of JEDI cloud applications, you'll complete and submit a task order in your organization's system of record. We'll help you complete the necessary pieces of that task order, including your:
</p>
</div>
<span class="task-order-get-started__list panel__content">
<ul>
<li>Statement of work</li>