pip-webui
Version:
HTML5 UI for LOB applications
114 lines (90 loc) • 2.71 kB
text/less
// @file CSS styles for selected list items
// @copyright Digital Living Software Corp. 2014-2015
md-list-item {
&.pip-selectable {
button {
border-left: none;
padding-left: 21px;
}
&.selected {
button {
padding-left: 16px;
background-color: rgba(158,158,158,.2);
border-left: 5px solid rgba(33, 150, 243, 0.5) ;
}
}
}
&.pip-selectable-tree {
button {
border-left: none;
}
&.selected {
& > button {
background-color: rgba(158, 158, 158, .2);
border-left: 5px solid rgb(3, 169, 244) ; //#2196f3;
}
}
}
&.pip-selectable-tree > button {
padding-right: 0;
}
&.pip-selectable.pip-simple-list-item {
border-left: none;
padding-left: 21px;
&.selected {
padding-left: 16px;
background-color: rgba(158,158,158,.2);
border-left: 5px solid rgba(33, 150, 243, 0.5) ;
}
}
}
md-list-item.pip-list-no-click {
&.pip-selectable {
.md-no-style{
border-left: none;
padding-left: 21px;
}
&.selected .md-no-style {
padding-left: 16px;
background-color: rgba(158,158,158,.2);
border-left: 5px solid rgba(33, 150, 243, 0.5) ;
}
}
}
.generate-selected (@name, @color) {
.@{name} {
md-list-item {
&.pip-selectable {
&.selected {
.md-no-style {
background-color: rgba(158,158,158,.2) ;
border-left: 5px solid @color ;
}
}
}
&.pip-selectable-tree {
&.selected {
& > .md-no-style {
background-color: rgba(158, 158, 158, .2);
border-left: 5px solid @color ; //#2196f3;
}
}
}
&.pip-selectable.pip-simple-list-item {
&.selected {
background-color: rgba(158,158,158,.2);
border-left: 5px solid @color ;
}
}
}
}
}
.generate-selected(blue, @color-blue-hue);
.generate-selected(pink, @color-pink-hue);
.generate-selected(orange, @color-orange-hue);
.generate-selected(amber, @color-amber-hue);
.generate-selected(green, @color-green-hue);
.generate-selected(navy, @color-navy-hue);
.generate-selected(grey, @color-grey-hue);
.generate-selected(dark, @color-dark-hue);
.generate-selected(black, @color-black-hue);