Skip to content

Commit 0ed0165

Browse files
codedollrickr
authored andcommitted
Specificity for bullets on FAQ (OperationCode#531)
* There were ul li specificity issues that prevented the bullets from showing up correctly. Fixed by adding a new class. This closes OperationCode#522
1 parent 2f84d81 commit 0ed0165

2 files changed

Lines changed: 16 additions & 2 deletions

File tree

app/assets/stylesheets/application.css.scss

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -75,3 +75,16 @@ $opcode-green: #26a69a;
7575
line-height: 64px;
7676
padding: 0 30px;
7777
}
78+
79+
// fixes bullets for FAQs
80+
.faqbullet li {
81+
list-style: initial;
82+
list-style-type: circle;
83+
margin-left: 5%;
84+
}
85+
86+
// adds padding to newline
87+
.pad-left {
88+
padding-left: 3%;
89+
}
90+

config/faqs.yml

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -29,12 +29,13 @@ general:
2929
answer: >
3030
As President Lincoln once said, “With malice toward none, with charity for all, with firmness in the right as God gives us to see the right, let us strive on to finish the work we are in, to bind up the nation's wounds, to care for him who shall have borne the battle and for his widow and his orphan...”
3131
<p>At Operation Code, we believe it is our moral obligation to ensure the men and women who are serving/served in our U.S. military should not be left behind in the new skills and knowledge economy. These numbers speak for themselves:
32-
<ul>
32+
<ul class="faqbullet">
3333
<li>high veterans unemployment/underemployment</li>
3434
<li>high veterans suicide rate</li>
3535
<li>high veterans homeless rate</li>
3636
</ul>
37-
We aim to turn these numbers around.
37+
<br>
38+
<span class= "pad-left">We aim to turn these numbers around.</span>
3839
</p>
3940
- question: What are the hours of operation for Operation Code?
4041
answer: "Operation Code is different in that we don't have regular business office hours. The team can usually be found in our <a href='http://operation-code.slack.com'>Slack channel</a>, or <a href='https://github.com/OperationCode/operationcode'>GitHub</a> fixing bugs and implementing new features."

0 commit comments

Comments
 (0)