move typekit import, add full logo, misc sketching
This commit is contained in:
@ -15,6 +15,9 @@ export default function RootLayout({
|
||||
}>) {
|
||||
return (
|
||||
<html lang="no">
|
||||
<head>
|
||||
<link rel="stylesheet" href="https://use.typekit.net/spa5smt.css" />
|
||||
</head>
|
||||
<body>
|
||||
<Header />
|
||||
{children}
|
||||
|
@ -51,6 +51,7 @@ export const EventContainer = ({
|
||||
<div className={styles.displayOptions}>
|
||||
<button onClick={() => setMode(null)}>Vis liste</button>
|
||||
<button onClick={() => setMode("calendar")}>Vis kalender</button>
|
||||
<button>Filter</button>
|
||||
</div>
|
||||
{mode === "list" && <EventList events={filteredEvents} />}
|
||||
{mode === "calendar" && <EventCalendar events={filteredEvents} />}
|
||||
|
@ -19,6 +19,8 @@
|
||||
|
||||
button {
|
||||
border-radius: 0;
|
||||
background: var(--color-deepBrick);
|
||||
color: var(--color-goldenBeige);
|
||||
}
|
||||
}
|
||||
|
||||
|
File diff suppressed because one or more lines are too long
@ -10,6 +10,10 @@
|
||||
svg {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
&.main {
|
||||
margin: calc(var(--spacing-sitepadding)*-.6) 0 0 calc(var(--spacing-sitepadding)*-.6);
|
||||
}
|
||||
}
|
||||
|
||||
.logoIcon {
|
||||
|
@ -106,8 +106,8 @@ h6 {
|
||||
button,
|
||||
.button {
|
||||
border-radius: 10rem;
|
||||
background: var(--color-cta);
|
||||
color: var(--color-text);
|
||||
background: var(--color-cta-background);
|
||||
color: var(--color-cta-text);
|
||||
border: none;
|
||||
padding: .5rem 1rem;
|
||||
font-family: inherit;
|
||||
|
@ -1,5 +1,3 @@
|
||||
@import url("https://use.typekit.net/spa5smt.css");
|
||||
|
||||
/*@font-face {
|
||||
font-family: 'Avenir';
|
||||
src: url('/assets/fonts/Avenir/Avenir.woff2') format("woff2");
|
||||
|
@ -29,7 +29,8 @@
|
||||
--color-text: var(--color-chateauBlue);
|
||||
--color-background: var(--color-betongGray);
|
||||
--color-background-secondary: var(--color-betongGray-darkened);
|
||||
--color-cta: var(--color-goldenOrange);
|
||||
--color-cta-background: var(--color-goldenOrange);
|
||||
--color-cta-text: var(--color-black);
|
||||
--color-placeholder: var(--color-neufPink);
|
||||
|
||||
// spacing
|
||||
|
Reference in New Issue
Block a user