82 lines
1.7 KiB
CSS
82 lines
1.7 KiB
CSS
|
|
.container {
|
|
padding: 0;
|
|
border: 1px dashed;
|
|
@mixin light {
|
|
background-color: var(--color-light-white-blue);
|
|
border-color: lightblue;
|
|
}
|
|
@mixin dark {
|
|
background-color: var(--mantine-color-dark-7);
|
|
border-color: var(--mantine-color-dark-5);
|
|
}
|
|
}
|
|
|
|
.container-selected {
|
|
border: 2px dashed !important;
|
|
@mixin light {
|
|
border-color: dodgerblue !important;
|
|
}
|
|
@mixin dark {
|
|
border-color: dodgerblue !important;
|
|
}
|
|
}
|
|
|
|
.container-mainly-selected {
|
|
border: 2px solid;
|
|
@mixin light {
|
|
border-color: dodgerblue !important;
|
|
}
|
|
@mixin dark {
|
|
border-color: dodgerblue !important;
|
|
}
|
|
}
|
|
|
|
.container-in-group {
|
|
padding: 0;
|
|
border: 1px dashed;
|
|
@mixin light {
|
|
background-color: var(--color-light-aqua);
|
|
border-color: lightblue;
|
|
}
|
|
@mixin dark {
|
|
background-color: var(--mantine-color-dark-6);
|
|
border-color: var(--mantine-color-dark-5);
|
|
}
|
|
}
|
|
|
|
.deal-data {
|
|
padding: var(--mantine-spacing-xs);
|
|
gap: var(--mantine-spacing-xs);
|
|
}
|
|
|
|
.deal-id {
|
|
border-top-right-radius: var(--mantine-radius-md);
|
|
border-bottom-left-radius: var(--mantine-radius-md);
|
|
padding-inline: var(--mantine-spacing-xs);
|
|
@mixin light {
|
|
background-color: lightblue;
|
|
}
|
|
@mixin dark {
|
|
background-color: var(--color-dark);
|
|
}
|
|
}
|
|
|
|
.first-tag {
|
|
@mixin light {
|
|
background-color: lightblue;
|
|
}
|
|
@mixin dark {
|
|
background-color: darkslateblue;
|
|
}
|
|
}
|
|
|
|
.second-tag {
|
|
@mixin light {
|
|
background-color: lightgray;
|
|
}
|
|
@mixin dark {
|
|
background-color: var(--mantine-color-dark-4);
|
|
}
|
|
}
|