@import "../../../functions";
@import "../../../variables";
@import "../../../custom";
@import "../../../maps";
@import "../../../mixins";
@import "../../../utilities";

/* board list basic */
.board-buttons,
.board-list {
    .btn {
        @include media-breakpoint-down(sm) {
            padding: .25rem .5rem;
            font-size: .875rem;
        }
    }

    .list-group-item {
        .badge {
            font-size: 1rem;
            font-weight: 400;
        }

        .icon_reply {
            height: 12px;
            width: 12px;
        }
    }

    .category-name {
        font-size: .75rem;
    }

    .badge-wrap {
        .badge {
            font-size: .875rem;
            padding: .25rem;
            margin-right: .1rem;
        }

        .new-article {
            .badge {
                font-size: .95rem;
            }

        }
    }

    .writer {
        .badge {
            font-size: .84rem;
        }
    }

    .write-info-wrap {
        .badge {
            font-size: .8rem;
        }

        .good-nogood-wrap {
            .badge {
                min-width: 30px;
                text-align: center;
            }
        }

        .wr-hit-wrap {
            .badge {
                min-width: 70px;
                text-align: center;
            }
        }

        .wr-datetime-wrap {
            .badge {
                min-width: 50px;
                text-align: center;
            }
        }
    }

    .checkbox-wrap {
        left: .5rem;
        top: .25rem;
        z-index: 1;
        opacity: .5;

        &:hover {
            opacity: 1;
        }
    }

    .category-name {
        bottom: .5rem;
        left: .5rem;
        z-index: 1;

        .badge {
            font-size: .875rem;
        }
    }

    .board-subject {
        .card-title {
            font-weight: 600;
            font-family: "Noto Sans KR", sans-serif;
            font-size: 1rem;
        }
    }

    .badge-wrap {
        bottom: .5rem;
        right: .5rem;
        z-index: 1;
    }

    .write-info-wrap {
        i {
            font-size: .75rem !important;
            font-weight: 400 !important;
            ;
        }
    }

}