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

Add centered class for paragraphs

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
styles/elements/_typography.scss
View File

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

6
styles/sections/_task_order.scss
View File

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

8
templates/task_orders/new/get_started.html
View File

@ -16,9 +16,11 @@
<div class="col col--grow task-order-get-started"> <div class="col col--grow task-order-get-started">
<div class="panel task-order-get-started__panel"> <div class="panel task-order-get-started__panel">
<h1 class="panel__content">Let's get started</h1> <h1 class="panel__content">Let's get started</h1>
<p class="panel__content"> <div 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 class="centered">
</p> 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"> <span class="task-order-get-started__list panel__content">
<ul> <ul>
<li>Statement of work</li> <li>Statement of work</li>