/**
 * This file provides the design styles for the admin tools
 *
 * @author Jana Deutschlaender <deutschlaender@cosmocode.de>
 */

.do-admin {
    #admin__version {
        font-size: @font-size-default;
    }

    .main-content ul {
        > li {
            font-size: @font-size-default;

            div.li {
                font-size: @font-size-default;

                a {
                    font-size: @font-size-default;
                    line-height: 125%;
                    cursor: pointer;
                }
            }
        }
    }

    div.ui-admin {
        ul.admin_tasks,
        ul.admin_plugins {
            padding: 0;

            li {
                background-size: auto 1rem;
                margin: 0 0 .6em 0;

                a {
                    color: @ini_text;

                    * {
                        color: inherit;
                    }

                    span.icon {
                        margin-top: -.2rem;
                        margin-bottom: .2rem;

                        svg {
                            fill: @ini_existing;

                            path {
                                fill: @ini_existing;
                            }
                        }
                    }
                }
            }
        }

        ul.admin_tasks {
            li {
                a {
                    font-weight: 400;
                }
            }
        }
    }
}


/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* 1024px */

@media @screen_max-md {
    .do-admin {
        div.ui-admin {
            ul.admin_tasks {
                width: 50%;
                padding-top: 1rem;

                li {
                    white-space: normal;

                    a {
                        .display-flex(); // for better position with line breaks (white-space)

                        span.icon {
                            margin-top: -.3rem;
                            margin-bottom: .3rem;
                        }
                    }
                }
            }
        }
    }
}


/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* 768px */

@media @screen_max-xs {
    .do-admin {
        div.ui-admin {
            ul.admin_tasks {
                width: auto;
                padding-top: 1rem;
            }
        }
    }
}