flayks/housesof
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Rework a little Footer links

Browse Source 
Remove the text before the collective's logo
This commit is contained in:
Félix Péault
2020-03-06 11:11:17 +01:00
parent c823e8856e
commit c63c7a5826
2 changed files with 10 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/organisms/Footer.svelte
View File

@@ -28,10 +28,9 @@
{/if}
</ul>
</li>
<li class="cetrucflotte">
<span>A project by</span>
<a href="https://cetrucflotte.com" target="_blank" rel="noopener">
<img src="/img/logo-ctf.svg" alt="Cetrucflotte logo's">
<li class="by">
<a href="https://cetrucflotte.com" title="A project by Cetrucflotte" target="_blank" rel="noopener">
<img src="/img/logo-ctf.svg" alt="Logo of Cetrucflotte">
</a>
</li>
</ul>

24
src/style/organisms/_footer.scss
View File

@@ -37,7 +37,7 @@
@include breakpoint (sm) {
display: flex;
align-items: baseline;
align-items: center;
}
li {
@@ -93,30 +93,20 @@
}
}
// Collective
.cetrucflotte {
display: inline-flex;
align-items: center;
justify-content: center;
span {
color: rgba(#fff, 0.4)
}
// Made by
.by {
img {
display: block;
margin: 3px 0 0 12px;
height: 22px;
width: auto;
margin: 0 0 0;
transition: transform 400ms $ease-quart;
will-change: transform;
@include breakpoint (sm) {
margin-left: 16px;
}
}
// Hover
a:hover img {
transform: scale(1.04);
transform: scale(1.05);
}
}
}