gruene-seele/resources/assets/vendor/sass/pages/projects.scss
2021-01-08 17:48:20 +01:00

101 lines
No EOL
1.7 KiB
SCSS

@import '../_custom-variables/pages';
$project-attachment-width: 18rem !default;
$project-attachment-size: 4rem !default;
$project-task-item-padding: .625rem 0 !default;
// Attachments
.project-attachment {
display: flex;
align-items: center;
width: 100%;
> .media-body {
min-width: 0;
}
}
.project-attachment-file,
.project-attachment-img {
display: block;
flex-grow: 0;
flex-shrink: 0;
width: $project-attachment-size;
height: $project-attachment-size;
}
.project-attachment-file {
display: inline-block;
text-align: center;
line-height: $project-attachment-size;
}
.project-attachment-img {
background-color: transparent;
background-position: center center;
background-size: cover;
}
.project-attachment-filename {
display: block;
overflow: hidden;
width: 100%;
text-overflow: ellipsis;
white-space: nowrap;
}
// Tasks
.project-task-item {
display: flex;
align-items: center;
justify-content: space-between;
padding: $project-task-item-padding;
.ui-todo-item {
margin: 0;
}
}
@if $enable-light-style {
.light-style {
@import "../_appwork/include";
.project-task-item {
background: $card-bg;
+ .project-task-item {
border-top: 1px solid $gray-100;
}
}
}
}
@if $enable-material-style {
.material-style {
@import "../_appwork/include-material";
.project-task-item {
background: $card-bg;
+ .project-task-item {
border-top: 1px solid $gray-100;
}
}
}
}
@if $enable-dark-style {
.dark-style {
@import "../_appwork/include-dark";
.project-task-item {
background: $card-bg;
+.project-task-item {
border-top: 1px solid $gray-100;
}
}
}
}