moved vn-grid to misc.scss

This commit is contained in:
Gerard 2018-12-13 15:05:00 +01:00
parent 399baf9576
commit 15873946b0
1 changed files with 45 additions and 0 deletions

View File

@ -307,4 +307,49 @@ fieldset[disabled] .mdl-textfield .mdl-textfield__label,
.counter.small {
font-size: 0.7em
}
.vn-grid {
border-collapse: collapse;
width: 100%;
& > thead,
& > tbody,
& > tfoot {
tr {
td, th {
text-align: left;
padding: 10px;
&[number]{
text-align: right;
}
}
}
}
& > thead, & > tbody {
border-bottom: 3px solid $lines;
}
& > tbody > tr {
border-bottom: 1px solid $lines;
transition: background-color 200ms ease-in-out;
&.clickable {
@extend %clickable;
}
&.success {
background-color: rgba(163, 209, 49, 0.3);
&:hover {
background-color: rgba(163, 209, 49, 0.5);
}
}
&.warning {
background-color: rgba(247, 147, 30, 0.3);
&:hover {
background-color: rgba(247, 147, 30, 0.5);
}
}
}
}