Lae/resources/sass/app.scss

// Fonts
// @import url("https://fonts.bunny.net/css?family=Nunito");

// Variables
@import "variables";

// Bootstrap
@import "bootstrap/scss/bootstrap";

.nav-link {
    color: #000 !important;
}


.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
}

.text-auto {
    color: #333;
}

.text-reverse {
    color: #fff;
}

.text-reverse:hover {
    color: #fff;
}

.text-reverse:visited {
    color: #fff;
}


.bg-reverse {
    background-color: #333;
}

.lae-logo {
    background-image: url('/assets/lae-dark.png');
    background-size: 40px;
    background-repeat: no-repeat;
    width: 40px;
    height: 25px;
    /* position: relative;
    top: -3px; */
}

.background-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    z-index: -1;
}

td {
    white-space: nowrap;
    overflow: hidden;
    word-break: keep-all;
}

.cursor-pointer {
    cursor: pointer;
}

/*
.table-flash {
    animation: flash 1s linear;
}

@keyframes flash {
    from {
        background-color: #f8f9fa20;
    }
    to {
        background-color: none;
    }
} */

#lottie {
    background-color: transparent;
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
    transform: translate3d(0, 0, 0);
    text-align: center;
    opacity: 1;
}

.img-revert {
    filter: invert(0);
}

@media (prefers-color-scheme: dark) {
    /* .background-container {
      background: url('/assets/images/bg-dark.jpg');
      filter: brightness(0.6);
    } */

    .nav-link {
        color: unset !important;
    }

    .lae-logo {
        background-image: url('/assets/lae-white.png');
    }

    .text-auto {
        color: #fff;
    }

    .text-reverse {
        color: #333;
    }

    .text-reverse:hover {
        color: rgb(255, 255, 255);
    }

    .text-reverse:visited {
        color: #333;
    }

    .bg-reverse {
        background-color: #fff;
    }

    .text-auto:hover {
        color: #fff !important;
    }

    /*.active {*/
    /*  color: #fff !important;*/
    /*}*/

    .v-md-editor {
        background-color: #3b3b3b !important;
    }
    .v-md-editor__toolbar-item--active,
    .v-md-editor__toolbar-item--active:hover {
        background: #323232 !important;
    }

    .v-md-editor__toolbar {
        border-bottom: 1px solid #606060 !important;
    }

    .v-md-editor__toolbar-divider::before {
        border-left: 1px solid #606060 !important;
    }

    .v-md-editor--editable .v-md-editor__editor-wrapper {
        border-right: 1px solid #606060 !important;
    }

    .v-md-textarea-editor pre,
    .v-md-textarea-editor textarea {
        color: #cacaca !important;
    }

    .img-revert {
        filter: invert(1);
    }
}

.placeholder {
    /* --smooth-corners: 100.00;
    mask-image: paint(smooth-corners);
    -webkit-mask-image: paint(smooth-corners); */

    border-radius: 8px;
}