Polishing footer

This commit is contained in:
Karol Orzeł 2015-01-19 12:43:44 +01:00
parent e6d1e26eb3
commit 10df81cded
4 changed files with 146 additions and 55 deletions

View file

@ -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

View file

@ -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;
}
}
}
}
}
}
}

View file

@ -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>