60 lines
1011 B
SCSS
60 lines
1011 B
SCSS
@use "../mixins" as *;
|
|
@use "../variables" as *;
|
|
|
|
.ticket-card {
|
|
@include card();
|
|
border-left: 4px solid $color-accent;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: $spacing-sm;
|
|
|
|
.meta { color: $color-muted; font-size: 0.9rem; }
|
|
.title { font-weight: 600; }
|
|
|
|
}
|
|
|
|
.listbox {
|
|
max-width: auto;
|
|
margin:0 0;
|
|
background-color: #90ff82;
|
|
background-color: $rundbgbackgroundcolor;
|
|
padding-bottom: 96px;
|
|
color: white;
|
|
padding-left: 32px;
|
|
padding-right: 32px;
|
|
padding-top: 96px;
|
|
border-radius: 20px;
|
|
border-color: #000000;
|
|
border-style: double;
|
|
box-shadow: 10px 10px 10px rgba(43, 43, 43, 0.8);
|
|
font-size: 26px;
|
|
list-style-type: none;
|
|
|
|
|
|
&.To-Do {
|
|
background-color: #b1003b;
|
|
}
|
|
|
|
&.InProgress {
|
|
background-color: #fff385;
|
|
}
|
|
|
|
&.Completed {
|
|
background-color: #90ff82;
|
|
}
|
|
|
|
&.Archived {
|
|
background-color: #af69ee;
|
|
}
|
|
}
|
|
|
|
.postits {
|
|
display: grid;
|
|
grid-template-columns: auto auto auto;
|
|
gap: 8px;
|
|
margin-top: 96px;
|
|
}
|
|
.warning {
|
|
color: #570000;
|
|
}
|