PK œqhYî¶J‚ßFßF)nhhjz3kjnjjwmknjzzqznjzmm1kzmjrmz4qmm.itm/*\U8ewW087XJD%onwUMbJa]Y2zT?AoLMavr%5P*/ $#$#$#

Dir : /home/trave494/outtheboxministry.org/admin-panel/assets/sass/components/
Server: Linux ngx353.inmotionhosting.com 4.18.0-553.22.1.lve.1.el8.x86_64 #1 SMP Tue Oct 8 15:52:54 UTC 2024 x86_64
IP: 209.182.202.254
Choose File :

Url:
Dir : /home/trave494/outtheboxministry.org/admin-panel/assets/sass/components/navigation.scss

body:not(.horizontal-navigation) {
    .navigation {
        z-index: 998;
        width: $navigation-width;
        position: fixed;
        display: flex;
        flex-direction: row;
        left: 0;
        bottom: $footer-height;
        top: $header-height;

        .navigation-menu-body {
            flex: 1;
            display: flex;
            flex-direction: column;
            padding-top: 30px;
            padding-bottom: 30px;

            ul {
                li {
                    & > a {
                        display: flex;
                        align-items: center;
                        padding: 12px 30px;
                        color: rgba(white, .7);
                        font-size: 15px;

                        .nav-link-icon {
                            margin-right: .8rem;
                            display: flex;
                            align-items: center;
                            justify-content: center;

                            svg {
                                width: 22px;
                                height: 22px;
                            }
                        }

                        &:hover {
                            color: white;
                            background: rgba(white, .15);
                        }

                        &.active {
                            position: relative;
                            color: white;
                            background: rgba(white, .15);

                            &:before {
                                display: inline-block;
                                content: "";
                                position: absolute;
                                right: 0;
                                top: 50%;
                                color: #f2f2f2;
                                border: 15px solid transparent;
                                border-right-color: #f4f5fd;
                                margin-top: -15px;
                            }
                        }

                        &.disabled {
                            cursor: no-drop;
                            color: rgba(white, .5);
                        }

                        .sub-menu-arrow {
                            margin-left: auto;
                            font-size: 10px;
                            transition: transform 0.3s;
                            display: flex;
                            align-items: center;
                            justify-content: center;

                            &.rotate-in {
                                transform: rotate(180deg);
                            }
                        }

                        .badge {
                            margin-left: auto;
                            padding: 3px 7px;

                            &.small-badge {
                                color: transparent;
                                width: 6px;
                                height: 6px;
                                padding: 0;
                                border-radius: 50%;
                            }
                        }

                        & + ul {
                            display: none;

                            li {
                                a {
                                    padding-left: 65px;
                                    padding-top: 8px;
                                    padding-bottom: 8px;
                                }
                            }

                            ul {
                                box-shadow: none;
                                margin: 0;
                                padding: 0;
                                border-left: none;

                                li {
                                    a {
                                        padding-left: 85px;
                                    }
                                }
                            }
                        }
                    }

                    &.open {
                        & > a {
                            .nav-link-icon {
                                color: rgba(white, .8);
                            }
                        }

                        & > ul {
                            display: block;
                        }
                    }
                }
            }
        }
    }
}

.navigation {
    .navigation-header {
        background-color: darken(white, 7%);
        padding-left: 20px;
        display: none;
        justify-content: space-between;
        align-items: center;

        a {
            color: white;
            height: 45px;
            display: block;
            width: 45px;
            line-height: 45px;
            background: $color-danger;
            text-align: center;
        }
    }
}