css-team: first draft of the footer

git-svn-id: svn+ssh://atelier.inf.usi.ch/home/bevilj/group-1@19 a672b425-5310-4d7a-af5c-997e18724b81
This commit is contained in:
terehm 2018-10-31 17:16:47 +00:00
parent 4ae255e3c3
commit 5d4fd984f4
2 changed files with 58 additions and 1 deletions

View File

@ -1 +1,21 @@
<footer>Footer</footer>
<footer>
<div>
<div class="head">INFO</div>
<div class="child">
Author: {{page.author}}<br>
<a href="/credits.html">Credits</a>
</div>
</div>
<div>
<div class="head">What was it again?</div>
<div class="child">
something<br>
something else
</div>
</div>
<div>
<img src="test"> <!-- TODO: replace with actual image and add metadata attr -->
</div>
</footer>

37
site/_sass/_footer.scss Normal file
View File

@ -0,0 +1,37 @@
/* Author: Marco Tereh */
/* this file only concerns elements which are children of the <footer> */
footer{
background-color: grey; /* TODO: replace placeholder color and add text color */
overflow: auto;
}
footer > div {
float: left;
margin: 10px;
width: CALC(33% - 20px);
}
footer .head {
text-decoration: underline;
}
footer .child {
margin-left: 5px;
}
footer > div:nth-child(2){
text-align: center;
.child{
text-align: left;
width: fit-content;
margin: auto;
}
}
footer div img {
height: 50px;
width: 50px;
margin-left: CALC(100% - 50px);
}