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} {/if}
</ul> </ul>
</li> </li>
<li class="cetrucflotte"> <li class="by">
<span>A project by</span> <a href="https://cetrucflotte.com" title="A project by Cetrucflotte" target="_blank" rel="noopener">
<a href="https://cetrucflotte.com" target="_blank" rel="noopener"> <img src="/img/logo-ctf.svg" alt="Logo of Cetrucflotte">
<img src="/img/logo-ctf.svg" alt="Cetrucflotte logo's">
</a> </a>
</li> </li>
</ul> </ul>

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

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