mirror of
https://github.com/Fluffy-Bean/TastyBites.git
synced 2025-06-05 09:53:12 +00:00
Add contact form
Fake API Make Index resize to mobile better Add error colour
This commit is contained in:
parent
8ab0957a85
commit
04adf38b46
11 changed files with 248 additions and 59 deletions
|
@ -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 {
|
||||
|
|
|
@ -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 {
|
||||
|
|
|
@ -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;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue