Files
astuto/app/assets/stylesheets/components/SiteSettings/Roadmap/index.scss
Riccardo Graziosi d7e7db9f72 Add custom CSS (#264)
2024-01-23 18:50:42 +01:00

55 lines
947 B
SCSS

.roadmapPostStatuses {
@extend
.d-flex,
.flex-row,
.flex-wrap;
min-height: 150px;
box-sizing: border-box;
border: 2px dotted transparent;
border-radius: 0.5rem;
&.isDraggingSomething {
border-color: black;
}
&.isDraggingOver {
background-color: rgba(255, 255, 0, 0.2);
}
.roadmapPostStatus {
@extend
.card,
.m-2,
.p-0;
@include media-breakpoint-down(sm) {
flex: 0 0 100%;
}
box-sizing: border-box;
flex: 0 0 28%;
background-color: var(--astuto-grey-light);
overflow: hidden;
height: 150px;
&.headerOnly { height: fit-content; }
&.notDragging { transform: none !important; }
.roadmapPostStatusHeader {
@extend
.d-flex,
.flex-row,
.card-header;
color: white;
padding: 8px 4px;
text-transform: uppercase;
.titleText {
@extend .align-self-center;
}
}
}
}