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

54 lines
844 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);
}
}
.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); }
.title {
font-size: var(--font-size-large);
flex-grow: 1;
min-width: 0; // bez tohoto se odmita zmensit
}
button .icon { width: 32px; }
}