-
Adresse
-
- Chateau Neuf
-
- Slemdalsveien 15
-
- 0369 Oslo
-
-
- Vis i Google Maps
-
+
-
-
Åpningstider i dag
-
-
Se alle åpningstider
+
+
Åpningstider i dag
+
+ Se alle åpningstider
+
diff --git a/web/src/components/layout/footer.module.scss b/web/src/components/layout/footer.module.scss
index fdc06bf..7e57cdf 100644
--- a/web/src/components/layout/footer.module.scss
+++ b/web/src/components/layout/footer.module.scss
@@ -13,13 +13,18 @@
row-gap: var(--spacing-gap-column);
h2 {
+ grid-column: 1 / -1;
font-family: var(--font-serif);
font-weight: 400;
font-size: var(--font-size-h3);
+ margin-bottom: var(--spacing-m);
}
h3 {
- margin-bottom: 1em;
+ line-height: inherit;
+ font-size: 1em;
+ font-weight: 600;
+ margin: 0;
}
}
@@ -41,32 +46,31 @@
.social,
.contact,
.visit {
+ line-height: 1.78;
margin-bottom: var(--spacing-section-bottom);
ul {
list-style: none;
}
-
- h2 {
- margin-bottom: var(--spacing-s);
- grid-column: span 3;
- }
}
.visit {
grid-column: span 2;
- display: grid;
- grid-template-columns: 1fr 1fr;
}
+
+.visitContent {
+ display: grid;
+ grid-template-columns: 1fr 1fr;
+ align-items: flex-start;
+}
.address {
- line-height: 1.78;
margin-bottom: 2rem;
}
.emails {
>div {
- margin-bottom: 2rem;
+ margin-bottom: 1rem;
}
}
@@ -121,25 +125,17 @@
}
}
-@media (max-width: 900px) {
- .social,
- .contact,
+@media (max-width: 1000px) {
+ .footer {
+ grid-template-columns: 1fr 1fr;
+ }
+}
+
+@media (max-width: 600px) {
+ .footer {
+ grid-template-columns: 1fr;
+ }
.visit {
- grid-template-columns: 1fr;
-
- h2 {
- grid-column: 1 / -1;
- }
+ grid-column: span 1;
}
-
- .social ul,
- .emails,
- .visit >div, .visit >ul {
- grid-column: 1 / -1;
- }
-
- .emails {
- grid-template-columns: 1fr;
- }
-
}
\ No newline at end of file
diff --git a/web/src/css/button.scss b/web/src/css/button.scss
index bc6691b..c6e3ed6 100644
--- a/web/src/css/button.scss
+++ b/web/src/css/button.scss
@@ -40,10 +40,11 @@ button,
}
&.tertiary {
+ font-size: var(--font-size-caption);
color: currentColor;
background: transparent;
border: 2px solid currentColor;
- padding: .25rem .75rem;
+ padding: .2rem .75rem;
}
&.toggler {