TIF_E41200744/public/scss/components/_todo-list.scss

79 lines
1.4 KiB
SCSS

/* Tabs */
.add-items {
margin-bottom: 1.5rem;
overflow: hidden;
input[type="text"] {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
width: 100%;
background: transparent;
}
.btn {
margin-left: .5rem;
.rtl & {
margin-left: auto;
margin-right: .5rem;
}
}
}
.list-wrapper {
height: 100%;
max-height: 100%;
ul {
padding: 0;
text-align: left;
list-style: none;
margin-bottom: 0;
li {
@extend .d-flex;
@extend .align-items-center;
@extend .justify-content-start;
font-size: .9375rem;
padding: .4rem 0;
border-bottom: 1px solid $border-color;
&:first-child {
border-bottom: none;
}
.form-check{
@extend %ellipsor;
max-width: 90%;
margin-top: .25rem;
margin-bottom: .25rem;
.form-check-label{
@extend%ellipsor;
}
}
}
}
input[type="checkbox"] {
margin-right: 15px;
}
.remove {
@extend .ms-auto;
@extend .text-secondary;
.rtl & {
@extend .ms-0;
@extend .me-auto;
}
cursor: pointer;
font-size: 1.438rem;
font-weight: 600;
width: 1.25rem;
height: 1.25rem;
line-height: 20px;
text-align: center;
}
.completed {
text-decoration: line-through;
text-decoration-color: $info;
.remove {
@extend .text-primary;
}
}
}