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:
parent
4ae255e3c3
commit
5d4fd984f4
@ -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
37
site/_sass/_footer.scss
Normal 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);
|
||||||
|
}
|
Loading…
Reference in New Issue
Block a user