@c8y/style
Version:
Styles for Cumulocity IoT applications
80 lines (64 loc) • 1.16 kB
text/less
.property-label {
padding: 0;
border-color: transparent;
background-color: transparent;
box-shadow: none;
transition: all 0.2s ease;
.form-control-focus();
}
.property-label:focus {
padding: 6px 12px;
}
div .property {
line-height: 34px;
}
div .property:hover {
.darken(@component-background-default, 0.05);
}
div .property:nth-child(odd) {
.darken(@component-background-default, 0.03);
}
div .property.bg-info:nth-child(odd) {
background-color: @status-info-light;
}
.column-name {
line-height: 23px;
}
.spin-up {
position: relative;
top: 3px;
}
.spin-up,
.spin-down {
display: block;
height: 5px;
color: @gray-80;
}
.spin:hover .spin.active {
color: @text-color;
}
.icon-sort-down {
position: relative;
top: -9px;
}
.asset-table .btn-xs {
font-size: 10px;
line-height: 1.1em;
}
.asset-table .headers .header-cell {
position: relative;
vertical-align: middle;
}
.asset-table .headers .widget-sort {
position: absolute;
top: 50%;
right: 0;
margin-top: -9.5px;
}
.asset-table .headers .column-name {
margin-right: 8px;
line-height: 1.1em;
&:hover {
color: @brand-primary;
}
}