cyp/app/css/mixins.less
2020-03-11 10:55:18 +01:00

58 lines
931 B
Text

.flex-row {
&:not([hidden]) { display: flex; }
flex-direction: row;
align-items: center;
}
.flex-column {
&:not([hidden]) { display: flex; }
flex-direction: column;
}
.ellipsis {
overflow: hidden;
text-overflow: ellipsis;
}
/*
.multiline {
.flex-row;
h2 { font-weight: normal; }
}
*/
.selectable {
border-left: var(--border-width) solid transparent;
cursor: pointer;
&.selected {
border-left-color: var(--primary);
background-color: var(--primary-tint);
}
}
.item {
.flex-row;
.selectable;
padding: 8px;
padding-left: calc(8px - var(--border-width));
&:nth-child(odd) { // FIXME nutno poresit lepe s ohledem na search
background-color: var(--bg-alt);
}
> .icon {
margin-right: var(--icon-spacing);
filter: drop-shadow(var(--text-shadow));
}
.title {
font-size: var(--font-size-large);
flex-grow: 1;
min-width: 0; // bez tohoto se odmita zmensit
}
button .icon { width: 32px; }
}