//Boostrap函式庫
@import "../bootstrap";

body.system-status {
    &.routes {
        table.routes {
            font-size: 1.1em;
            @include media-breakpoint-down(lg) {
                font-size: 1em;
            }
            @include media-breakpoint-down(md) {
                font-size: .9em;
            }
            &.collapsed {
                .dtr-data {
                    word-break: break-all;
                    .badge {
                        white-space: unset;
                    }
                }
            }
            td {
                &.uri {
                    * {
                        color: #baffc6;
                    }
                }
                &.action {
                    word-break: break-all;
                }
                &.middleware {
                    .badge {
                        margin-right: 2px;
                        font-size: .9em;
                    }
                }
            }
        }
    }
    &.system {
        table.system {
            font-size: 1.1em;
        }
    }
    &.gates {
        table {
            font-size: 1.2em;
        }
    }
}