Shaping the accordions

pull/2/head
Rebecca Hollis 5 years ago
parent 2e2ab31364
commit c5fae17bce

@ -129,7 +129,14 @@ body {
.form-control:-moz-placeholder { color: searchfont; } /* Mozilla Firefox 4 to 18 */ .form-control:-moz-placeholder { color: searchfont; } /* Mozilla Firefox 4 to 18 */
.form-control::-moz-placeholder { color: searchfont; } /* Mozilla Firefox 19+ */ .form-control::-moz-placeholder { color: searchfont; } /* Mozilla Firefox 19+ */
.category-header p {
margin: 0 0 .15em 0;
padding-left: 1rem;
}
.category-header h4 {
padding-left: 1rem;
}
.footer { .footer {
padding-top: 3rem; padding-top: 3rem;
@ -144,3 +151,4 @@ body {
padding-left: 25rem; padding-left: 25rem;
color: footertext; color: footertext;
} }

@ -61,8 +61,14 @@ body{
border-radius: 5px; border-radius: 5px;
background-color: transparent; background-color: transparent;
cursor: pointer; cursor: pointer;
margin-bottom: 4px;
} }
.category-header.active { .category-header.active {
background-color: white; background-color: white;
margin-bottom: 25px;
}
.category-header br {
} }

@ -4,7 +4,6 @@
<div class="d-inline-flex"><h4>{{{category-id-clean}}}</h4> <img id="{{{category-key}}}-img" src="../images/chevron-up.svg" alt="button"/></div> <div class="d-inline-flex"><h4>{{{category-id-clean}}}</h4> <img id="{{{category-key}}}-img" src="../images/chevron-up.svg" alt="button"/></div>
<p class="text-#000000 align-self-center">{{{category-description}}}</p> <p class="text-#000000 align-self-center">{{{category-description}}}</p>
</div> </div>
<br>
<div id="{{{category-key}}}-container" class="{{{category-key}}}-collapse no-overflow row" style="display:none;"></div> <div id="{{{category-key}}}-container" class="{{{category-key}}}-collapse no-overflow row" style="display:none;"></div>
</div> </div>
</html> </html>
Loading…
Cancel
Save