rename l-section -> l-section-pad

This commit is contained in:
Ray Elliott 2020-03-31 13:09:12 +00:00
parent 86e5bebb13
commit 0eb45ce9a7
5 changed files with 14 additions and 6 deletions

View File

@ -1,5 +1,5 @@
<article id="about" class="l-relative l-screen-min-full"> <article id="about" class="l-relative l-screen-min-full">
<div class="l-section l-wrapper"> <div class="l-section-pad l-wrapper">
<div> <div>
<h2>About Heading</h2> <h2>About Heading</h2>
<p>Lorem fuga cupiditate quidem quia earum, hic. Iusto id beatae sit similique sequi! Earum veritatis mollitia iste ipsam totam deleniti Nam cupiditate recusandae tempore ab magnam! Officiis maxime incidunt asperiores?</p> <p>Lorem fuga cupiditate quidem quia earum, hic. Iusto id beatae sit similique sequi! Earum veritatis mollitia iste ipsam totam deleniti Nam cupiditate recusandae tempore ab magnam! Officiis maxime incidunt asperiores?</p>

View File

@ -1,5 +1,5 @@
<article id="contact" class="l-relative l-screen-min-full contact-bg"> <article id="contact" class="l-relative l-screen-min-full contact-bg">
<div class="l-section l-wrapper"> <div class="l-section-pad l-wrapper">
<h2>Contact</h2> <h2>Contact</h2>
<form action="https://mailthis.to/remailthis" method="POST" encType="multipart/form-data"> <form action="https://mailthis.to/remailthis" method="POST" encType="multipart/form-data">
<ul class="u-no-list"> <ul class="u-no-list">

View File

@ -2,8 +2,16 @@
<div class="l-underlay body-bg"></div> <div class="l-underlay body-bg"></div>
<div class="l-wrapper"> <div class="l-wrapper">
<ul class="l-flex-list-row"> <ul class="l-flex-list-row">
<li class="footer_item"><a href="{{ "terms-and-conditions" | relURL }}">Terms and Conditions</a></li> <li>
<li class="footer_item"><a><a href="{{ "privacy-policy" | relURL }}">Privacy Policy</a></li> </li>
<li>
</li>
<li>
</li>
</ul>
<ul class="l-flex-list-row">
<li class="footer__term"><a href="{{ "terms-and-conditions" | relURL }}">Terms and Conditions</a></li>
<li class="footer__term"><a><a href="{{ "privacy-policy" | relURL }}">Privacy Policy</a></li>
</ul> </ul>
<p class="footer__attr">Copyright &copy; <span id="js-copy-date">2020</span> &dash; <a rel="nofollow" href="https://rayelliott.dev">rayelliott.dev</a></p> <p class="footer__attr">Copyright &copy; <span id="js-copy-date">2020</span> &dash; <a rel="nofollow" href="https://rayelliott.dev">rayelliott.dev</a></p>
</div> </div>

View File

@ -1,5 +1,5 @@
<article id="services" class="l-relative l-screen-min-full services-bg"> <article id="services" class="l-relative l-screen-min-full services-bg">
<div class="l-section l-wrapper"> <div class="l-section-pad l-wrapper">
<h2>Services</h2> <h2>Services</h2>
<ul> <ul>
<li> <li>

View File

@ -5,7 +5,7 @@
margin-right: auto; margin-right: auto;
} }
.l-section { .l-section-pad {
padding: 24px 8px; padding: 24px 8px;
@media (min-width: $bp-m) { @media (min-width: $bp-m) {