salix/front/core/components/treeview/style.scss

50 lines
1.2 KiB
SCSS

@import "colors";
vn-treeview {
ul {
margin: 0;
padding: 0;
li {
list-style: none;
cursor: pointer;
.actions {
padding: 0.5em;
}
.description {
padding: 0.5em
}
}
li ul {
padding: 0 1.8em;
}
li > vn-horizontal:hover {
background-color: $hover
}
li.selected > vn-horizontal > .description .text,
li.included > vn-horizontal > .description .text {
font-weight: bold;
color: $main-01;
}
li.included {
& > vn-horizontal > .description > vn-horizontal > vn-check {
.mdl-checkbox .mdl-checkbox__box-outline, {
border: 2px solid $main-01-05;
}
fieldset[disabled] .mdl-checkbox .mdl-checkbox__box-outline, .mdl-checkbox.is-disabled .mdl-checkbox__box-outline {
border: 2px solid rgba(0,0,0,.26);
}
.mdl-checkbox .mdl-checkbox__tick-outline {
background: $main-01-05;
}
}
}
}
}