gburri/recipes
1
0
Fork 0
Code Issues 6 Pull requests Projects Releases Packages Wiki Activity Actions

A bit of clean up

Browse source
This commit is contained in:
Greg Burri 2025-03-02 00:39:58 +01:00
parent cb2483eab1
commit a590d7e1e9
24 changed files with 259 additions and 237 deletions
Download patch file Download diff file Expand all files Collapse all files

112
backend/scss/style.scss
View file

@ -1,3 +1,5 @@
@use 'sass:color';
@use 'toast.scss';
@use 'modal-dialog.scss';
@use 'calendar.scss';
@ -6,7 +8,10 @@ $color-1: #B29B89;
$color-2: #89B29B;
$color-3: #9B89B2;
$text-color: darken($color-1, 30%);
$text-color: color.adjust($color-1, $lightness: -30%);
$text-highlight: color.adjust($color-1, $lightness: +30%);
$link-color: color.adjust($color-3, $lightness: -25%);
$link-hover-color: color.adjust($color-3, $lightness: +20%);
* {
margin: 5px;
@ -14,11 +19,11 @@ $text-color: darken($color-1, 30%);
}
a {
color: darken($color-3, 25%);
color: $link-color;
text-decoration: none;
&:hover {
color: lighten($color-3, 20%);
color: $link-hover-color;
}
}
@ -31,6 +36,27 @@ body {
background-color: $color-1;
margin: 0px;
.user-message {
font-weight: bold;
}
.footer-container {
align-self: center;
font-size: 0.7em;
}
.drag-handle {
width: 20px;
height: 20px;
display: inline-block;
vertical-align: bottom;
background-color: blue;
}
img {
border: 0px;
}
.header-container {
display: flex;
flex-direction: row;
@ -63,23 +89,6 @@ body {
}
}
.footer-container {
align-self: center;
font-size: 0.7em;
}
.drag-handle {
width: 20px;
height: 20px;
display: inline-block;
vertical-align: bottom;
background-color: blue;
}
img {
border: 0px;
}
.main-container {
display: flex;
flex-direction: row;
@ -96,18 +105,20 @@ body {
}
.recipe-item {
white-space: preserve nowrap;
padding: 4px;
// Transparent border: to keep same size than '.recipe-item-current'.
border: 0.1em solid rgba(0, 0, 0, 0);
}
.recipe-item-current {
color: lighten($color-3, 30%);
padding: 4px;
background-color: $color-2;
&.current {
white-space: preserve nowrap;
padding: 4px;
border: 0.1em solid $color-3;
border: 0.1em solid $color-3;
border-radius: 0.5em;
border-radius: 0.5em;
color: $text-highlight;
background-color: $color-2;
}
}
}
@ -131,24 +142,26 @@ body {
}
#recipe-edit {
display: grid;
.drag-handle {
cursor: move;
}
.group {
border: 0.1em solid lighten($color-3, 30%);
border: 0.1em solid color.adjust($color-3, $lightness: +30%);
margin-top: 0px;
margin-bottom: 0px;
}
.step {
border: 0.1em solid lighten($color-3, 30%);
border: 0.1em solid color.adjust($color-3, $lightness: +30%);
margin-top: 0px;
margin-bottom: 0px;
}
.ingredient {
border: 0.1em solid lighten($color-3, 30%);
border: 0.1em solid color.adjust($color-3, $lightness: +30%);
margin-top: 0px;
margin-bottom: 0px;
}
@ -184,6 +197,41 @@ body {
}
}
#sign-up form {
display: grid;
grid-template-columns: auto 1fr auto;
input[type="submit"] {
grid-column: 2
}
}
#sign-in form {
input[type="submit"] {
grid-column: 2
}
}
#ask-reset-password form {
grid-template-columns: auto 1fr auto;
input[type="submit"] {
grid-column: 2
}
}
#user-edit form {
grid-template-columns: auto 1fr auto;
input[type="submit"] {
grid-column: 2
}
}
// #sign-in {
// }
// #user-edit {
// .label-name {
// grid-column: 1;
@ -222,9 +270,5 @@ body {
// justify-self: flex-end;
// }
// }
// #sign-in {
// }
}
}