/*

Lesli

Copyright (c) 2023, Lesli Technologies, S. A.

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program. If not, see http://www.gnu.org/licenses/.

Lesli · Ruby on Rails SaaS development platform.

Made with ♥ by https://www.lesli.tech
Building a better future, one line of code at a time.

@contact  hello@lesli.tech
@website  https://www.lesli.tech
@license  GPLv3 http://www.gnu.org/licenses/gpl-3.0.en.html

// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
// ·  

*/


// · 
// · -·-     -·-     -·-     -·-     -·-     -·-     -·-     -·-     -·-     -·-     -·-     -·-
footer.application-footer {
    width: 100%;
    padding: .5rem;
    padding-left: 1rem;

    a {
        color: lesli-css-color(silver, 700);
    }

    .navbar {
        padding-left: .1rem;
        background-color: transparent;
        margin-left: var(--lesli-sidebar-width);

        .navbar-start {
            flex: 1;

            .navbar-item {
                flex: 1;
                padding: 0;
            }
            
            input {
                flex: 1;
                border: none;
                background-color: transparent;
                color: lesli-css-color(silver, 900);
                &::placeholder { 
                    opacity: 1;
                    color: lesli-css-color(silver, 900);
                }

            }

        }

        .navbar-end a.navbar-item {
            font-size: .9rem;
        }

    }
    
}



// · 
// · -·-     -·-     -·-     -·-     -·-     -·-     -·-     -·-     -·-     -·-     -·-     -·-
section.application-commands {
    position: absolute;
    z-index: 98;

    width: 100%;
    padding: 1.2rem;
    top: var(--lesli-header-height);
    margin-left: var(--lesli-sidebar-width);
    max-width: calc(100% - var(--lesli-sidebar-width) - 30px);
    min-height: calc(100vh - var(--lesli-header-height) - var(--lesli-footer-height));
    background-color: lesli-css-color(blue);

    .content {
        padding: 1.3rem;
        background-color: lesli-css-color(blue, 100);
    }

}