stijn
ebe66c87c0
Pages are now grouped per group they appear in on in the header (where possible) Utilities used by multiple pages in the project are grouped in folders such as services/pipes/etc
62 lines
798 B
SCSS
62 lines
798 B
SCSS
.particle-card {
|
|
margin-top: 20px;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.particle-properties {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 20px;
|
|
}
|
|
|
|
.property-row {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 15px;
|
|
width: 100%;
|
|
}
|
|
|
|
.type-field {
|
|
flex: 1;
|
|
min-width: 20ch;
|
|
max-width: 40ch;
|
|
}
|
|
|
|
.color-picker {
|
|
display: flex;
|
|
flex: 1;
|
|
align-items: center;
|
|
gap: 10px;
|
|
}
|
|
|
|
.color-picker input[type="color"] {
|
|
width: 40px;
|
|
height: 40px;
|
|
border: none;
|
|
border-radius: 4px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.card-div {
|
|
mat-card {
|
|
background-color: var(--color-primary);
|
|
color: var(--font-color);
|
|
}
|
|
}
|
|
|
|
.full-width {
|
|
width: 100%;
|
|
}
|
|
|
|
.size-slider {
|
|
width: 95%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin-top: 5px;
|
|
}
|
|
|
|
span {
|
|
color: var(--font-color);
|
|
font-size: 0.9rem;
|
|
}
|