heboba/goodgarden
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

plantenClass OOP V1.0

Browse Source
This commit is contained in:
Renzo
2024-03-20 09:35:18 +01:00
parent ea67ed89e5
commit d9504f5e7c
6 changed files with 128 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
src/css/style.scss
View File

@@ -45,6 +45,23 @@ p, td
font-family: $font-text;
}
.containers-articles
{
height: 7rem;
width: 10rem;
padding: .6rem;
margin: 0.1rem;
margin-left: 2rem;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
border: solid 3px $primary-color;
border-radius: 40px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
background-color: white;
}
body
{
background-image: url("../images/achtergrond.png");
@@ -162,7 +179,7 @@ body
canvas
{
// Zorgt ervoor dat de grafiek precies in eht midden komt
// Zorgt ervoor dat de grafiek precies in het midden komt
position: absolute;
top: 50%;
left: 50%;
@@ -193,18 +210,7 @@ body
{
article
{
height: 7rem;
width: 10rem;
padding: .6rem;
margin: .1rem;
margin-left: 2rem;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
border: solid 3px $primary-color;
border-radius: 40px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@extend .containers-articles;
#toevoegen
{
@@ -226,6 +232,18 @@ body
}
}
}
#sensor
{
&-1
{
@extend .containers-articles;
border: none;
border-radius: 40px 0px 0px 40px;
width: 30vw;
margin-top: 10vh;
}
}
}
&-rechts
@@ -255,6 +273,17 @@ body
}
}
}
#sensor
{
&-2
{
@extend .containers-articles;
border-radius: 0px 40px 40px 0px;
width: 30vw;
margin-top: 10vh;
}
}
}
}
}