refactoring allStyles styleStyle -> style-style

This commit is contained in:
2024-02-09 18:17:15 +03:00
parent 81d2ee4098
commit af07631abe
93 changed files with 751 additions and 703 deletions

View File

@ -367,7 +367,7 @@
border-color: gray;
}
&Selected {
&-selected {
display: flex;
align-items: center;
border-radius: 8px;
@ -428,7 +428,7 @@
transform: rotate(180deg);
}
&Dropdown {
&-dropdown {
position: absolute;
top: 33px;
left: 0;
@ -441,7 +441,7 @@
row-gap: 7px;
width: 100%;
.executorDropdown__person {
.executor-dropdown__person {
display: flex;
justify-content: space-between;
align-items: center;
@ -565,7 +565,7 @@
margin-top: 8px;
padding: 0 8px 8px;
.tagItem {
.tag-item {
display: flex;
align-items: center;
flex-direction: row;
@ -620,7 +620,7 @@
}
}
.addNewTag {
.add-new-tag {
display: flex;
align-items: center;
column-gap: 15px;
@ -649,7 +649,7 @@
}
}
.formTag {
.form-tag {
display: flex;
flex-direction: column;
padding: 8px;
@ -750,7 +750,7 @@
transform: scaleX(1);
}
.tasksContainer {
.tasks-container {
display: flex;
flex-direction: column;
row-gap: 8px;
@ -923,7 +923,7 @@
}
}
&__deadLine {
&__dead-line {
display: flex;
align-items: center;
column-gap: 5px;
@ -969,7 +969,7 @@
row-gap: 3px;
margin: 5px 0 8px;
.tagItem {
.tag-item {
padding: 3px 10px;
border-radius: 10px;
color: white;
@ -978,7 +978,7 @@
}
}
.openItems {
.open-items {
cursor: pointer;
border-radius: 44px;
width: 33px;
@ -993,11 +993,11 @@
color: white;
}
.moreItems {
.more-items {
background: #8bcc60;
}
.lessItems {
.less-items {
background: #f92828;
}
@ -1036,7 +1036,7 @@
}
}
&__noItems {
&__no-items {
font-weight: 500;
font-size: 25px;
transform: scaleY(-1);
@ -1046,12 +1046,12 @@
}
}
&__noTasks {
&__no-tasks {
display: flex;
flex-direction: column;
transform: scaleY(-1);
&Info {
&-info {
display: flex;
align-items: center;
margin-bottom: 15px;
@ -1068,7 +1068,7 @@
}
}
&More {
&-more {
font-size: 14px;
line-height: 22px;
}
@ -1138,14 +1138,14 @@
display: flex;
}
&__allTasks {
&__all-tasks {
max-width: 1160px;
padding: 0 20px;
margin: 0 auto;
display: flex;
flex-direction: column;
.taskList {
.task-list {
&__head {
display: flex;
justify-content: space-between;
@ -1548,7 +1548,7 @@
}
}
&__tasksWrapper {
&__tasks-wrapper {
margin-top: 20px;
display: flex;
flex-direction: column;
@ -1580,7 +1580,7 @@
}
}
&__completeTask {
&__complete-task {
display: flex;
justify-content: space-between;
align-items: center;
@ -1598,7 +1598,7 @@
color: #111112;
}
.completeTask__title {
.complete-task__title {
font-weight: 700;
font-size: 18px;
line-height: 32px;
@ -1857,7 +1857,7 @@
}
}
&__noItem {
&__no-item {
padding: 23px 0 19px;
color: #6f6f6f;