120 lines
1.7 KiB
CSS
120 lines
1.7 KiB
CSS
/* This file is manually maintained, it is not generated from SCSS sources */
|
|
|
|
/**
|
|
* holder of tasks
|
|
*/
|
|
.task {
|
|
padding: 15px;
|
|
max-width: 900px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
/**
|
|
* one task item
|
|
*/
|
|
.task__item {
|
|
padding: 7.5px 0;
|
|
}
|
|
|
|
/**
|
|
* add transition
|
|
*/
|
|
.task__item * {
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
/**
|
|
* task title
|
|
*/
|
|
.task__item > div:first-child h3 {
|
|
margin: 0;
|
|
padding: 0;
|
|
font-size: 1rem;
|
|
}
|
|
|
|
/**
|
|
* task button
|
|
*/
|
|
.task__item > div:last-child .task__button {
|
|
border: 1px solid #ced5e1;
|
|
border-radius: 5px;
|
|
background-color: #f6f7f8;
|
|
color: #43536d;
|
|
display: inline-block;
|
|
padding: 6px 10px;
|
|
text-decoration: none;
|
|
}
|
|
|
|
/**
|
|
* task button hover
|
|
*/
|
|
.task__item > div:last-child .task__button:hover {
|
|
background-color: #1a5a93;
|
|
color: #fff;
|
|
}
|
|
|
|
/**
|
|
* desktop view
|
|
*/
|
|
@media (min-width:992px) {
|
|
|
|
|
|
/**
|
|
* add grid
|
|
*/
|
|
.task__item {
|
|
padding: 0;
|
|
border-top: 1px solid #004e7f;
|
|
|
|
display: grid;
|
|
grid-gap: 10px;
|
|
grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
|
|
}
|
|
|
|
/**
|
|
* show current row
|
|
*/
|
|
.task__item:hover {
|
|
background-color: #eee;
|
|
}
|
|
|
|
|
|
/**
|
|
* add padding to make it work better with BG colour
|
|
*/
|
|
.task__item > div {
|
|
padding: 15px;
|
|
}
|
|
|
|
/**
|
|
* set first col
|
|
*/
|
|
.task__item > div:first-child {
|
|
grid-column: span 5;
|
|
}
|
|
|
|
/**
|
|
* hide description
|
|
*/
|
|
.task__item > div:first-child div.task__description {
|
|
color: #999;
|
|
font-size: 0.7rem;
|
|
}
|
|
|
|
/**
|
|
* show description on hover
|
|
*/
|
|
.task__item:hover > div:first-child div.task__description {
|
|
font-size: 1rem;
|
|
color: #000;
|
|
}
|
|
|
|
/**
|
|
* outline button to right
|
|
*/
|
|
.task__item > div:last-child{
|
|
text-align: right;
|
|
}
|
|
|
|
}
|