Polishing footer
This commit is contained in:
parent
e6d1e26eb3
commit
10df81cded
4 changed files with 146 additions and 55 deletions
|
@ -904,6 +904,44 @@ ul.pagination {
|
|||
content: "";
|
||||
display: table;
|
||||
clear: both; }
|
||||
.modular .footer .quickmenu {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none; }
|
||||
.modular .footer .quickmenu i {
|
||||
padding-right: 0.5rem;
|
||||
color: #fff; }
|
||||
.modular .footer .quickmenu li a {
|
||||
color: #9A9898; }
|
||||
.modular .footer .footer-modules {
|
||||
display: block;
|
||||
padding-bottom: 1.5rem; }
|
||||
.modular .footer .footer-modules:after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both; }
|
||||
.modular .footer .footer-copyright {
|
||||
width: 50%;
|
||||
display: inline-block;
|
||||
float: left;
|
||||
text-align: left; }
|
||||
.modular .footer .footer-menu {
|
||||
float: right;
|
||||
display: inline-block;
|
||||
width: 50%;
|
||||
text-align: right; }
|
||||
.modular .footer .footer-menu ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none; }
|
||||
.modular .footer .footer-menu ul li {
|
||||
display: inline-block; }
|
||||
.modular .footer .footer-menu ul li:after {
|
||||
content: "/";
|
||||
margin: 0 0.5rem;
|
||||
display: inline-block; }
|
||||
.modular .footer .footer-menu ul li:last-child:after {
|
||||
display: none; }
|
||||
|
||||
.callout {
|
||||
background: #EEEEEE;
|
||||
|
|
File diff suppressed because one or more lines are too long
|
@ -51,6 +51,53 @@
|
|||
@include clearfix;
|
||||
color: $white;
|
||||
}
|
||||
hr {}
|
||||
.quickmenu {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
i {
|
||||
padding-right: 0.5rem;
|
||||
color: $white;
|
||||
}
|
||||
li a {
|
||||
color: $core-text;
|
||||
}
|
||||
}
|
||||
.footer-modules {
|
||||
@include clearfix;
|
||||
display: block;
|
||||
padding-bottom: 1.5rem;
|
||||
}
|
||||
.footer-copyright {
|
||||
width: 50%;
|
||||
display: inline-block;
|
||||
float: left;
|
||||
text-align: left;
|
||||
}
|
||||
.footer-menu {
|
||||
float: right;
|
||||
display: inline-block;
|
||||
width: 50%;
|
||||
text-align: right;
|
||||
ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
|
||||
li {
|
||||
display: inline-block;
|
||||
&:after {
|
||||
content: "/";
|
||||
margin: 0 0.5rem;
|
||||
display: inline-block;
|
||||
}
|
||||
&:last-child {
|
||||
&:after {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -22,21 +22,27 @@
|
|||
</div>
|
||||
<div class="footer-module"><h4>{{ page.header.links_title }}</h4>
|
||||
<ul class="quickmenu">
|
||||
|
||||
{% for module in page.collection() %}
|
||||
<li><i class="fa fa-chevron-right"></i><a href="#{{ _self.pageLinkName(module.menu) }}">{{ module.menu }}</a></li>
|
||||
{% for module in site.quicklinks %}
|
||||
<li><i class="fa fa-chevron-right"></i><a href="#{{ module.url }}">{{ module.text }}</a></li>
|
||||
{% endfor %}
|
||||
|
||||
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
<div class="footer-module">
|
||||
<h4>{{ page.header.newsletter_title }}</h4>
|
||||
<p>{{ page.header.newsletter_description }}</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{ content }}
|
||||
<div class="footer-modules">
|
||||
<div class="footer-copyright">
|
||||
{{ site.author.copyright }}
|
||||
</div>
|
||||
<div class="footer-menu">
|
||||
<ul class="othermenu">
|
||||
{% for module in site.othermenu %}
|
||||
<li><a href="#{{ module.url }}">{{ module.text }}</a></li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
Loading…
Reference in a new issue