Add contact form

Fake API
Make Index resize to mobile better
Add error colour
This commit is contained in:
Michał Gdula 2024-04-26 13:50:21 +01:00
parent 8ab0957a85
commit 04adf38b46
11 changed files with 248 additions and 59 deletions

View file

@ -17,6 +17,7 @@ nav {
background-color: $color-dark;
color: $color-light;
//transition: box-shadow 0.05s ease-in-out;
z-index: 9999999;
ul {
@ -39,6 +40,7 @@ nav {
padding: $spacing-xsmall $spacing-normal;
display: block;
text-decoration: none;
text-shadow: 0 1px 0.5px rgba(#000, 0.8);
color: inherit;
}
@ -66,7 +68,7 @@ nav {
}
&.scrolled {
//box-shadow: 0 0 15px 1px $color-background;
box-shadow: 0 0 3px 1px rgba(#000, 0.8);
}
&.mobile {

View file

@ -1,6 +1,7 @@
*, *::before, *::after {
box-sizing: border-box;
margin: 0;
text-rendering: optimizeLegibility;
box-sizing: border-box;
}
html {
@ -23,6 +24,7 @@ body {
h1, h2, h3, h4, h5, h6 {
padding-bottom: $spacing-small;
text-shadow: 0 1px 0.5px rgba($color-dark, 0.3);
}
h1 {
font-size: $font-size-h1;
@ -51,9 +53,11 @@ h6 {
p {
font-size: $font-size-p;
font-weight: $font-weight-normal;
text-shadow: 0 1px 0.5px rgba($color-dark, 0.3);
a {
text-decoration: none;
text-shadow: 0 1px 0.5px rgba($color-dark, 0.3);
color: $color-primary;
&:hover {

View file

@ -7,6 +7,8 @@ $color-light: #fff8eb;
$color-on-light: #33251a;
$color-primary: #6A9343;
$color-on-primary: #fffbf4;
$color-error: #ab5642;
$color-on-error: #fffbf4;
$color-vegan: #75a446;
$color-fish: #487fa6;