@charset "utf-8";

@import "../../node_modules/bulma/sass/utilities/_all.sass";
@import "../../node_modules/bulma/sass/base/_all.sass";
@import "../../node_modules/bulma/sass/helpers/spacing.sass";
@import "../../node_modules/bulma/sass/helpers/typography.sass";
@import "../../node_modules/bulma/sass/form/_all.sass";

@import "../../node_modules/bulma/sass/elements/button.sass";
@import "../../node_modules/bulma/sass/elements/container.sass";
@import "../../node_modules/bulma/sass/elements/title.sass";
@import "../../node_modules/bulma/sass/elements/notification.sass";
@import "../../node_modules/bulma/sass/elements/tag.sass";

@import "../../node_modules/bulma/sass/layout/hero.sass";

@import "../../node_modules/bulma/sass/grid/_all.sass";

@import "../../node_modules/bulma/sass/components/navbar.sass";
@import "../../node_modules/bulma/sass/components/card.sass";
@import "../../node_modules/bulma/sass/components/tabs.sass";

@import "components/accordion";
@import "components/buckets";
@import "components/file-table";
@import "components/icon";

.icon {
    svg {
        display: inline-block;
        font-size: inherit;
        height: 1.5em;
        width: 1.5em;
        overflow: visible;

        max-height: 100%;
        max-width: 100%;

        margin: 0.5em;

        fill: #dbdbdb;
    }
}

.button {
    .icon {
        margin-left: 0.25em !important;
        margin-right: 0.25em !important;

        svg {
            margin: 0;
        }
    }
}

input {
    &:focus + .icon svg {
        fill: #363636;
    }
}

input[type=checkbox] {
    position: relative;
    top: 0.7em;
}

label.required {
    &:after {
        content: "\2731";
        vertical-align: top;
        font-size: 80%;
    }
}

.app-header {
    background: #eee;
    border-bottom: 1px solid #d9d9d9;
}

.app-header__logo {
    min-width: 30px;
}

.navbar {
    background-color: transparent;
}

@include component__accordion();
@include component__buckets();
@include component__file-table();
@include component__icon();