rename l-section -> l-section-pad
This commit is contained in:
parent
86e5bebb13
commit
0eb45ce9a7
|
@ -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>
|
||||||
|
|
|
@ -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">
|
||||||
|
|
|
@ -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 © <span id="js-copy-date">2020</span> ‐ <a rel="nofollow" href="https://rayelliott.dev">rayelliott.dev</a></p>
|
<p class="footer__attr">Copyright © <span id="js-copy-date">2020</span> ‐ <a rel="nofollow" href="https://rayelliott.dev">rayelliott.dev</a></p>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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) {
|
||||||
|
|
Reference in New Issue