edb/neuf-www
7
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

misc happy styling, event header tables, etc

Browse Source
This commit is contained in:
Elise Jakobsen
2024-06-24 03:34:19 +02:00
parent b1f3db6a42
commit 944506cc2f
12 changed files with 132 additions and 69 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
web/src/components/layout/Footer.tsx
View File

@@ -12,25 +12,31 @@ export const Footer = () => {
<h2 className="suphead">Følg oss</h2>
<ul>
<li>
<a href="#" target="_blank" className="button tertiary">
<a
href="https://www.instagram.com/studentersamfundet/"
target="_blank"
className="button tertiary"
>
<span>Instagram</span>
<Icon />
</a>
</li>
<li>
<a href="#" target="_blank" className="button tertiary">
<a
href="https://www.facebook.com/studentersamfundet"
target="_blank"
className="button tertiary"
>
<span>Facebook</span>
<Icon />
</a>
</li>
<li>
<a href="#" target="_blank" className="button tertiary">
<span>Twitter</span>
<Icon />
</a>
</li>
<li>
<a href="#" target="_blank" className="button tertiary">
<a
href="https://www.flickr.com/groups/neuf/pool/"
target="_blank"
className="button tertiary"
>
<span>Flickr</span>
<Icon />
</a>

19
web/src/components/layout/footer.module.scss
View File

@@ -1,13 +1,14 @@
.footer {
padding: var(--spacing-sitepadding-block) var(--spacing-sitepadding-inline);
background: var(--color-chateauBlue);
background: var(--color-deepBrick);
color: var(--color-betongGray);
position: relative;
z-index: 700;
font-size: var(--font-size-caption);
overflow: hidden;
button {
a {
font-size: var(--font-size-caption);
background: var(--color-neufPink);
}
}
@@ -91,14 +92,20 @@
}
.pig {
position: relative;
top: 0;
right: 0;
position: absolute;
bottom: -2rem;
right: -2rem;
z-index: 800;
}
.toTop {
position: absolute;
z-index: 801;
right: var(--spacing-sitepadding-inline);
bottom: var(--spacing-sitepadding-block);
cursor: pointer;
button {
font-size: var(--font-size-caption);
}
}