.filemanager { & .header { @apply .flex .text-sm .pb-4 .font-bold .border-b .border-grey-light .mb-3; & > div { @apply .pr-4; } } & .row { @apply .flex .text-sm .py-3 .text-sm .border .border-transparent .text-black .rounded; & > div { @apply .pr-4; } &.clickable { @apply .no-underline; } &.active-selection, &.clickable:hover { @apply .bg-grey-lightest .border-blue-light .text-blue-dark; } & > .icon { @apply .w-8 .text-center; & > svg { @apply .h-4; } } } .context-menu { @apply .absolute .bg-white .py-2 .border .rounded .text-grey-darker .text-sm .cursor-pointer; & > div:not(:last-of-type) { @apply .border-b .border-grey-lightest .pb-2 .mb-2; } & .context-row { @apply .flex .flex-row .items-center .py-2 .px-8 .border-t .border-b .border-transparent; & > .icon { @apply .flex-none; & > svg { @apply .h-4; } } & > .action { @apply .flex-auto .pl-2; } &:hover { @apply .bg-grey-lightest .border-t .border-b .border-grey-lighter; } &.danger:hover { @apply .bg-red-lightest .border-t .border-b .border-red-lighter; } } } } .filemanager-breadcrumbs { @apply .px-4 .py-3 .mb-6 .rounded .border .bg-grey-lightest .text-grey-darker; & a { @apply .no-underline .text-blue-light; &:hover { @apply .text-blue-dark; } } }