Files
Airframe-React/app/routes/Interface/DragAndDropElements/components/common.scss
2019-08-15 00:54:44 +02:00

43 lines
1.0 KiB
SCSS
Executable File

@import "./../../../../styles/variables.scss";
.list {
transition: background-color 200ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
&--drag-over {
background-color: lighten($primary, 45%);
}
}
.list-group-item {
border-left: 1px solid transparent !important;
border-right: 1px solid transparent !important;
transition: border-color 200ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
&:first-child {
border-top: 1px solid transparent !important;
}
&--dragging {
&:first-child {
border-top-color: $primary !important;
}
border-color: $primary !important;
}
}
.table {
transition: background-color 200ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
&--drag-over {
background-color: lighten($primary, 45%);
}
}
.row {
transition: border-color 200ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
background: $white;
&--dragging {
border: 1px solid $primary !important;
}
}